接触到微信小程序,是在这个疫情时期,在年前还没有学习的时候就听说微信小程序是一种新的开放能力,开发者可以快速地开发一个小程序,可以在微信内被便捷地获取和传播,同时具有出色的使用体验。所以年后线上一开课,就接触了解它是怎么去开发应用以及一些其他相关内容。
一,小程序的框架介绍
小程序框架包含小程序的配置、框架接口、场景值、WXML 和 WXS 等
1、全局配置
小程序根目录下的 app.json 文件用来对微信小程序进行全局配置。文件内容为一个 JSON 对象。
下面介绍一下常用的配置选项
1.1 pages
pages文件夹下的文件对应小程序的页面,右击项目目录 --> 新建page 即可新建一个页面,每一个页面都由4个文件组成,每一项都对应一个页面的 路径(含文件名) 信息。
文件名不需要写文件后缀,框架会自动去寻找对于位置的 .json, .js, .wxml, .wxss 四个文件进行处理,有多少个页面,此处就应该有多少个选项,其中js文件用来处理逻辑,json文件是该页面的文件配置,wxml和wxss用来绘制该页面的UI。
数组的第一项代表小程序的初始页面(首页)。小程序中新增/减少页面,都需要对 pages 数组进行修改。
开发小技巧
微信小程序默认是当前目录,app.json和 pages在同一目录下,所以在指定文件路径时,直接写出路径即可创建相应的页面
默认项目如图所示