微信小程序项目结构:
从微信小程序开发者文档可查看到:
小程序包含一个描述整体程序的 app 和多个描述各自页面的 page
即包含:
pages文件夹
index文件夹
index.js
index.wxml
index.wxss
index.json
app.js
app.wxss
project.config.json
sitemap.json
app.js文件:
包含整个小程序的生命周期
错误监听、页面不存在监听等函数
app.json文件
小程序的全局注册文件
包含:界面路径注册、tab注册、窗口表现等等
app.wxss文件
小程序的公共样式文件
可在此文件中去定义整体的小程序样式
project.config.json文件
小程序的项目配置文件
单独界面:
index.wxml:
小程序当前界面的视图层
即:小程序的当前界面需要展示什么内容,在此文件编辑
index.js
小程序当前界面的逻辑层
即:小程序的当前界面如何展示内容,需要触发的功能如何实现,信息如何传输等,在此界面实现
index.wxss
小程序当前界面的样式层
即:小程序的当前界面内容展示成什么样子,在此界面定义
index.json
小程序当前界面的配置项
在此界面配置后会覆盖app.json的全局配置文件
接下来两篇博客会详细讲解:
小程序页面的写法
生命周期是什么,有什么作用