Meteor其他事件的处理

刘永祥发布于2019-06-26 16:58 / 2324人阅读

摘要：在之前的表单提交中介绍的就是操作。之前没有数据的字段在这个位置会显示为操作这里给为的添加一个事件，更新这个的为当前时间。操作通过主键对对象进行删除操作。

除了表单提交以外，还有我们日常用到的CRUD操作，对object操作的四个方法: Read/Insert/Update/Delete
Read这个在一开始的例子中就有说到的:db.object.find(),通过Tempalte.tempaltes.helpers给变量赋值，在html中使用模板语言对变量进行操作。
Insert在之前的from表单提交中介绍的就是Insert操作。

 Languages.insert({
                name: text,
                createdAt: new Date()
         });

下面来说下其他的两个操作Update和Delete

增加Update和Delete的Button

先增加一个template名字叫做other_event,在这个模板中我们只展示3个objects，给每天object添加一个删除和更新的按钮。

在之前的表中并没有updateAt这个字段，这里使用了mongodb（nosql）的一个优势，灵活可变的数据模式(scheme)，不需要变更表结构就可以随意的增加字段。
之前没有updateAt数据的字段在{{updateAt}}这个位置会显示为"".

Update操作

 Template.other_event.events({
       "click .update": function () {
            Languages.update(this._id, {
                $set: {updateAt: new Date()}
            })
        }

    });

这里给class为update的button添加一个事件，更新这个object的updateAt为当前时间。
这里的this就是一个obejct对象，_id是Mongodb的自动的对每个插入的文档对象做的唯一个一个索引，Mongodb为保证其唯一和自增长。
使用$set可以给language对象赋值要更新的属性.
同样的我们可以打开两个浏览器，在其中的一个浏览器中点击更新按钮，在两个浏览器中都可以看到数据的更新。

css ,Fri Dec 18 2015 09:40:26 GMT+0800 (CST)

Delete操作

   Template.other_event.events({
   "click .delete": function () {
       Languages.remove(this._id);

   };
    });

通过主键_id对language对象进行删除操作。同样的我们也可以字两个浏览器中进行观察数据的更新。

项目地址：https://github.com/jjz/meteor/tree/master/meteor-form

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/18814.html

Meteor的表单提交:Form

摘要：中的在中时时刻刻都不能离开，表单提交来看看在里面如何提交表单吧首先是这里我们定义了一个表单，为，有一个的还有一个提交的按钮。 Meteor中的form 在web中时时刻刻都不能离开form，表单提交,来看看在meteor里面如何提交表单吧！首先是 HTML: meteor-form form Welcome t...

instein 2019-06-26 16:58 评论0 收藏0
Day 15：Meteor —— 从零开始创建一个 Web 应用

摘要：在我的机子上，运行于端口，以避免和其他默认运行于端口的冲突。我们可以使用命令连接数据库查看定义应用层次创建的模板应用有一个问题，客户端和服务器段的代码是一样的。在中加入然后添加问题模板注意我们使用了来确保用户未登录的情况下应用。编者注：我们发现了有趣的一系列文章《30天学习30种新技术》，正在翻译中，一天一篇更新，年终礼包。下面是第15天的内容。到目前为止我们讨论了Bower...

Big_fat_cat 2019-08-19 14:26 评论0 收藏0
Day 15：Meteor —— 从零开始创建一个 Web 应用

摘要：在我的机子上，运行于端口，以避免和其他默认运行于端口的冲突。我们可以使用命令连接数据库查看定义应用层次创建的模板应用有一个问题，客户端和服务器段的代码是一样的。在中加入然后添加问题模板注意我们使用了来确保用户未登录的情况下应用。编者注：我们发现了有趣的一系列文章《30天学习30种新技术》，正在翻译中，一天一篇更新，年终礼包。下面是第15天的内容。到目前为止我们讨论了Bower...

lpjustdoit 2019-06-26 16:48 评论0 收藏0
Meteor的临时的存储:Session

摘要：在开发的过程中有的时候我们只需要存储一些临时的变量，我们并不想使用来存储，这个时候我们可以使用来存储，可以方便的存储一些状态，也可以在中使用。中存储的的值项目地址在开发的过程中有的时候我们只需要存储一些临时的变量，我们并不想使用collection来存储，这个时候我们可以使用Session来存储，Session可以方便的存储一些状态，也可以在helpers中使用。 Session是变...

Meils 2019-06-26 16:58 评论0 收藏0
（翻译）Mantra官方文档

摘要：我们通过对我们应用程序的每个部分进行单元测试来实现这一点，同时遵循一个标准。它帮助你单元测试，动作和集成容器。当在组件库中使用库函数时，它应该是纯函数。 Mantra 工作草案-版本0.2.0 简介这是一个Mantra草案规范，一个由Kadira创建的Meteor的应用程序架构。它帮助开发人员构建可维护的，面向未来的Meteor应用程序。版权 The MIT License (M...

denson 2019-08-20 12:26 评论0 收藏0