制作笔记是配合黑马程序员课程使用,目的是为了巩固知识,方便回顾查找操作不在,仅供自己使用,不喜勿看
配套课程链接:黑马程序员前端微信小程序开发教程,微信小程序从基础到发布全流程_企业级商城实战(含uni-app项目多端部署)_哔哩哔哩_bilibili
目录
1.安装配置过程
不记录,自己百度
2.小程序代码的构成——项目结构
2.1小程序基本项目构成
①pages文件夹用来存放所有小程序的页面
②utils文件夹用来存放工具性质的模块(例如:格式化时间的自定义模块)
③app.js是小程序项目的入口文件
④app.json是小程序项目的全局配置文件
⑤app.wxss是小程序项目的全局样式文件
⑥project.config.json是项目的配置文件
⑦sitemap.json是用来配置小程序及其页面是否允许被微信索引
2.2小程序页面的组成
官方建议把所有的小程序页面都放在pages目录中,以单独的文件夹存在,如图index页面:
其中,每个页面由4个基本文件组成,分别是:
.js文件(页面的脚本文件,存放页面的数据、事件处理函数等)
.json文件(当前页面的配置文件,配置窗口的外观、表现等等)
.wxml文件(页面的模板结构文件)
.wxss文件(当前页面的样式表文件)
2.3json配置文件
json是一种数据格式,在开发中总是以配置文件的形式出现:通过不同的.json配置文件,可以对小程序项目进行不同级别的配置
小程序项目中有4种.json配置文件,分别是:
① 项目根目录中的app.json配置文件
② 项目根目录中的project.config.json配置文件
③ 项目根目录中的sitem.json配置文件
④ 每个页面文件夹中的.json配置文件
2.3.1app.json
app.json文件是当前小程序的全局配置,包括了小程序的所有页面路径、窗口外观、界面表现、底部tab等
其中4个配置项的作用:
①pages:用来记录当前小程序的所有页面的路径
②window:全局定义小程序所有页面的背景色、文字颜色等
③style:全局定义小程序组件所使用的样式版本
④sitemapLocation:用来指明sitemap.json的位置
2.3.2陈