列表頁js

1. var Bmob = require('../../utils/bmob.js');var that;
2. Page({
3. onLoad: function () {
4. that = this;
5. },
6. onShow: function () {
7. that.loadCategories();
8. },
9. loadCategories: function () {
10. var query = new Bmob.Query('Category');
11. query.limit(Number.Max_VALUE);
12. query.find().then(function (categories) {
13. console.log(categories);
14. that.setData({
15. categories: categories
16. });
17. });
18. },
19. add: function () {
20. // 跳轉添加頁面
21. wx.navigateTo({
22. url: '../add/add'
23. });
24. },
25. })

可以看到，上面使用了onShow代替了onLoad作為加載請求loadCategories，這是因為考慮到添加完畢后會有返回上頁，能和自刷新最新數據。

相應的布局頁面

1.  
2. class="item" wx:for="{{categories}}" wx:key="">
3. class="title" url="../add/add?objectId={{item.objectId}}" open-type="navigate" hover-class="none">{{item.title}}
4.  
5.  
6. class="add-category" bindtap="add">
7. src="/images/add.png" class="icon" />
8. class="caption">新增分類
9.  

列表頁跳轉可以使用代替的bindtap，這樣更簡潔一些；而底部的添加按鈕使用position: fixed固定底部；wx:for循環提供objectId作為參數，以傳遞給編輯頁面。

編輯頁面

1. var Bmob = require('../../utils/bmob.js');var that;
2. Page({
3. onLoad: function (
4.