第二章总结

2.1小程序的基本目录结构

pages 所有的页面

utils 所有的工具包

2.1.1主体文件

app.js 小程序逻辑文件,主要用来注册小程序全局实例。

app.json 小程序公共设置文件,配置小程序全局设置。

app.wxss 小程序主样式表文件,类似HTML的.css文件。就近原则

2..1.2页面文件

.js文件 页面逻辑文件,在该文件中编写javascript代码控制页面的逻辑。

.wxml文件 页面结构文件,用于设计页面的布局、数据绑定等,类似HTML页面中的.html文件。该文件在页面中不可缺少。

.wxss文件 页面样式表文件，用于定义本页面中用到的各类样式表。当页面中有样式表文件时，文件中的样式规则会层叠覆盖app.wxss中的样式规则;否则，直接使用 app.wxss中指定的样式规则。该文件在页面中不可缺少。

.json 文件 页面配置文件。该文件在页面中不可缺少

2..2小程序的开发框架

       小程序MINA框架分为视图层和逻辑层

2.2.1视图层 

MINA框架由WXML和WSXX编写,由组件来进行展示。

2.2.2逻辑层

逻辑层用于处理事务逻辑,采用JavaScript编写的。

2.2.3数据层

数据层在逻辑上包括页面临时数据或缓存、文件储存和网络储存与调用。

1.页面临时数据或缓存

2.文件存储 (本地存储)使用数据API接口，如下:

wx.getStorage获取本地数据缓存。

wx.setStorage设置本地数据缓存。

wx. clearStorage清理本地数据缓存。

3.网络存储与调用

上传或下载文件 API接口，如下:

wx. request发起网络请求。

wx.uploadFile上传文件。

wx.downloadFile下载文件。

调用URL的 API接口，如下:
wx.navigateTo新窗口打开页面。

wx. redirectTo原窗口打开页面。

2.3创建小程序

创建第一个页面文件

2.4配置文件 

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

2.4.1全局配置文件

小程序的全局配置保存在全局配置文件(app.json)当中，使用全局配置文件来配置页面文件(pages)的路径、设置窗口(window)表现、设定网络请求API的超时时间(networkTimeout)以及配置多个切换页(tabBar)等。

 1.全局配置项

 全局配置文件内容的整体结构：

  2.window配置项及其描述

3.tabbar配置项

 

 tabbar中list选项

 2.5逻辑层文件

小程序的逻辑文件分为项目逻辑文件和页面逻辑文件

2.5.1项目逻辑文件

项目逻辑文件app.js中可以通过app()函数注册小程序生命周期函数，全局属性和全局方法，已注册的小程序实例可以在其他页面逻辑文件中通过getapp()获取

      项目逻辑文件配置项：

 2.5.2页面逻辑文件

页面逻辑文件的主要功能有：设置初始数据;定义当前页面的生命周期函数;定义事件处理函数等。每个页面文件都有一个相应的逻辑文件，逻辑文件是运行在纯JavaScript引擎中。因此，在逻辑文件中不能使用浏览器提供的特有对象(document、window)及通过操作 DOM 改变页面，只能采用数据绑定和事件可响应来实现。

       数据初始，数据绑定及运行效果

 2.6页面结构文件

  页面结构文件(WXML)是框架设计的    -套类似 HTML的标签语言，结合基础组件、事    
件系统，可以构建出页面的结构，即.wxml文文件。在小程序中，类似HTML的标签被称为组件，是页面结构文件的基本组成单元。这些组件有开始(如<view>)和结束(如</view>)
标志，每个组件可以设置不同的属性(如id、    class等)，组件还可以嵌套。    
  WXML还具有数据绑定、条件数据绑定    列表数据绑定、模板、引用页面文件、页面事    
件等能力。

2.6.1数据绑定

小程序在进行页面数据绑定时，框架会将WXML文件与逻辑文件中的data进行动态绑定，在页面中显示data中的数据

1.简单绑定

2.运算

2.6.2条件数据绑定 

2.6.4模板

 2.7页面样式文件

    wxss常用属性：