微信小程序云开发中建立了数据库集合后，并在JavaScript 文件中写了代码后，怎么显示出数据库字段

要显示出数据库集合中的字段，需要通过调用云函数获取数据并将其渲染到小程序的页面上。

具体步骤如下：

1. 在小程序云开发控制台中创建一个数据库集合，并添加一些数据。

2. 在小程序代码中编写云函数，用于读取数据库集合中的数据。例如，可以使用 `cloud.database().collection('collectionName').get()` 方法获取集合中的数据。

3. 在小程序代码中编写页面渲染逻辑，将云函数返回的数据渲染到页面上。例如，可以将数据绑定到页面的 `data` 中，然后在 `wxml` 中使用 `{{}}` 语法展示数据。

下面是一个示例代码：

// 云函数
const cloud = require('wx-server-sdk')
cloud.init()
const db = cloud.database()

exports.main = async (event, context) => {
  const res = await db.collection('collectionName').get()
  return res.data
}

// 小程序页面代码
const app = getApp()

Page({
  data: {
    items: []
  },
  onLoad: function () {
    wx.cloud.callFunction({
      name: 'getCollectionData',
      success: res => {
        this.setData({
          items: res.result
        })
      },
      fail: err => {
        console.error('调用云函数失败', err)
      }
    })
  }
})

<!-- wxml -->
<view wx:for="{{items}}">
  <text>{{item.field1}}</text>
  <text>{{item.field2}}</text>
  <!-- ... -->
</view>

这个示例代码中，我们在小程序中定义了一个页面 `onLoad` 函数，在该函数中调用了 `wx.cloud.callFunction()` 方法来调用云函数 `getCollectionData`。当云函数返回数据后，我们将其绑定到页面的 `data` 中，并在 `wxml` 中使用 `wx:for` 循环展示数据。