MiniP框架概要 -- 配置与逻辑层

目录结构

image.png

配置文件app.json

app.json文件用来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。

以下是一个包含了所有配置选项的 app.json ：

image.png

注册程序文件app.js

App() 函数用来注册一个小程序。接受一个 object 参数，其指定小程序的生命周期函数等。

image.png

image.png

image.png

注册页面 "pages/index/index.js","pages/logs/logs.js"

Page() 函数用来注册一个页面。接受一个 object 参数，其指定页面的初始数据、生命周期函数、事件处理函数等。

image.png

事件处理函数

1.普通方法的绑定

image.png

2.Page.prototype.router

route字段可以获取读到当前页面的路径。

3.Page.prototype.setData()

setData函数用于将数据从逻辑层发送到视图层（异步），同时改变对应的this.data的值（同步）

image.png

注意：

• 直接修改 this.data 而不调用 this.setData 是无法改变页面的状态的，还会造成数据不一致。
• 单次设置的数据不能超过1024kB，请尽量避免一次设置过多的数据。

• 请不要把 data 中任何一项的 value 设为 undefined ，否则这一项将不被设置并可能遗留一些潜在问题。

  
  
  

  image.png

路由

在小程序中，所有页面的路由全部由框架进行管理

image.png

文件作用域

在JavaScript文件中声明的变量和函数只在该文件中有效；
通过全局函数getApp()可以获取全局的应用实例，如果需要全局的数据可以在App()中设置，如：

image.png

模块化

• 可以将一些公共的代码抽离成一个单独的js文件，作为一个模块。模块通脱module.exports来暴露接口
• 小程序目前不支持直接引入node_modules，开发者需用到该模块时可拷贝出相关代码到小程序目录中。

• 在需要用到该模块的文件中用require()加载，注意：request不支持绝对路径。

  
  
  

  image.png