每个小程序的结构都是由两个主要部分构成：主体部分 + 各个页面。
类似于许多框架，主体部分主要用于核心的配置，各个页面主要用于不同业务场景。
1.1，主体部分主要由3个文件构成
1）app.js：小程序逻辑，初始化APP
2）app.json ：小程序配置，比如导航、窗口、页面http请求跳转等
3）app.wxss：公共样式配置
主体配置完成之后，就是对应的业务开发了，也就是开发者最常操作的页面。小程序页面设计基本上也是遵循 MVC 结构进行构建。
MVC全名是Model View Controller，是模型(model)－视图(view)－控制器(controller)的缩写，一种软件设计典范，用一种业务逻辑、数据、界面显示分离的方法组织代码，将业务逻辑聚集到一个部件里面，在改进和个性化定制界面及用户交互的同时，不需要重新编写业务逻辑。MVC被独特的发展起来用于映射传统的输入、处理和输出功能在一个逻辑的图形化用户界面的结构中。
1.2，页面由4个文件构成
1）js：页面逻辑，相当于控制层（C）；也包括部分的数据（M）
2）wxml：页面结构展示，相当于视图层（V）
3）wxss：页面样式表，纯前端，用于辅助wxml展示
4）json：页面配置，配置一些页面展示的数据，充当部分的模型（M）
如图
相关文章：
微信小程序 数据访问实例详解
微信小程序label组件详解实例代码
微信小程序开发教程实例步骤详解
以上就是微信小程序开发小程序架构篇图解的详细内容，更多请关注 第一PHP社区 其它相关文章！
