第二章总结

本文详细介绍了小程序的基本目录结构,包括App.js、App.json、App.wxss等关键文件的作用,以及如何创建新的页面、编写逻辑、结构和样式文件,并展示了编译和运行的过程。
摘要由CSDN通过智能技术生成

小程序的基本目录结构

 主体文件

Pages所有页面

Utils所有工具,可在所有页面中使用

App.js主逻辑文件,主要用来注册小程序全局实例,该文件在项目中不可缺少。

App.json主配置文件,配置小程序全局设置,该文件在项目中同样不可缺少。

App.wxss主样式文件,该文件在项目中不是必须的。

页面文件

.js页面逻辑文件,在该文件中编写javaScript代码控制页面的逻辑。

.wxml页面结构文件,用于设计页面的布局、数据绑定等。

.wxss页面样式文件,用于定义本页面中用到的各类样式表。

,json页面配置文件。

小程序的开发框架 

创建小程序页面

1.删除原有页面index,点击utils中的app.json文件将"pages/index/index",删除。

2.点击新建文件夹创建新页面(如lxy),点击刚才新建的文件夹选择新建文件,新建(.js、.json、.wxml、.wxss)文件 

3.点击utils中的app.json文件将新页面名称代码填入

4.编译代码

.js文件:(P要大写)

.json文件:

 .wxml文件:(填入任意文字皆可)

4.代码运行结果

配置文件

逻辑层文件

页面结构文件

页面样式文件

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值