我写好了一个微信小程序消灭星星，现在想建立一个排行榜功能，界面已经渲染出来了。也创建了数据库集合，现在我想让数据库集合里的数据显示在排行榜界面上，该如何实现

首先，你需要编写一个云函数，用于从数据库集合中获取排行榜数据并返回给小程序。云函数的代码可以参考下面的示例：

// 云函数入口文件
const cloud = require('wx-server-sdk')

cloud.init()

const db = cloud.database()

// 云函数入口函数
exports.main = async (event, context) => {
  try {
    const result = await db.collection('leaderboard').orderBy('score', 'desc').get()
    return {
      data: result.data
    }
  } catch (err) {
    console.log(err)
    return {
      errCode: -1,
      errMsg: err.message
    }
  }
}

上述代码中，我们通过调用 `db.collection` 方法获取 `leaderboard` 集合中的数据，并按照 `score` 字段进行降序排列。然后将查询结果返回给小程序。

接下来，你需要在小程序页面中调用云函数并显示数据。在页面的 `.js` 文件中，你可以使用以下代码调用云函数：

wx.cloud.callFunction({
  name: 'getLeaderboard',
  success: (res) => {
    console.log(res)
    // 获取排行榜数据成功，将数据渲染到页面上
    this.setData({
      leaderboard: res.result.data
    })
  },
  fail: (err) => {
    console.log(err)
    // 获取排行榜数据失败，提示用户
    wx.showToast({
      title: '获取排行榜数据失败',
      icon: 'none'
    })
  }
})

这段代码通过调用 `wx.cloud.callFunction` 方法来调用名为 `getLeaderboard` 的云函数。如果调用成功，则将返回的数据渲染到页面上；如果失败，则提示用户获取数据失败。

在页面的 `.wxml` 文件中，你可以使用以下代码来渲染排行榜数据：

<block wx:for="{{leaderboard}}" wx:key="index">
  <view class="item">
    <view class="rank">{{index+1}}</view>
    <view class="nickname">{{item.nickname}}</view>
    <view class="score">{{item.score}}</view>
  </view>
</block>

这里我们使用了 `wx:for` 指令来遍历 `leaderboard` 数组，并使用 `wx:key` 指定数组元素的索引作为唯一的标识符。然后在循环体中使用 `{{}}` 语法来绑定数据。

至此，你就可以在小程序中实现排行榜功能了。