微信小程序开发小程序架构篇图解

每个小程序的结构都是由两个主要部分构成：主体部分 + 各个页面。

类似于许多框架，主体部分主要用于核心的配置，各个页面主要用于不同业务场景。

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社区 其它相关文章！