通过meteor实现的一个照片墙

always love tech

初次使用meteor所遇到的一个问题:

insert failed: Method ‘/pictures/insert‘ not found

提示没有这个方法,然后可以看到在mongodb数据库中确实没有pictures这个collection;

于是开始google it,发现stackoverflow上面有个问题很相似,

Pictures=new Mongo.Collection( ‘pictures‘)
// Meteor.subscribe("pictures");
// Pictures.allow({
//          insert: function () {
//          return true;
//          },
//          update: function () {
//          return true;
//          },
//          remove: function () {
//          return true;
//          }
//          });

加上上面注释的代码后发现并没什么卵用;

后来找了许久才发现要保证server端同时进行声明才可以;最终在server加上

Pictures=new Mongo.Collection( ‘pictures‘)//problem solved

PS:我用的是js,并木有用coffeescript,如果用coffee似乎用
@Pictures=new Mongo.Collection ‘pictures‘就能保证全局了,还没尝试。。。
最后不得不说meteor的DDP实现的hot code push碉堡了demo已经发布到我的github,欢迎一起讨论techhttps://github.com/z-pro/gallery-by-meteor
时间: 2025-01-13 10:17:00

通过meteor实现的一个照片墙的相关文章

android 手把手教你照片墙应用实现,再多的图片也不怕OOM

今天讲一个照片墙的应用,这个在去年还算是比较流行的,现在不忙,也准备简单的实现以下,之所以说是照片墙是好像图片加载出来后贴上去的感觉,这个用GridView控件,然后加载出来的图片放上去即可! 实现原理: 1:去重复 相同的url不要下载二次,可以用set集合对封装的任务,但是我们应用使用了内存缓存即使不做判断也不会加载二次,因为LruCache对象已经帮我们实现了 2:下载图片的任务使用了AsyncTask 3:当我们快速滑动屏幕的时候 怎么做到当手指松开的时候才加载可见屏幕范围对应的图片 避

Meteor:应用UI状态

Meteor应用的UI状态该如何存放?这里介绍几种方法. Session Session是meteor提供的一个前端全局reactive数据源.使用方法简单,功能也相对简陋,适用于页面结构简单的单页应用. Local Collection 前端通过new Mongo.Collection(null)创建一个local collection,相对于session,可以提供功能更强大的reactive数据源.适用于页面结构相对复杂的多页应用. Template Instance Reactive V

纯css实现照片墙3D效果

每张照片都有美丽的故事.美好的回忆.家居中的照片墙则帮你展现出这些承载着家庭重要记忆的照片,除了用画框装饰照片挂在墙上外,照片墙还可以演变为手绘照片墙.也经常在网上看到一些关于照片墙的特效案例,决定自己动手试试. v直接上代码 这篇博客呢就是演示一个照片墙的效果.所以废话不多说,直接上代码然后展示特效.有兴趣的道友可以自己练练手试试.也可以改动改动其中的属性多玩玩,自己测试的时候建议用美女的照片,绝对"乐在其中". 1.准备材料:  准备材料就是没什么材料,自己麻溜赶快的去:百度找几张

web前端第一步——照片墙(缩略图)

折腾了几天,终于终于终于解决了一个照片墙的问题哟! 先上效果图: 他会像百度图片库一样,鼠标移到哪张图,哪张图 就会放大显现.看下图: 哈哈,最得意的是知道了怎么把图片放在我想放的地方,显示的大小也可以,一开始的时候,图片放好,鼠标移到图片也会变大,只是其他的图片也会相应的移动位置,特别难看, 现在明白了“块级元素”,也知道了,为什么不直接防止图片,而是将img放在a里面,a 又放在li里面,因为这样可以实现更多的效果啦. 不多说,上代码,再注释: <!DOCTYPE html> <ht

Android照片墙完整版,完美结合LruCache和DiskLruCache

转载地址:http://blog.csdn.net/guolin_blog/article/details/34093441#comments 在上一篇文章当中,我们学习了DiskLruCache的概念和基本用法,但仅仅是掌握理论知识显然是不够的,那么本篇文章我们就来继续进阶一下,看一看在实战当中应该怎样合理使用DiskLruCache.还不熟悉DiskLruCache用法的朋友可以先去参考我的上一篇文章 Android DiskLruCache完全解析,硬盘缓存的最佳方案 . 其实,在真正的项

Meteor 前端 RESTful API 通过后端 API 下载文件

Meteor 下载文件 问题场景 后端 HTTP 服务器提供一个下载接口,但是需要前端 Meteor 能够给浏览器用户开一个URL来下载这个文件. 举例:在线的Meteor Logo文件就好比后端提供的 RESTful API,然后我们给浏览器客户暴露一个 URL 来下载 Meteor 依赖 安装所有依赖: meteor add http meteor add cfs:http-methods meteor add froatsnook:request 说明: * cfs:http-method

CSS3实战开发:手把手教你照片墙实战开发

在<CSS3 2D转换技术之translate实战开发>文章中,我给大家列出了CSS3中的2D转换方法: 1.    translate() 2.    rotate() 3.    scale() 4.    skew() 5.    matrix() 同时对第一个方法 translate()做了非常详尽的介绍,并带领大家实战开发了一个导航条.如果你对translate不了解或不是太熟悉,请阅读我的博文 <CSS3 2D转换技术之translate实战开发> . 在讲解知识点之前

定制Meteor账户界面

Meteor自带一个方便的账户代码包,可以很容易的在应用中加入用户注册.登录和找回密码等功能. Meteor的这个账户系统对于快速构建原型是非常有帮助的,但是,当需要更合适,更具弹性的账户系统时,就要定制自己的账户系统了. 定制Meteor账户系统有改头换面和脱胎换骨两种方式: 修改accouts-ui-unstyled代码包 构建自己的账户系统 修改Accouts-UI-Unstyled包 通过修改accounts-ui-unstyled代码包中HTML文件,不需要理解Meteor的Accou

Meteor——不一般的全栈开发平台!

一.全栈开发平台 - 不仅仅是前端 Meteor和那些名声如雷贯耳的前端框架,比如Angular, React等都不一样,它是一个 采用单一开发语言的全栈开发的平台:开发者可以使用JavaScript同时 进行前端和后端的开发,然后交给Meteor运行这个包含了前后端的完整应用: 从图中你可以看到,Meteor在前端使用浏览器作为基础运行环境,在后端则是以NodeJS作为 基础运行环境,以MongoDB作为数据持久化系统. Meteor提供了一个横跨前端和后端的中间层平台,预置封装了很多功能库,