您的当前位置:首页正文

微信小程序项目结构

2024-11-13 来源:个人技术集锦

微信小程序项目结构:
从微信小程序开发者文档可查看到:

小程序包含一个描述整体程序的 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的全局配置文件

接下来两篇博客会详细讲解:
小程序页面的写法
生命周期是什么,有什么作用

显示全文