Meteor學習路程(三)之資料庫的例子(2)【插入】
阿新 • • 發佈:2018-11-01
這個例子插入的例子是在http://blog.csdn.net/miss_ll/article/details/54377748資料庫基礎進行繼續完善的。
(1)在client/template資料夾下面新建一個插入表單模板insertform.html
(2)在main.html中引入表單模板(注意:這個要放在資料庫表單模板上面顯示,這樣插入後就可以在下面看到插入的資訊了,這是邏輯性)<template name="insertFrom"> <p>姓名:<input id="username"/></p> <p>年齡:<input id="age"/></p> <p><button>儲存</button></p> </template>
<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)最終在瀏覽器中輸入姓名和年齡點選儲存,下面資料庫資料即可查詢到資料庫資料並展示出來,這個是上一章節就實現了的。