【2019.06.16】Django + 微信小程序 实现微信小程序2 —— 小程序框架、小程序的逻辑层和视图层

小程序框架

小程序的配置

• 全局配置 - app.json
  • pages 列表配置
  • window 配置

app.json

{
"pages": [
"pages/logs/logs",
"pages/index/index"
],
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "WeChat",
"navigationBarTextStyle": "black"
},
"sitemapLocation": "sitemap.json",
"tabBar": {
"list": [{
"pagePath": "pages/index/index",
"text": "首页",
"iconPath": "",
"selectedIconPath": ""
},
{
"pagePath": "pages/logs/logs",
"text": "日志",
"iconPath": "",
"selectedIconPath": ""
}]
}
}

• 页面配置 - <page name>.json
  • 只能配置全局配置中的window配置项内容
    • 开启下拉刷新

    index.json

 { "enablePullDownRefresh": true }

 

 

小程序的逻辑层和视图层

逻辑层

• 小程序的注册逻辑

  • App函数

  回调函数
  onLaunch: function () {} 当小程序初始化完成时，会触发onLaunch，全局只调用一次
  onShow: function(){} 当小程序启动，或从后台进入前台显示，会触发 onShow
  onHide: function(){} 当小程序从前台进入后台，会触发 onHide

  - 注册全局唯一的小程序
  - 只能调用一次
  - 接受一个对象作为函数参数

• 页面注册逻辑

  • Page函数

    • 注册一个页面
    • 接受一个对象作为函数参数

  • 页面数据

    • data属性
      

    • 使用全局数据
      

  • 生命周期回调
    

视图层

• 小程序的视图层

  • 数据绑定
    

  • 条件渲染
    

  • 列表渲染
    

绑定事件

• 事件绑定的写法以key、value的形式
• key 以bind或catch开头，然后跟上事件的类型
  

小程序框架

小结：