Node.js从MySQL取数并传递至EJS前端的技术问题

你的核心问题是没适应Node.js的异步编程特性——和Python同步执行的逻辑不同，Node.js的MySQL查询默认是异步操作，直接在回调外赋值变量会因为执行时机问题拿不到数据，必须在异步操作完成后再处理模板渲染。

解决方案1：用回调函数传递数据（基础写法） #

直接在MySQL查询的回调函数内完成数据传递和模板渲染，确保拿到结果后再执行渲染逻辑：

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

// 配置数据库连接
const db = mysql.createConnection({
  host: 'localhost',
  user: '你的数据库用户名',
  password: '你的数据库密码',
  database: '目标数据库名'
});

// 建立连接
db.connect(err => {
  if (err) throw err;
  console.log('数据库连接成功');
});

// 路由处理：查询数据并传给EJS
app.get('/table', (req, res) => {
  const querySql = 'SELECT * FROM 你的表名';
  // 在查询回调里处理结果
  db.query(querySql, (err, results) => {
    if (err) {
      console.error(err);
      return res.status(500).send('查询失败');
    }
    // 直接把查询结果传给EJS模板
    res.render('table', { tableData: results });
  });
});

app.set('view engine', 'ejs');
app.listen(3000, () => console.log('服务运行在3000端口'));

对应的EJS模板（views/table.ejs）渲染表格：

<table border="1">
  <thead>
    <tr>
      <!-- 替换成你的表字段 -->
      <th>ID</th>
      <th>名称</th>
    </tr>
  </thead>
  <tbody>
    <% tableData.forEach(row => { %>
      <tr>
        <td><%= row.id %></td>
        <td><%= row.name %></td>
      </tr>
    <% }) %>
  </tbody>
</table>

解决方案2：用Async/Await（更简洁，推荐） #

使用支持Promise的mysql2模块，用async/await让异步代码看起来像同步逻辑，可读性更高：

1. 先安装依赖：npm install mysql2
2. 改写路由代码：

const express = require('express');
const mysql = require('mysql2/promise');
const app = express();

// 用连接池替代单连接（更稳定）
const pool = mysql.createPool({
  host: 'localhost',
  user: '你的数据库用户名',
  password: '你的数据库密码',
  database: '目标数据库名',
  connectionLimit: 10
});

// 用async标记路由处理函数
app.get('/table', async (req, res) => {
  try {
    // await等待查询完成，拿到结果
    const [results] = await pool.query('SELECT * FROM 你的表名');
    // 传递数据到模板
    res.render('table', { tableData: results });
  } catch (err) {
    console.error(err);
    res.status(500).send('查询失败');
  }
});

app.set('view engine', 'ejs');
app.listen(3000);

模板写法和方案1完全一致。

为什么之前的写法不行？ #

你可能尝试过类似下面的错误写法：

app.get('/table', (req, res) => {
  let data;
  // 异步查询：此时代码会继续往下走，不会等查询完成
  db.query('SELECT * FROM 你的表名', (err, results) => {
    data = results; // 这行代码会在后面的res.render之后执行
  });
  res.render('table', { tableData: data }); // 此时data还是undefined
});

Node.js的异步操作不会阻塞主线程，res.render会在MySQL查询完成前执行，自然拿不到数据。

内容的提问来源于stack exchange，提问作者Caio Oliveira