目录内容2.1 微信小程序目录结构简介2.2 微信小程序注册应用程序应用程序2.3 微信小程序注册页面的使用2.4 微信小程序如何绑定数据2.] 5 微信小程序条件渲染2.6 微信小程序列表渲染2.7 微信小程序定义模板2.8 微信小程序参考功能2.9战场训练：仿制香哈配方微信小程序 2.1 微信小程序目录结构简介微信小程序目录结构可分为3部分：框架全局文件，框架页面文件和工具文件，如图所示。 2.1.1 Framework全局文件小程序的主要部分由3个文件组成。作为全局文件，必须将其放置在项目的根目录中。框架全局文件包括3个文件：App.wxss 小程序公共样式表，App.json 小程序公共设置和App.js applet逻辑（定义全局数据和定义函数文件）。它们对所有页面均有效。如表所示。 2.1.1框架全局文件1. App.js 小程序逻辑App.js文件用于定义全局数据和功能的使用。它可以指定微信小程序的生命周期函数。生命周期函数可以理解为由微信小程序本身定义的函数，例如在不同阶段的onLaunch（监视器小程序初始化），onShow（监视器小程序显示），onHide（监视器小程序隐藏）等。和不同的情况。使用不同的生命周期功能。

此外，可以在App.js中定义一些全局函数和数据，而其他页面在引用App.js文件后可以直接使用全局函数和数据，如图所示。 2.1.1框架全局文件2。 App.json 小程序公共设置App.json文件可以设置5个功能：01 OPTION OPTION配置页面路径02配置窗口性能03配置选项卡导航04配置网络超时05配置调试模式OPTION OPTION OPTION 2.1.2工具文件在微信小程序框架目录中有一个“ utils”文件夹，该文件夹用于存储工具栏的js功能，例如一些常用功能，例如日期格式功能，时间格式功能等。定义这些函数后，需要通过module.exports注册定义的函数名称，然后才能在其他页面上使用它们。如图所示，它是一个时间格式化学工具文件。 2.1.3框架页面文件小程序框架页面文件由4个文件组成，它们是js页面逻辑，wxml页面结构，wxss页面样式表和json页面配置，如下表所示。 2.1.3框架页面文件微信小程序框架页面文件全部放置在“页面”文件夹下，如图所示。

微信小程序开发图解'/>

每个页面都有一个单独的文件夹，就像日志页面的“ logs”文件夹一样。它下面放置了四个文件：logs.js可以处理业务路径处理； logs.json是页面的配置。您可以覆盖全局App.json配置； logs.wxml是页面结构，负责呈现页面； logs.wxss是logs.wxml页面的样式文件。 2.4.5一个小测试：天气微信小程序一个小测试：制作猫眼电影底部标签导航猫眼电影底部标签导航分为4个标签导航：电影，剧院，发现，我的，如图所示图片中 。目录2.1 微信小程序目录结构简介2.2 微信小程序注册应用程序应用程序2.3 微信小程序使用注册页面2.4 微信小程序如何绑定数据2.5 [ 微信小程序条件渲染2.6 微信小程序列表渲染2.7 微信小程序定义模板2.8 微信小程序参考功能2.9战场训练：仿制香哈配方微信小程序 2.2微信小程序已注册程序应用程序的App.js文件不仅可以定义全局功能和数据，还可以注册小程序。在App（）函数中，您可以完成小程序的注册并指定其生命周期函数。表中显示了生命周期功能的定义。 2.2 微信小程序注册程序应用程序1启动生命周期功能。

它用于监视小程序的初始化。初始化完成后，将触发该功能。此生命周期功能将仅触发一次。 2 onShow生命周期功能。它用于监视小程序显示。 微信小程序有前后定义。当用户单击左上角的“关闭”按钮或按“主页”键关闭或突然呼叫时，微信小程序不会被破坏，但会进入背景；仅当您再次输入微信或小程序时才触发onShow生命周期功能。只要程序启动或从后台进入前景，就会触发此功能。 3 onHide生命周期功能。它用于监视小程序隐藏。 微信小程序从前景进入背景后，将触发该功能。 4 onError生命周期功能。它用于监视小程序脚本或API是否有错误，并在发生错误时返回错误消息。目录2.1 微信小程序目录结构简介2.2 微信小程序注册应用程序应用程序2.3 微信小程序使用注册页面2.4 微信小程序如何绑定数据2.5微信小程序条件渲染2.6 微信小程序列表渲染2.7 微信小程序定义模板2.8 微信小程序的参考功能2.9战场训练：仿制香哈配方微信小程序 2.3 微信小程序注册页面的用法在每个页面文件夹中，都有一个与该页面相对应的js文件，就像日志“ logs”文件夹一样，它与logs.js文件相对应。

此文件中的Page（）函数用于注册页面。它接受一个对象参数，并且指定页面的初始数据，生命周期功能，事件处理功能和其他页面的所有业务逻辑处理都放置在此文件中。表中显示了对象参数说明。 2.3.1页面初始化数据数据页面初始化数据：初始化数据将用作页面的第一个呈现。数据将以JSON的形式从逻辑层传输到呈现层，因此其数据必须可转换为JSON格式的字符串，数字，布尔值，对象或数组。呈现接口可以通过WXML绑定数据。 2.3.2生命周期功能1加载OnLoad页面。一个页面只能被调用一次，并且wx.navigateTo和wx.redirectTo中的查询可以通过接收页面参数来获取。 2 3显示onShow页面。每次您打开页面