一、小程序架构 每个小程序的结构都是由两个主要部分构成:主体部分 + 各个页面。 类似于许多框架,主体部分主要用于核心的配置,各个页面主要用于不同业务场景。
1.1,主体部分主要由3个文件构成 1)app.js:小程序逻辑,初始化APP 2)app.json :小程序配置,比如导航、窗口、页面http请求跳转等 3)app.wxss:公共样式配置
主体配置完成之后,就是对应的业务开发了,也就是开发者最常操作的页面。小程序页面设计基本上也是遵循 MVC 结构进行构建。
1.2,页面由4个文件构成 1)js:页面逻辑,相当于控制层(C);也包括部分的数据(M) 2)wxml:页面结构展示,相当于视图层(V) 3)wxss:页面样式表,纯前端,用于辅助wxml展示 4)json:页面配置,配置一些页面展示的数据,充当部分的模型(M)
如图 代码结构参考
二、配置 app.json 简单介绍核心架构配置,详细内容请参考小程序开发文档。 app.json 全局配置页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。
pages
window
tabBar 通过 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页面。 tabBar 配置数组,只能配置最少2个、最多5个 tab,tab 按数组的顺序排序。
networkTimeout
debug true/false 可以在开发者工具中开启 debug 模式,在开发者工具的控制台面板,调试信息以 info 的形式给出,其信息有Page的注册,页面路由,数据更新,事件触发 。 可以帮助开发者快速定位一些常见的问题。
page.json |
程序员开发实战系列《二》微信小程序架构篇
发布:2018-01-29 11:07浏览: 次来源:网络 作者:cola
免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。
相关文章
- 微信小程序开发工具 常用快捷键2018-06-09
- 微信小程序架构分析《一》调试技巧,模块构成,理念分析2018-02-07
- 微信小程序架构分析《二》:view 模块和 service 模块的构成2018-02-07
- 微信小程序架构分析《三》:实现过程以及实时更新2018-02-07
- 梁兴臣:微信小程序开发三宗罪和解决方案2018-02-07
- 微信小程序使用Promise实践2018-02-07
- 微信小程序开发系列分析《一》视图层2018-02-07
- 微信小程序开发系列分析《二》数据层2018-02-07
- 微信小程序官方文档个人分析心得2018-02-07
- 微信小程序的原型设计尝鲜2018-02-07