深圳生活微信小程序 第1篇
接下来就是填写项目信息，填好项目名称和目录，AppID是前面注册过的，不清楚的可以看一下【微信小程序】–注册小程序账号&安装开发者工具（一）。然后后端服务选择不使用云服务，这两种开发模式是不同的，这里先学习不使用云服务。（注意: 你要选择一个空的目录才可以创建项目）
从项目效果图可以知道，需要新建三个页面。删除小程序的默认页面 index 和 logs ，创建 home 、message 和 contact 页面，具体代码如下：
代码重新编译之后就会生成三个页面，home 为主页面，实际效果如下所示：
深圳生活微信小程序 第2篇
与前面轮播图一样，也需要通过接口来获取九宫格的数据，从而来渲染九宫格图效果。获取九宫格图数据列表的接口：
【GET】
通过 来获取数据，由于不需要对服务器进行提交数据，所以data属性可以省略。如果不知道返回的数据是什么的话，可以用 打印出来看看。
这样就能获取到九宫格的数据，来看一下实际效果：
前面已经获取到了轮播图的数据，接下来就是渲染九宫格区域的布局并进行美化样式。
有 id 的话尽量用 id 当 key。
这里的单位尽量使用 rpx。
这样就完成九宫格的渲染，来看一下实际效果：
深圳生活微信小程序 第3篇
前面已经介绍了小程序的网络数据请求，通过栗子学习了在小程序中如何发起 GET 和 POST 请求。接下来通过一个案例将前面学习到知识进行巩固。话不多说，让我们原文再续，书接上回吧。
可以先来看一下要实现的效果图，图中有轮播图、九宫格、导航栏和tabBar等效果，如下所示：
想要实现上面的那个效果，实现步骤可分为 6 个步骤：