Node.js Express SQLite3问题：无法将HTML输入数据写入SQLite3数据库

我帮你梳理下代码里的几个核心问题，一步步修正后就能正常工作了：

问题分析 #

1. 路由注册不匹配：你混合使用了app.post()和router对象，但最后导出的是router，导致POST /form的路由根本没被注册到应用中，这是404错误的直接原因。
2. 未解析表单数据：没有配置表单解析中间件，req.body会是undefined，根本拿不到用户提交的内容。
3. SQL注入风险+语法错误：直接把req.body拼进SQL语句里，不仅有严重的安全漏洞，字符串类型的Name字段也没加引号，会导致SQL语法错误。
4. 缺少/success路由：就算数据插入成功，重定向到/success也会因为没有对应的路由处理而继续404。
5. 错误处理不规范：直接throw err会导致服务器崩溃，应该用Express的错误处理机制来处理。

修正后的完整代码 #

1. 路由文件（比如routes/form.js）

const express = require('express');
const router = express.Router();
const sqlite3 = require('sqlite3').verbose();
const db = new sqlite3.Database('./Chinook_Sqlite_AutoIncrementPKs(2).sqlite');

// 启用表单解析（Express 4.16+内置，无需单独安装body-parser）
router.use(express.urlencoded({ extended: true }));

// 显示表单页面
router.get('/form', function(req, res, next) {
  res.render('form');
});

// 处理表单提交
router.post('/form', (req, res, next) => {
  // 使用参数化查询避免SQL注入，同时处理数据类型
  const insertSql = `INSERT INTO Artist(ArtistId, Name) VALUES(?, ?)`;
  db.run(insertSql, [req.body.artistId, req.body.name], function(err) {
    if (err) {
      // 把错误交给Express错误中间件处理，避免服务器崩溃
      return next(err);
    }
    // 303状态码确保重定向后用GET请求
    res.redirect(303, '/success');
  });
});

// 新增success页面路由
router.get('/success', (req, res) => {
  res.render('success'); // 确保views文件夹下有success.handlebars模板
});

// 服务器关闭时关闭数据库连接（可选，长期运行的服务保持连接即可）
process.on('SIGINT', () => {
  db.close(() => {
    console.log('数据库连接已关闭');
    process.exit(0);
  });
});

module.exports = router;

2. 主应用文件（比如app.js）

const express = require('express');
const app = express();
const formRouter = require('./routes/form'); // 替换成你的路由文件路径

// 配置Handlebars模板引擎
const exphbs = require('express-handlebars');
app.engine('handlebars', exphbs());
app.set('view engine', 'handlebars');

// 注册路由
app.use('/', formRouter);

// 全局错误处理中间件
app.use((err, req, res, next) => {
  console.error(err.stack);
  res.status(500).render('error', { message: '数据提交失败，请检查输入或稍后重试' });
});

const PORT = 3000;
app.listen(PORT, () => {
  console.log(`服务器运行在 http://localhost:${PORT}`);
});

3. 优化后的表单代码（增强可访问性）

<form action="/form" method="POST">
  <div>
    <label for="ArtistId">Artist Id: </label>
    <input type="text" name="artistId" id="ArtistId" required>
  </div>
  <div>
    <label for="name">Name: </label>
    <input type="text" name="name" id="name" required>
  </div>
  <div>
    <button type="submit">Submit</button>
  </div>
</form>

关键修正说明 #

• 统一使用Router：所有路由都注册在router对象上，确保导出后能被主应用正确加载。
• 参数化查询：用?作为占位符传递参数，彻底避免SQL注入，同时解决字符串字段的语法问题。
• 表单解析：通过express.urlencoded()解析表单数据，让req.body能正确获取用户输入。
• 新增Success路由：确保重定向后有对应的页面可访问。
• 优雅错误处理：把错误交给全局中间件处理，不会导致服务器崩溃，还能给用户友好提示。

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