微信小程序的代码由哪些结构组成?

本文详细介绍了微信小程序的页面结构,每个页面由js、json、wxml和wxss文件组成。JSON配置文件包括app.json、project.config.json、sitemap.json和页面级.json,分别用于全局配置、项目配置、搜索引擎优化和页面特定配置。WXML类似HTML构建页面结构,WXSS类似CSS但有额外特性。JS文件处理交互逻辑,包括app.js、页面js和普通功能模块。
摘要由CSDN通过智能技术生成

小程序官方建议把所有小程序的页面,都存放在pages 目录中,以单独的文件夹存在,如图所示:
在这里插入图片描述
其中,每个页面由4 个基本文件组成,它们分别是:js文件(页面的脚本文件,存放页面的数据、事件处理函数等)、json文件(当前页面的配置文件,配置窗口的外观、表现等),.wxml 文件(页面的模板结构文件)和.wxss 文件(当前页面的样式表文件)。下面来详细介绍:

JSON 配置文件

1.JSON 配置文件的作用

JSON 是一种数据格式,在实际开发中,JSON 总是以配置文件的形式出现。小程序项目中也不例外:通过不同

的.json 配置文件,可以对小程序项目进行不同级别的配置。

小程序项目中有4 种json 配置文件,分别是:

①项目根目录中的app.json 配置文件

②项目根目录中的project.config.json 配置文件

③项目根目录中的sitemap.json配置文件

④每个页面文件夹中的.json 配置文件

2. app.json 文件

app.json 是当前小程序的全局配置,包括了小程序的所有页面路径、窗口外观、界面表现、底部tab 等。Demo 项目里边的app.json 配置内容如下:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值