应用node+express+mysql 实现简单的增删改查

Posted 2020-09-21 junwu

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了应用node+express+mysql 实现简单的增删改查相关的知识，希望对你有一定的参考价值。

记录下来备忘

1、准备好webstrom编辑器，编辑器调整字体大小等在file->settings->editor下设置注册码来源网上：

2017.2.27更新
选择“license server” 输入：http://idea.imsxm.com/

2、准备好 mysql 因为我本机有安装xampp 所以不需要单独准备mysql数据库如果没有需要安装，安装了mysql的Navicat Premium管理工具。

3、查看下本机node和express是否安装版本node -v express --version

4 、打开webstrom新建工程File->New->Project->nodejs

手动更改views下支持的模板文件格式，现在views下都是ejs文件，修改 app.js

app.set(\'views\', path.join(__dirname, \'views\'));
var template = require(\'art-template\');
template.config(\'base\', \'\');
template.config(\'extname\', \'.html\');
app.engine(\'.html\', template.__express);
app.set(\'view engine\', \'html\');

这期中有个坑，安装art-template 需要安装art-template 3.0.3 默认安装4以上版本会出现template.config不是函数的错误

可能art-template 4 换其他的方法了。

新建数据库略过

在routes下新建db.js 连接数据库

//db.js
//连接mysql
var mysql = require(\'mysql\');
var pool = mysql.createPool({
    host:\'localhost\',
    user:\'root\',
    password:\'\',
    database:\'testdb\'
})


function query(sql, callback) {
    pool.getConnection(function (err, connection) {
        // Use the connection
        connection.query(sql, function (err, rows) {
            callback(err, rows);
            connection.release();//释放链接
        });
    });
}
exports.query = query;

在views下新建users.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{{title}}</title>
</head>
<body>
<form method="post" action="/users/search">
    姓名：<input type="text" value="{{s_name}}" name="s_name">
    年龄：<input type="text" value="{{s_age}}" name="s_age">
    <input type="submit" value="查询">
</form>

<table>
    <tr>
        <th>编号</th>
        <th>姓名</th>
        <th>年龄</th>
        <th>操作</th>
    </tr>
    {{each datas as value index}}
    <tr>
        <td>{{value.id}}</td>
        <td>{{value.name}}</td>
        <td>{{value.age}}</td>
        <td><a href="/users/add">新增</a></td>
        <td><a href="/users/del/{{value.id}}">删除</a></td>
        <td><a href="/users/toUpdate/{{value.id}}">修改</a></td>
    </tr>
    {{/each}}
</table>
</body>
</html>

在routes下新建user.js

var express = require(\'express\');
var router = express.Router();

var db = require(\'./db.js\');
/* GET users listing. */
router.get(\'/\', function(req, res, next) {
  db.query(\'select * from userinfo\',function(err,rows){
    if(err){
      res.render(\'users\',{title:\'Express\',datas:[]});
    }else{
      res.render(\'users\',{title:\'Express\',datas:rows});
    }
  })
});

//新增
router.get(\'/add\',function(req,res){
  res.render(\'add\');
})
router.post(\'/add\',function(req,res){
  var name = req.body.name;
  var age = req.body.age;
  db.query("insert into userinfo(name,age) values (\'"+name+"\',"+age+")",function(err,rows){
    if(err){
      res.end("新增失败");
    }else{
      res.redirect(\'/users\');
    }
  });
})
//删除
router.get(\'/del/:id\',function(req,res){
  var id = req.params.id;
  db.query("delete from userinfo where id="+id,function(err,rows){
      if(err){
        res.end("删除失败" + err);
      }else{
        res.redirect("/users");
      }
  })
})
//修改
router.get(\'/toUpdate/:id\', function (req, res) {
    var id = req.params.id;
    db.query("select * from userinfo where id=" + id, function (err, rows) {
        if (err) {
            res.end(\'修改页面跳转失败：\' + err);
        } else {
            res.render("update", {datas: rows});       //直接跳转
        }
    });
});
router.post(\'/update\', function (req, res) {
    var id = req.body.id;
    var name = req.body.name;
    var age = req.body.age;
    db.query("update userinfo set name=\'" + name + "\',age=\'" + age + "\' where id=" + id, function (err, rows) {
        if (err) {
            res.end(\'修改失败：\' + err);
        } else {
            res.redirect(\'/users\');
        }
    });
});

//查询
router.post(\'/search\', function (req, res) {
    var name = req.body.s_name;
    var age = req.body.s_age;

    var sql = "select * from userinfo";

    if (name) {
        sql += " and name=\'" + name + "\' ";
    }

    if (age) {
        sql += " and age=" + age + " ";
    }
    sql = sql.replace("and","where");
    db.query(sql, function (err, rows) {
        if (err) {
            res.end("查询失败：", err)
        } else {
            res.render("users", {title: \'Express\', datas: rows, s_name: name, s_age: age});
        }
    });
});
//
module.exports = router;

新增页面add.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>新增页面</title>
</head>
<body>
<form action="/users/add" method="post">
    姓名：<input type="text" name="name"><br>
    年龄：<input type="text" name="age"><br>
    <input type="submit" value="提交">
</form>
</body>
</html>

修改页面 update.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>修改页面</title>
</head>
<body>
<form action="/users/update" method="post">
    <input type="hidden" value="{{datas[0].id}}" name="id">
    姓名：<input type="text" name="name" value="{{datas[0].name}}"><br>
    年龄：<input type="text" name="age" value="{{datas[0].age}}"><br>
    <input type="submit" value="提交">
</form>
</body>
</html>

可以简单遍历数据库字段到页面。

参考 http://www.cnblogs.com/zhengyeye/p/nodejs.html 感谢原作者

以上是关于应用node+express+mysql 实现简单的增删改查的主要内容，如果未能解决你的问题，请参考以下文章

node.js核心技术

Sequelize 无法从 Node/express 应用程序同步到 docker 容器中的 MySQL (ECONNREFUSED)

node+express实现简单的增删改查

使用 Amazon AWS 将 React、Node/Express 和 MySQL Web 应用程序部署到 Web 上

node+express+socket.io+mysql=通讯服务器搭建

Express+MySQL实现登录注册的demo