微信小程序开发与运营第二章总结

一.小程序的基本目录结构

1. 项目主目录下有两个子目录（pages和utils）和4个文件（app.js、app.json、app.wxss和project.config.json）。
2. project.config.json文件是项目配置文件。
3. pages目录中有2个子目录，分别是index和logs。

1.主体文件

负责小程序的整体配置，由三个文件组成。

• app.js  小程序逻辑文件，主要用来注册小程序全局实例。在编译时，app.js文件会和其他页面的逻辑文件打包成一个JavaScript文件。该文件在项目中不可缺少。
• app.json 小程序公共设置文件，配置小程序全局设置。在文件中不可缺少。
• app.wxss 小程序主样式表文件，类似HTML的.css文件。在主样式表文件中设置的样式在其他页面文件中同样有效。该文件在项目中不是必需的。

2.页面文件

• .js文件 页面逻辑文件，在该文件中编写JavaScript代码控制页面逻辑。
• .wxml文件 页面结构文件，用于设计页面布局、数据绑定等，类似HTML页面中的.html文件。
• .wxss文件 页面样式表文件，
• .json文件 页面配置文件。

二.小程序的开发框架

三.创建小程序页面

1. 在pages目录下新建一个Index目录，在Index目录下新建index.js、index.json、index.wxml和Index.wxss空文件。
2. 打开index.wxml文件，输入“欢迎学习小程序”，打开项目配置文件app.json输入代码：“pages/index/index”。
3. 打开index.json文件，输入代码：index.json{}。
4. 打开index.js文件，输入代码：Page({})。

四.配置文件

1.全局配置文件

按其作用范围分为全局配置文件(app.json)和页面配置文件(*.json)

1）pages配置项

接受一个数组，用来指定小程序由哪些页面组成。需注意以下3点:a.数组的第一项用来设定小程序的初始页面。b.在小程序中新增或减少页面时，都需要对数组进行修改。c.文件名不需要写文件扩展名。小程序框架会自动寻找路径及对.js、.json、.wxml和.wsxx文件进行整合数据绑定。

2）window配置项

负责设置小程序状态栏、导航栏、标题、窗口背景色等系统样式。可以配置的对象如下表：

3）tabBar配置项

在程序顶部或底部设置菜单栏，可以配置的属性如下表：

其中，list（列表）接受数组值，数组中的每一项也都是一个对象。对象的数据值说明如下表：

4）networkTimeout配置项

统一设置小程序中各种网络请求API的超时时间值。可以配置的属性如下表：

5）debug配置项

用于开启开发者工具的调试模式，默认false。开启后，页面的注册、路由、数据更新、时间触发等信息将以info的形式输出到Console（控制台）面板上。

2.页面配置文件（*.json)

只能设置本页面的窗口表现，而且只能设置window配置项的内容。

五.创建一个页面文件news

1.打开app.json文件，输入代码：

2.在app.json中设置window配置项：

3.在app.json文件中设置tabBar配置：

4.页面配置文件：

六.页面样式文件