第二章：微信小程序开发基础总结

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

A、总：

     项目主目录下有2个子目录(pages和utils)

        和4个文件(app.js、app.json app:wxss 和 project. config.json)。

        如图。

B、主体文件

主体文件由三个组成：

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

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

        app.wxss 小程序主样式表文件，类似HTML的、css文件。该文件在项目中不是必需的。

C、页面文件

每个页面由四个文件控制：

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

.wxml文件  页面结构文件，用于设计页面的布局、数据绑定等，类似HTML页面中的.html文件。

.wxss文件 页面样式表文件，用于定义本页面中用到的各类样式表。

.json文件 页面配置文件。

二、小程序的开发框架

A、框架图总览：

B、视图层

1、由WXML与WXSS编写，由组件来进行展示。

2、给以特定的样式展现数据并反馈时间给逻辑层

C、逻辑层

处理数据后发送给视图

D、数据层的作用：

1、页面临时数据或缓存 

2、文件本地储存

3、网络存储与调用：上传下载文件

三、实操

A、创建第一个页面

1、pages下创建一个文件夹

2、并在该文件夹下创建文件:

        .js

        .json

        .wxml

        .wxss

3、并在相对应的文件内写内容：

4、保存一下，即可显示。

四、配置文件

A、全局配置文件 

小程序的全局配置保存在全局配置文件(app.json ）

整体结构：

{

/设置页面路径
"pages":[],
//设置默认页面的窗口表现
"window":1},
//设置底部 tab的表现
"tabBar":1},
//设置网络请求API 的超时时间值
"networkTimeout":1},
//设置是否开启 debug
模式
"debug':false

} 

全局配置项：

1、pages配置项

2、window

 

3、tabBar

4、networkTimeout

B、页面配置文件 

五、逻辑层文件

A、项目逻辑

B、页面逻辑

六、页面结构文件

A、数据绑定

B、条件数据绑定

C、列表数据绑定

D、模板并引用

E、页面事件

七、页面样式文件