莫凡商城小程序的项目结构
注册页面js特效
项目文件分为框架页面文件、工具类文件、框架全局文件3类，如图所示。
项目目录树结构
3.1  项目目录树结构介绍
3.1.1  框架全局文件
一个小程序的框架全局文件有5个：app.js文件、app.json文件、app.wxss文件、fig. json 文件、sitemap.json文件，这5个文件必须放在项目的根目录中。app.js文件是小程序的逻辑文件（定义全局数据、定义函数的文件）；app.json文件是小程序的公共配置文件；app.·wxss文件是小程序的公共样式表文件；fig.json文件是个性化项目配置文件；sitemap.json文件用于配置小程序及其页面是否允许被索引，它们对所有页面都有效，如表所示。
框架全局文件
文件是否必填作用
app.js 是编写小程序逻辑
app.json 是进行小程序公共配置
app.wxss 否提供小程序公共样式表
sitemap.json 是配置小程序及其页面是否允许被索引1．app.js小程序逻辑文件
app.js文件用来定义全局数据和函数，它可以指定小程序的生命周期函数。生命周期函数可以理解为小程序自己定义的函数，如onLaunch（监听小程序初始化）、onShow（监听小程序显示）、onHide（监听小程序隐藏）等，在不同阶段、不同场景可以使用不同的生命周期函数。此外，app.js文件中还可以定义一些全局的函数和数据，其他页面引用app.js文件后就可以直接使用全局函数和数据，如图所示。
app.js小程序逻辑文件
在莫凡商城小程序里，配置接口访问域名、登录凭证code值、用户ID，需要在globalData对象里配置，代码如下。
globalData: {
userInfo: null,
host: 'fun365:8888',
code: null, //登录凭证code
userId: null//用户ID
}
2．app.json小程序公共配置文件
app.json文件用来对小程序进行全局配置，文件内容为一个JSON对象，其主要功能为配置页面路径、配置窗口表现、配置标签导航、配置网络超时、配置debug模式，如图所示；另外，还可以配置是否启用插件功能页，配置分包结构，设置Worker代码放置的目录、需要在后台使用的能力、使用到的插件、分包预下载规则、iPad小程序是否支持屏幕旋转、需要跳转的小程序列表、全局自定义组件、小程序接口权限、sitemap.json 文件的位置等，如表所示。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。