后端java动态拼接sql查询表数据，前端elementui弹窗动态展示

在Java后端动态拼接SQL查询表数据并返回前端的示例代码如下：

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.jdbc.core.JdbcTemplate;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RestController;
import java.util.List;
import java.util.Map;
 
@RestController
public class DataController {
 
    @Autowired
    private JdbcTemplate jdbcTemplate;
 
    @GetMapping("/getTableData")
    public List<Map<String, Object>> getTableData(String tableName) {
        String sql = "SELECT * FROM " + tableName;
        List<Map<String, Object>> result = jdbcTemplate.queryForList(sql);
        return result;
    }
}

前端（例如使用Element UI）接收数据并展示的示例代码：

<template>
  <el-dialog :visible.sync="dialogVisible" title="表数据展示">
    <el-table :data="tableData" style="width: 100%">
      <el-table-column v-for="(value, key) in tableData[0]" :key="key" :prop="key" :label="key"></el-table-column>
    </el-table>
  </el-dialog>
</template>
 
<script>
export default {
  data() {
    return {
      dialogVisible: true,
      tableData: []
    };
  },
  created() {
    this.fetchData('your_table_name');
  },
  methods: {
    fetchData(tableName) {
      this.$http.get('/getTableData', { params: { tableName: tableName } })
        .then(response => {
          this.tableData = response.data;
        })
        .catch(error => {
          console.error('Error fetching data: ', error);
        });
    }
  }
};
</script>

确保后端的@RestController与前端的请求路径/getTableData匹配，并且确保前端有正确的权限和方式来发起对后端的请求。这个例子假设你已经有了一个可以运行的Spring Boot应用，并且配置了JdbcTemplate。