第二章总结

小程序的基本目录结构

pages（页面文件） unils（工具包）

index（文件夹）

index.js（逻辑文件） json（配置文件） wxml（结构文件） wxss（样式文件）

主体文件

app.js（小程序逻辑文件）

app.json（小程序公共设置文件）

app.wxss（小程序住样式表文件）

小程序的开发框架

视图层（View）:由框架设计的标签语言WXML和用于描述WXML组件样式的WXSS组成，他们的关系像HTML和CSS的关系。

逻辑层（App Service）:是MINA框架的服务中心，由微信客户端启用异步线程单独加载运行。

数据层：（1）页面临时数据或缓存。

文件存储（本地存储）：（2）使用数据API接口 如下

wx.getStorage（获取本地数据缓存）

wx.setStroage（设置本地数据缓冲）

wx.clearStorage（清理本地数据缓冲）

（3）网络存储与调用

上传或下载文件API接口 如下：

wx.request  发起网络请求

wx.uploadFile 上传文件

wx.downloadFile 下载文件

调用URL的API接口 如下：

wx.navigateTo 新窗口打开页面

wx.redirectTo 原窗口打开页面

创建小程序页面

启动微信开发工具，创建新的项目demo2，不勾选“创建QuickStart项目”复选项。

继续在项目目录下新建一个page目录，在page目录下新建一个index目录，并在index目录下新建index.js     index.json    index.wxml     index.wxss空文件。

打开app.json输入代码：

打开index.json文件输入代码

打开index.js文件输入代码

配置文件

小程序的配置文件按其作用范围可分为全局配置文件（app.json）和页面配置文件（*.json）。

全局配置文件作用于整个小程序，页面配置文件只作用于当前页面。

全局配置项：

1.pages配置项接受一个数组，用来指定小程序由哪些页面组成，数组的每一项都是字符串，代表对应页面的 “路径”+“文件名”。pages配置项是必填项。

windows配置项

windows配置项负责设置小程序状态栏、导航条、标题、窗口背景色等系统样式。

tabBar配置项

当需要在程序顶部或底部设置菜单栏时，可以通过配置tabBar配置项来实现。

app.json文件中tabBar配置的代码以及运行结果如下：

tabBar中list选项

list（列表）介绍数组值，数组中的每一项也都是一个对象。

页面配置文件

页面配置文件（*.json）只能设置本页面的窗口表现，而且只能设置windows配置项的内容。在配置页面配置文件后，页面中的windows配置值将覆盖全局配置文件（app.json）中的配置值。

页面中的windows配置只需书写配置项，不必书写windows。代码示例如下：

逻辑层文件

项目逻辑文件

项目逻辑文件app.js中可以通过App（）函数注册小程序生命周期函数、全局属性和全局方法，已注册的小程序示例可以在其他页面逻辑文件中通过getApp（）获取。

App（）函数用于注册一个小程序，参数为Object，用于指定小程序的生命周期函数，用户自定义属性和方法，参数如下：

页面逻辑文件配置项

数据初始、数据绑定及运行效果如下：

index.js和new.js代码以及运行结果

使用setData更新数据

demo.js和demo.wxml代码以及运行结果如下：

页面结构文件

页面结构文件（WXML）是框架设计的一套类似HTML的标签语言，结合基础组件、事件系统，可以构建出页面的结构，即.wxml文件。在小程序中，类似HTML的标签被称为组件，是页面结构文件的基本组成单元。

数据绑定

小程序在进行页面数据绑定时，框架会将WXML文件与逻辑文件中的data进行动态绑定，在页面中显示data中的数据。小程序的数据绑定使用Mustache语法（{ { } }）将变量或运算规则包起来。

简单绑定

简单绑定是指使用双大括号（ { { } } ）将变量包起来，在页面中直接作为字符串输出使用。

简单绑定可以作用于内容、组件属性、控制属性等的输出。

运算

在{ { } }内可以做一些简单的运算（主要有算术运算、逻辑运算、三元运算、字符串运算等)，这些运算均应符合JavaScript运算规则。代码如下：

列表数据绑定

wx.for

冒泡事件

页面样式文件

页面样式文件（WXSS）是基于CSS拓展的样式语言，用于描述WXML的组成样式，决定WXML的组件如何显示。WXSS显示CSS的大部分特性，小程序对WXSS做了一些扩展和修改。

WXSS常用属性