1. 程式人生 > >Meteor學習路程(三)之資料庫的例子(2)【插入】

Meteor學習路程(三)之資料庫的例子(2)【插入】

這個例子插入的例子是在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)最終在瀏覽器中輸入姓名和年齡點選儲存,下面資料庫資料即可查詢到資料庫資料並展示出來,這個是上一章節就實現了的。