jeecg boot前端通过查询后台数据库获取数据用弹窗显示在页面上

要通过查询后台数据库获取数据并在页面上用弹窗显示，需要进行以下步骤：

1. 在前端页面中定义一个弹窗组件，可以使用Ant Design等UI库提供的Modal组件。

2. 在前端页面中定义一个按钮或者其他交互组件，用于触发弹窗的显示。

3. 在按钮点击事件中，调用后台接口进行数据查询，一般使用axios等HTTP库进行请求。

4. 在接口返回数据后，将数据填充到弹窗组件中，并将弹窗显示出来。

下面是一个简单的示例代码：

<template>
  <div>
    <button @click="showModal">显示弹窗</button>
    <a-modal :visible="visible" @cancel="handleCancel">
      <p v-for="item in data" :key="item.id">{{item.name}}</p>
    </a-modal>
  </div>
</template>

<script>
import axios from 'axios'

export default {
  data() {
    return {
      visible: false,
      data: []
    }
  },
  methods: {
    showModal() {
      axios.get('/api/data').then(res => {
        this.data = res.data
        this.visible = true
      })
    },
    handleCancel() {
      this.visible = false
    }
  }
}
</script>

在这个示例中，点击按钮后会向后台发送一个GET请求，请求地址为`/api/data`。后台返回的数据会填充到弹窗组件中，然后将弹窗显示出来。当用户点击弹窗上的取消按钮时，弹窗会被隐藏。这个示例使用了Ant Design提供的Modal组件和axios库发送HTTP请求，你可以根据自己的需求进行替换。