从零开始三天学会微信小程序开发（三）

看到不少入门的小程序开发者不断的问重复性的问题，我们从实战角度开发了这个课程，希望能够帮助大家了解小程序开发。

课程分三天：

• 第一天：微信小程序开发入门
• 第二天：给小程序接入云端数据
• 第三天：完善我的小程序

第三天：完善我的小程序

（一）如何在页面之间传递参数

1. 传递参数

我们已经实现了首页到内容页面之间的跳转，但并没有区分到底是从哪个分类跳转过去的。为此，我们还需要从index页面传递分类名到detail页面。

修改index.wxml文件中的navigator组件代码如下：

<navigator style="border-color: {
  {link.color}};" class="btn" url="/pages/detail/detail?name={
  {link.name}}" wx:for="{
  {columnlinks}}" wx:for-item="link">{
  {link.name}}</navigator>

即，在原来的url尾部加上了“?name={ {link.name}”。

2. 接收参数

回到detail.js文件，修改onLoad方法如下：

 onLoad(options) {
    this.setData({
      name:options.name
    })
  },

options对象会存放从上一个页面传递过来的参数，在这里options.name就是index页面传递过来的分类名，我们通过this.setData()方法把它绑定到name这个变量中去。

现在你在detail.wxml文件中加上{ {name}}，可以看到分类名成功地传递过来了。

（二）获取一条评语内容

从Comment评语内容表的设计和数据添加我们可以看到，每个分类下都有很多的评语，而我们这个小程序每次只需要显示其中一个。所以，我们需要编写一个从Comment表指定分类中获取一条记录的代码。

• 首先，在detail.js的数据初始化代码中定义一个index变量&#x