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

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

1.主体文件：app.js ,app.json ,app.wxss

2.页面文件: .js文件-->页面逻辑文件 , .wxml文件-->页面结构文件 , .wxss文件-->页面样式表文件 , .json文件-->页面配置文件

3.小程序的基本目录结构图：

二：小程序的开发框架

1.小程序的开发框架主要分为：视图层，逻辑层，数据层

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

三：创建小程序页面

1.创建小程序页面图--填写自己的AppID号

2.创建第一个页面文件：

在项目主目录下新建一个pages目录，在pages目录下新建一个index目录，并在index目录下新建index.js ,index.json ,index.wxml ,index.wxss空文件 

3.创建第一个页面文件第二种方式：

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

将文件保存后，我们可以发现在系统目录结构中，自动添加了相应的目录和文件，还补全了每个页面文件中的必须的基本的代码

四：配置文件

1.全局配置文件

2.window配置顶

3.tabBar配置顶

tabBar中的list项

4.networkTimeout配置顶

5.页面配置文件

五：逻辑层文件

1.项目逻辑文件

2.页面逻辑文件

数据初始-数据绑定-运行效果

六：页面结构文件：

1.数据绑定+条件数据绑定+列表数据绑定+模板:

数据绑定:用{{}}将变量包起来，在页面中作为字符串使用

条件绑定:wx-if

列表数据绑定：wx:for

模板：

<template name=""> </template>

2.页面事件：

3.页面样式文件：

七：总结：

本章首先讲解了小程序的目录结构，然后通过目录结构介绍了小程序的框架，最后主要介绍了小程序文件的类型及其配置。这些知识都是开发微信小程序的基础知识，大家必须深刻理解和熟练掌握，并勤写代码多加练习，为后续的学习打下扎实的基础。