各位老师好！我是微信开发团队的曾煌尧，本次课程带大家进行的是小程序开发的实操。会带大家写一个真实的小程序，写完后在手机上预览。如果你有注册自己的小程序帐号的话，可以发布提审，学生就可以在手机上搜到你的小程序，当然，是要审核过了才可以显示。

整个小程序是分为几个比较重要的模块。首先是页面，众所周知，小程序是由若干个页面组成的。像大家看到的这个就是一个页面，可以点击中间的头像，跳转到下一个页面。当点左上角的返回按钮，就可以回到上一个页面。如果你没有办法回到原始的状态，可以点右上角的这个编译按钮，可以理解为类似于浏览器刷新，就可以回到初始状态。

小程序包含了几个重要的文件类型，首先最常用的是wxml，该文件是用来描述小程序的页面结构，页面上要放什么东西都是在wxml写的。比如页面上要显示Hello World、我的头像和名字，这些都是在wxml里面声明的。在该文件写的东西都会反馈到小程序界面上。

接下来，是Wxss，点开这个index，从文件语法上可以明显看出，它是在声明样式，包括元素的高度、宽度以及颜色。它是一个声明小程序样式的文件，就是小程序要长什么样，都是依赖它来声明的。当我们写完结构后，要通过这个文件来把样式写得好看一点。比如头像居中等，都是在这里声明它的属性。

js文件就是小程序的逻辑了，js更接近传统的编程语言。前面两种文件都是声明式，js是脚本语言，跟Python比较类似，是用来实现小程序的具体逻辑。比如点击头像跳转到下个页面，就是依靠js里去声明方法，把这个方法绑定到头像上来实现该效果。

json后缀的文件在文件类型里比较特殊，有页面的json和项目的json。页面的json默认有个叫做usingComponents的属性，这个属性是小程序的组件，比如实现在很多页面里都能用到的顶部栏组件，可以把该组件抽出来，就像些C++抽出公用方法一样。组件是前端级别的一种抽离代码的样式，可以在usingComponents里面去声明要用的某个组件，这个就是页面级别的json，其实就是一个配置文件，可以理解为在页面级别的json文件里配置了某些页面级别的属性，比如顶部栏是透明的还是黑色的还是白色的，可以在这个json文件里进行配置。

还有个比较关键的叫做app.json，每个小程序都有一个app.json，在根目录点开该文件，里边有几个比较关键的属性，一个是pages，声明了小程序有多少个页面，在设计时是不能跳转到一个没有声明过的页面，小程序页面必须是已知的。在该文件上可以对小程序页面进行增删改，如果跳转到的页面不存在会进行报错。

小程序还有两个页面声明，分别是index和logs。之前点击头像跳转的页面就是logs，小程序第一个页面就是index。index是这个数组第一级页面的声明，也就是小程序的首页，也就是index决定了当你进入一个小程序看到的首页是什么。backgroundTextStyle是背景字体样式，分别有light、dark等。