小程序开发设计-小程序代码的构成：小程序页面的组成部分详解⑤

上一篇文章导航：

小程序开发设计-第一个小程序：创建小程序项目④-优快云博客https://blog.youkuaiyun.com/qq_60872637/article/details/142281696?spm=1001.2014.3001.5501

注：不同版本选项有所不同，并无大碍。

目录：

上一篇文章导航：

注：不同版本选项有所不同，并无大碍。

目录：

文章主体：

1.了解项目的基本组成结构：

2.小程序页面的组成部分：

---.json配置文件：

Ⅰ.app.json文件：

Ⅱ.project.config.json文件：

Ⅲ.sitemap.json文件：

Ⅳ.页面的.json配置文件：

Ⅴ.新建小程序页面：

Ⅵ.修改项目首页：

---.wxml模板：

Ⅰ.什么是wxml：

Ⅱ.wxml和html的区别：

---.wxss样式：

Ⅰ.什么是wxss：

Ⅱ.wxss与css的区别：

---.JS逻辑交互：

Ⅰ.小程序中的.js文件：

Ⅱ.小程序中.js文件的分类：

下篇文章导航：

---

文章主体：

1.了解项目的基本组成结构：

①pages：用来存放所有小程序的页面。

②utils：用来存放工具性质的模块(例如：格式化时间的自定义模块)。

③app.js：小程序项目的入口文件。

④app.json：小程序项目的全局配置文件。（对小程序里面的页面，窗口等选项进行全局性配置）

⑤app.wxss：小程序项目的全局样式文件

⑥project.config.json：项目的配置文件。

⑦sitemap.json：用来配置小程序及其页面是否允许被微信索引。

2.小程序页面的组成部分：

小程序官方建议把所有小程序的页面，都存放在pages目录中，以单独的文件夹存在，如图所示：

index里面存放的是index首页。

logs里面存放的是日志文件。

其中，每个页面由4个基本文件组成，分别是：

① .js文件:页面的脚本文件，存放页面的数据、事件处理函数。业务逻辑

② .json文件：当前页面的配置文件，配置窗口的外观、表现等。页面配置

③ .wxml文件：页面的模板结构文件。

④.wxss文件：当前页面的样式表文件。

一个页面对应一个文件夹，一个文件夹内含四个基本文件。最终编写一个完整的页面。

---.json配置文件：

JSON是一种数据格式，在实际开发中，JSON总是以配置文件的形式出现。小程序项目中也不例外：通过不同的.json配置文件，可以对小程序项目进行不同级别的配置。

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

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

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

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

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