一、小程序架构

每个小程序的结构由两个主要部分组成：主要部分+每页。

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

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）的一部分

如图所示

代码结构参考

二、配置app.json

有关核心体系结构配置的简要介绍，请参阅小程序开发文档以了解详细信息。

app.json

全局配置页面文件路径，窗口性能，设置网络超时，设置多个选项卡等。

页面

接受一个数组，每个项目都是一个字符串，以指定小程序由哪些页面组成

窗口

用于设置小程序的状态栏，导航栏，标题，窗口背景颜色。

tabBar

通过tabBar配置项指定选项卡栏的性能，并在切换选项卡时显示相应的页面。

tabBar配置数组，只能配置至少2个选项卡和最多5个选项卡。这些选项卡按数组顺序排序。

networkTimeout

您可以设置各种网络请求的超时时间。

调试

是非

您可以在开发人员工具中打开调试模式。在开发人员工具的控制台面板中，调试信息以info形式给出。该信息包括页面注册，页面路由，数据更新和事件触发。可以帮助开发人员快速找到一些常见问题。

page.json

每个小程序页面也可以使用.json文件来配置此页面的窗口性能。页面的配置比app.json的全局配置简单得多，只需在app.json中设置窗口配置项的内容，页面上的配置项将覆盖app.json窗口中的同一配置项

相关文章：

微信小程序详细的数据访问示例

微信小程序标签组件的详细示例代码

微信小程序开发教程示例步骤的详细说明

以上是微信小程序开发小程序架构图的详细内容。有关更多信息，请关注php中文网站上的其他相关文章！