拉取msql中的数据到tableview

const express = require('express');
const mysql = require('mysql');

const app = express();

// 创建MySQL数据库连接
const connection = mysql.createConnection({
  host: 'localhost',
  user: 'root',
  password: 'password',
  database: 'database_name',
});

// 连接MySQL数据库
connection.connect();

// 定义一个API接口，用于获取MySQL中的数据
app.get('/data', (req, res) => {
  const query = 'SELECT * FROM table_name';

  // 执行查询
  connection.query(query, (error, results) => {
    if (error) {
      throw error;
    }

    // 将查询结果返回给前端
    res.json(results);
  });
});

// 启动服务器
app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

// 使用Fetch API获取数据
fetch('http://localhost:3000/data')
  .then((response) => response.json())
  .then((data) => {
    // 将数据填充到TableView中
    const table = document.querySelector('table');

    data.forEach((row) => {
      const tr = document.createElement('tr');

      Object.values(row).forEach((value) => {
        const td = document.createElement('td');
        td.textContent = value;
        tr.appendChild(td);
      });

      table.appendChild(tr);
    });
  })
  .catch((error) => {
    console.error(error);
  });