程序博客网 > java图书馆系统源代码

nodejs使用express+ejs对mysql数据库的增删改查

来源：互联网 发布：java图书馆系统源代码 编辑：程序博客网 时间：2024/06/05 04:25

1.在已经搭建好的nodejs+express+ejs框架中创建config目录，在目录中创建db.js里面写入如下代码：

var mysql = require('mysql');


/** 配置mysql的参数 */
var pool = mysql.createPool({
    host:'localhost',
    user:'root',
    password:'root',
    database:'test'
});

/** 数据库链接 */
function query(sql,callback){
    pool.getConnection(function(err,connection){
        connection.query(sql,function(err,rows){
            callback(err,rows);
            //释放链接
            connection.release();
        });
    });
}

exports.query = query;

2.在routes目录中创建users.js里面写入如下代码：

var express = require('express');
var router = express.Router();
var db = require('../config/db');

/* 查询数据库数据 */
router.get('/', function(req, res) {
  var sql = 'select * from users';
  db.query(sql,function(err,rows){
      if(err){
        res.render('user/userList', {title: '我的测试', datas: []});
      }else {
        res.render('user/userList', {title: '我的测试', datas: rows});
      }
  });
});


/**
 * 新增页面跳转
 */
router.get('/add', function (req, res) {
    res.render('user/addUser');
});

router.post('/add', function (req, res) {
    var name = req.body.name;
    var age = req.body.age;
    var sql = "insert into users(Name,Age) values('" + name + "'," + age + ")";
    db.query(sql, function (err, rows) {
      if (err) {
        res.end('新增失败：' + err);
      } else {
        res.redirect('users');
      }
    })
});


/**
 * 删
 */
router.get('/del/:id', function (req, res) {
  var id = req.params.id;
  var sql = "delete from users where Id=" + id;
  db.query(sql, function (err, rows) {
    if (err) {
      res.end('删除失败：' + err)
    } else {
      res.redirect('users')
    }
  });
});


/**
 * 修改
 */
router.get('/toUpdate/:id', function (req, res) {
  var id = req.params.id;
  var sql = "select * from users where Id=" + id;
  db.query(sql, function (err, rows) {
    if (err) {
      res.end('修改页面跳转失败：' + err);
    } else {
      res.render("user/updateUser", {datas: rows});       //直接跳转
    }
  });
});

router.post('/update', function (req, res) {
    var id = req.body.id;
    var name = req.body.name;
    var age = req.body.age;
    var sql = "update users set Name='" + name + "',Age='" + age + "' where Id=" + id;
    db.query(sql, 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 users ";

    if (name) {
        sql += " where Name like '%" + name + "%' ";
        if (age) {
            sql += " and Age=" + age + " ";
        }
    }else{
        if (age) {
            sql += " where Age=" + age + " ";
        }
    }
    // sql = sql.replace("and","where");
    db.query(sql, function (err, rows) {
        console.log(rows);
      if (err) {
        res.end("查询失败：", err)
      } else {
        res.render("user/userList", {title: 'Express', datas: rows, s_name: name, s_age: age});
      }
    });
});

module.exports = router;

3.在views目录下创建user目录，user目录下创建如下几个文件

1.userList.html

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

<table>
    <tr>
        <th>编号</th>
        <th>姓名</th>
        <th>年龄</th>
        <th>地址</th>
        <th>手机</th>
        <th>电子邮箱</th>
        <th>操作</th>
    </tr>
    {{each datas as users index}}
    <tr>
        <td>{{users.Id}}</td>
        <td>{{users.Name}}</td>
        <td>{{users.Age}}</td>
        <td>{{users.Address}}</td>
        <td>{{users.Phone}}</td>
        <td>{{users.Mail}}</td>
        <td><a href="/users/add">新增</a></td>
        <td><a href="/users/del/{{users.Id}}">删除</a></td>
        <td><a href="/users/toUpdate/{{users.Id}}">修改</a></td>
    </tr>
    {{/each}}
</table>
</body>
</html>

2.addUser.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>

3.updateUser.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>

技术：首先要npm install mysql或者npm install mysql --save,其次我使用了angular.js,如果不想引入用原生的也可以。在实现这些代码是基于nodejs的express+ejs框架中实现的。

0 0
java图书馆系统源代码 java图书馆系统源代码
原创粉丝点击
热门IT博客
酒店软件排名酒店软件排名
淘宝司法拍卖网下载淘宝司法拍卖网下载
mac免费版办公软件下载
千牛淘宝客
勃列日涅夫知乎
手机解压缩软件中文版
淘宝虚拟店铺怎么开
域名被墙跳转技术
手机学全站仪的软件
数控机床plc编程
淘宝开通淘金币抵扣
linux增加一个用户命令
打蛇电影 知乎
php神经网络
matlab编程语言
幼儿园床淘宝
htc windows mobile
一卡通流量软件
小米聊天软件
无法连接所有网络驱动
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 玄幻商人 刀尖上的虫脚 刀尖舞者 叶洋萍 刀尖上的搏杀 刀尖上的舞者 吞天武皇 玩转刀尖 磨刀不误砍柴工 刀工基础刀法入门 磨刀不误砍柴工意思 刀工 磨刀不误砍柴工的故事 磨刀不误砍柴工的意思 磨刀不误砍柴工英语 厨师刀工 历史扳道工 银刀驸马 松子鱼刀工的做法图解 磨刀不误砍柴工下一句 厨师刀工教程 刀工怎么练 刀币 齐国刀币 刀币价格 刀币图片 刀币鉴定 古刀币图片 战国刀币 布币 刀币 明刀币 齐刀币 刀币价格表图片 三字刀币价格 刀币是哪个朝代的 刀币一个多少钱 古代刀币图片 战国时期刀币价格 古刀币图片及价格 刀币图片及价格 古代刀币图片及价格 战国刀币价格 战国刀币的图片及价格 战国刀币鉴定 战国六字齐刀币价格

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里