0
点赞
收藏
分享

微信扫一扫

微信小程序学习笔记(更新中)ps:仅供自己使用,不喜勿看

古月无语 2022-02-02 阅读 68

制作笔记是配合黑马程序员课程使用,目的是为了巩固知识,方便回顾查找操作不在,仅供自己使用,不喜勿看

配套课程链接:​​​​​​黑马程序员前端微信小程序开发教程,微信小程序从基础到发布全流程_企业级商城实战(含uni-app项目多端部署)_哔哩哔哩_bilibili

目录

1.安装配置过程

2.小程序代码的构成——项目结构

2.1小程序基本项目构成

2.2小程序页面的组成

2.3json配置文件


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陈

举报

相关推荐

0 条评论