微信小程序架构篇
最新回答
纠心地疼。
2026-06-23 16:33:15
小程序由两个主要部分组成：主体部分和各个页面。这类似于许多框架，其中主体部分用于核心配置，各个页面则用于应对不同的业务场景。
1.1、主体部分由三个文件构成：
1）app.js：包含小程序的逻辑，负责初始化APP。
2）app.json：负责小程序的配置，例如导航、窗口以及页面HTTP请求跳转等。
3）app.wxss：用于配置公共样式。
完成主体配置后，开发者需要进行的是对应业务页面的开发。小程序页面的设计基本遵循MVC（模型-视图-控制器）结构。
1.2、页面由四个文件构成：
1）js：负责页面的逻辑，相当于控制层（C），同时也处理部分数据（M）。
2）wxml：呈现页面结构，相当于视图层（V）。
3）wxss：作为页面样式表，纯前端，辅助wxml展示。
4）json：页面配置，配置一些页面展示的数据，充当部分的模型（M）。
二、配置app.json
app.json是全局配置文件，它定义了小程序的页面路径、窗口表现、网络超时时间、多tab栏等。
- pages：数组，用来指定小程序由哪些页面组成。
- window：设置小程序的状态栏、导航条、标题、窗口背景色等。
- tabBar：配置tab栏的表现以及切换时对应的页面。tabBar为数组，至少包含2个、最多包含5个tab，且按数组顺序排序。
- networkTimeout：设置各种网络请求的超时时间。
- debug：布尔值，可在开发者工具中开启debug模式，便于调试信息输出，帮助开发者快速定位问题。
page.json是每个小程序页面的配置文件，它对app.json中的window配置项进行细化。页面中的配置会覆盖app.json中window的同类配置项。
热门标签
