微信小程序代码展示个人信息如姓名、性别、身份证、手机号，带数据库

首先，需要在微信开发者工具中创建一个小程序，并在云开发中创建一个数据库集合。

然后，可以在小程序中创建一个页面，用于展示个人信息。在这个页面中，需要编写以下代码来获取个人信息数据：

// 获取数据库实例
const db = wx.cloud.database()

// 获取当前用户信息
const userInfo = await db.collection('users').doc(wx.getStorageSync('userId')).get()

// 将数据绑定到页面上
this.setData({
  name: userInfo.data.name,
  gender: userInfo.data.gender,
  idCard: userInfo.data.idCard,
  phone: userInfo.data.phone
})

其中，`wx.cloud.database()` 用于获取数据库实例，`wx.getStorageSync('userId')` 用于获取当前用户的唯一标识，`db.collection('users').doc(wx.getStorageSync('userId')).get()` 用于获取当前用户的个人信息数据。

接着，需要在云函数中编写代码，用于将用户的个人信息数据保存到数据库中：

// 获取数据库实例
const db = cloud.database()

// 将用户的个人信息数据保存到数据库中
const result = await db.collection('users').doc(event.userId).update({
  data: {
    name: event.name,
    gender: event.gender,
    idCard: event.idCard,
    phone: event.phone
  }
})

其中，`cloud.database()` 用于获取数据库实例，`db.collection('users').doc(event.userId).update()` 用于更新指定用户的个人信息数据。

最后，需要在小程序中编写代码，用于将用户输入的个人信息数据保存到数据库中：

// 获取数据库实例
const db = wx.cloud.database()

// 保存用户输入的个人信息数据到数据库中
await db.collection('users').doc(wx.getStorageSync('userId')).update({
  data: {
    name: this.data.name,
    gender: this.data.gender,
    idCard: this.data.idCard,
    phone: this.data.phone
  }
})

其中，`wx.cloud.database()` 用于获取数据库实例，`db.collection('users').doc(wx.getStorageSync('userId')).update()` 用于更新当前用户的个人信息数据。