前端+nodejs+mysql实现增删改查

137 阅读1分钟

简介

  • 前端 使用vue框架
  • nodejs 使用express
  • 数据库 使用MySQL主要是因为关系型数据库比较稳之前使用SQL server也比较熟悉

基本这一套下来一般公司的管理后台,等没有高并发场景的项目都可以跑了。

重点

因为前端基本就那么多东西,不做过多介绍。服务启动后正常配置即可。主要是nodejs+MySQL部分。说白了也就是间接的调取数据库,实现crud。

nodejs

现在前端基本都一把梭了,nodejs语法大部分和JavaScript差不多。多了更底层的api。

MySQL

在数据库选择上刚开始也做了很多考察,最终下来就是mysql 和mongodb的对比。MySQL相对熟悉点,也是比较沉稳哈哈。 搭在本地的,使用MySQL workbench。

开干

  • MySQL 配置
module.exports = {
  host: 'localhost',     
  user: 'root',     
  password: 'root', 
  database: 'test_db', 
  pool: {
    max: 5,
    min: 0,
    acquire: 30000,
    idle: 10000
  }
};

  • 数据库操作/基础版本
  try {
    const connection = await mysql.createConnection(db_config);
    my_connect = connection;
    const createTableSQL = `
      CREATE TABLE IF NOT EXISTS users (
        id INT AUTO_INCREMENT PRIMARY KEY,
        username VARCHAR(255) NOT NULL,
        email VARCHAR(255) NOT NULL
      )
    `;
    await connection.execute(createTableSQL);
    const searchDataSQL = `
      SELECT *FROM users
      WHERE username = '${userName}'
    `;
    return await connection.execute(searchDataSQL);
  • 接口中调用上面方法
app.post("/insert", async (req, res, next) => {
  const { name, email } = req.query;
  let r = await insertData(name, email);
  res.json({ status: r });
});
  • 启动服务后接口测试

image.png

小结

从零到一已经完成,后面的是更复杂的。每个步骤都需要优化以及让其更健壮。