欢迎光临,了解微信小程序开发,就上易用通!

新手入门选修教程:小程序的框架及逻辑层

发布:2018-01-27 09:38浏览: 来源:网络 作者:cola

一:小程序的框架-mina
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": "我"





免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。