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

首先，需要在小程序中连接数据库并获取个人信息。这里假设使用的是云开发平台，具体步骤如下：

1. 在小程序开发者工具中创建一个云开发环境，并在云开发控制台中创建一个名为“users”的集合，用于存储用户信息。

2. 在小程序页面中引入云开发 SDK，并初始化云开发环境：

wx.cloud.init({
  env: '<your-environment-id>'
})

3. 在页面中获取用户信息，可以通过调用微信 API `wx.getUserInfo()` 获取用户的基本信息，如下：

wx.getUserInfo({
  success: res => {
    const userInfo = res.userInfo
    // 将用户信息保存到云数据库中
    const db = wx.cloud.database()
    db.collection('users').add({
      data: {
        name: userInfo.nickName,
        gender: userInfo.gender === 1 ? '男' : '女',
        idCard: '<id-card-number>',
        phone: '<phone-number>'
      },
      success: res => {
        console.log('保存用户信息成功')
      },
      fail: err => {
        console.error('保存用户信息失败：', err)
      }
    })
  },
  fail: err => {
    console.error('获取用户信息失败：', err)
  }
})

4. 在页面中展示用户信息，可以通过调用云数据库 API `db.collection().get()` 获取用户信息，如下：

const db = wx.cloud.database()
db.collection('users').get({
  success: res => {
    console.log('获取用户信息成功：', res.data)
    // 展示用户信息
    const userInfo = res.data[0]
    this.setData({
      name: userInfo.name,
      gender: userInfo.gender,
      idCard: userInfo.idCard,
      phone: userInfo.phone
    })
  },
  fail: err => {
    console.error('获取用户信息失败：', err)
  }
})

以上代码仅供参考，具体实现需要根据实际情况进行调整。同时，为保护用户隐私，实际开发中需要注意用户信息的合法性和安全性。