微信小程序项目结构

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

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

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

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值