MINA
MINA(MINA IS NOT APP) 是在微信中开发小程序的框架。
MINA的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生APP体验的服务。
MINA提供了自己的视图层描述语言WXML和WXSS,以及基于JavaScript的逻辑层框架,并在视图层与逻辑层间提供了数据传输和事件系统,可以让开发者可以方便的聚焦于数据与逻辑上。
文件结构
框架程序包含一个描述整体程序的 app 和多个描述各自页面的 page。
一个框架程序主体部分由三个文件组成,必须放在项目的根目录,如下:
文件 | 必填 | 作用 |
app.js | 是 | 小程序逻辑 |
app.json | 是 | 小程序公共设置 |
app.wxss | 否 | 小程序公共样式表 |
一个框架页面由四个文件组成,分别是:
文件类型 | 必填 | 作用 |
js | 是 | 页面逻辑 |
wxml | 是 | 页面结构 |
wxss | 否 | 页面样式表 |
json | 否 | 页面配置 |
配置
我们使用app.json文件来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。
以下是一个包含了所有配置选项的简单配置app.json :
{ "pages": [ "pages/wechat/wechat", "pages/note/note", "pages/find/find", "pages/mine/mine", "pages/message/message", "pages/audio/audio", "pages/info/info", "pages/newfriend/newfriend", "pages/moments/moments", "pages/picker/picker", "pages/upload/upload", "pages/ws/ws", "pages/index/index", "pages/logs/logs" ], "window":{ "navigationBarBackgroundColor": "#000", "navigationBarTextStyle": "white", "navigationBarTitleText": "", "backgroundColor": "#eee", "backgroundTextStyle": "dark" }, "tabBar": { "backgroundColor":"#333", "selectedColor":"red", "list": [{ "pagePath": "pages/wechat/wechat", "iconPath":"image/wechat.png", "selectedIconPath":"image/wechat_2.png", "text": "微信" }, { "pagePath": "pages/note/note", "iconPath":"image/note.png", "selectedIconPath":"image/note_2.png", "text": "通讯录" }, { "pagePath": "pages/find/find", "iconPath":"image/find.png", "selectedIconPath":"image/find_2.png", "text": "发现" }, { "pagePath": "pages/mine/mine", "iconPath":"image/mine.png", "selectedIconPath":"image/mine_2.png", "text": "我"