这个教程的前两篇文章，介绍了如何用下图所示的微信开发者工具自动生成一个Hello World的微信小程序，并讲解了这个自动生成的微信小程序的视图开发原理。简单来说就是不要再让 JS 直接操控 DOM，JS只需要管理状态，然后再通过一种模板语法来描述状态和界面结构的关系即可。为什么这个app实例如此重要，以至于放到控制器的第一行代码来创建呢？我们直接在调试器里输入app然后回车，能看到这个app对象里包含了globalData这个属性和很多有用的方法。

做过Angular开发的朋友们对上面的视图设计一定不会陌生。这个视图的数据源由模型logs提供，是一个列表结果，列表每个元素的数据源是模型logs里的一条记录，用log代表。在log内容之前，显示每条log的索引。因为log的索引从0开始，所以用{{index + 1}}在索引前加一，这样显示的索引更符合普通人的阅读习惯。第二个视图的UI和控制器都开发完毕，剩下的事情就是在第一个视图里定义一个触发点，让它能触发到第二个视图的跳转。

那么微信小程序的开发环境一定搭好了。效果就是能把该小程序的体验版以二维码的方式发送给其他朋友使用。这个系列接下来的文章我们就来研究使用微信开发者工具自动生成的这个小程序的实现文件。，css类型为container。这个container类是微信小程序自带的，如果删除，小程序视图位置会乱掉， <view class="userinfo"> view元素可以嵌套，相当于原生HTML里的div元素。此处定义了另一个view元素，css类为userinfo。这个css类不是微信提供的。