Meteor学习路程(三)之数据库的例子(2)【插入】

版权声明:本文为博主原创文章,未经博主允许不得转载。 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)最终在浏览器中输入姓名和年龄点击保存,下面数据库数据即可查询到数据库数据并展示出来,这个是上一章节就实现了的。

猜你喜欢

转载自blog.csdn.net/Miss_LL/article/details/54573400