版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/Miss_LL/article/details/54573400
这个例子插入的例子是在http://blog.csdn.net/miss_ll/article/details/54377748数据库基础进行继续完善的。
(1)在client/template文件夹下面新建一个插入表单模板insertform.html
<template name="insertFrom">
<p>姓名:<input id="username"/></p>
<p>年龄:<input id="age"/></p>
<p><button>保存</button></p>
</template>
(2)在main.html中引入表单模板(注意:这个要放在数据库表单模板上面显示,这样插入后就可以在下面看到插入的信息了,这是逻辑性)
<h1>插入数据</h1>
{{> insertFrom}}
(3)在insertform.js表单helper中处理表单提交事件
Template.insertFrom.events({
'click button':function (event,template) {
//使用JQuery获取表单中的数据
var username = $('#username').val();
var age = $('#age').val();
//构造新建文档的JSON对象
var user_json = {name:username,age:age};
//调用集合对象TestsUsers的insert方法,把新文档插入数据库集合
TestsUsers.insert(user_json);
}
});
(4)最终在浏览器中输入姓名和年龄点击保存,下面数据库数据即可查询到数据库数据并展示出来,这个是上一章节就实现了的。