前提

电脑已经安装了node，express，mysql。

实现步骤

1.新建数据库表

附数据表结构：

2.创建exprss项目

express -e myapp  新建一个以ejs为模板的express项目

cd myapp

npm install

3.安装nodejs的mysql插件

npm install mysql --save

4.创建数据库配置文件

项目根目录下创建config目录，config目录内新建db.js,来实现基本的数据库连接

db.js

var mysql = require("mysql");

var pool = mysql.createPool({

    host:"localhost",

    user:"root",

    password:"",

    database:"oa"

});

function query(sql,callback){

    pool.getConnection(function(err,connection){

        connection.query(sql, function (err,rows) {

            callback(err,rows);

            connection.release();

        });

    });

}

exports.query = query;

5.数据表增删改查的业务代码，demo中暂时放到routes下的user.js中(demo的项目目录结构可能不大合理，暂且不纠结于此)

user.js

var express = require('express');

var router = express.Router();

var db = require("../config/db");

/**

 * 查询列表页

 */

router.get("/",function(req,res,next){

    db.query("select * from user",function(err,rows){

        if(err){

            res.render("users",{title:"用户列表",datas:[]});

        }else {

            res.render("users",{title:"用户列表",datas:rows});

        }

    });

});

/**

 * 添加用户

 */

router.get("/add",function(req,res,next){

    res.render("add");

});

router.post("/add",function(req,res,next){

    var name = req.body.name;

    var age = req.body.age;

    db.query("insert into user(name,age) values('"+name+"','"+ age +"')",function(err,rows){

        if(err){

            res.send("新增失败"+err);

        }else {

            res.redirect("/users");

        }

    });

});

/**

 * 删除用户

 */

router.get("/del/:id",function(req,res){

    var id = req.params.id;

    db.query("delete from user where id = " + id,function(err,rows){

        if(err){

            res.send("删除失败"+err);

        }else {

            res.redirect("/users");

        }

    });

});

/**

 * 修改

 */

router.get("/toUpdate/:id",function(req,res,next){

    var id = req.params.id;

    var sql = "select * from user where id = " + id;

    console.log(sql);

    db.query(sql,function(err,rows){

        if(err){

            res.send("修改页面跳转失败");

        }else {

            res.render("update",{datas:rows});

        }

    });

});

router.post("/update",function(req,res,next){

    var id = req.body.id;

    var name = req.body.name;

    var age = req.body.age;

    var sql = "update user set name = '"+ name +"',age = '"+ age +"' where id = " + id;

    console.log(sql);

    db.query(sql,function(err,rows){

        if(err){

            res.send("修改失败 " + err);

        }else {

            res.redirect("/users");

        }

    });

});

/**

 * 查询

 */

router.post("/search",function(req,res,next){

    var name = req.body.s_name;

    var age = req.body.s_age;

    var sql = "select * from user";

    if(name){

        sql += " where name = '"+ name +"'";

    }

    //if(age){

    //    sql += " and age = '" + age + "'";

    //}

    sql.replace("and","where");

    db.query(sql,function(err,rows){

        if(err){

            res.send("查询失败: "+err);

        }else{

            res.render("users",{title:"用户列表",datas:rows,s_name:name,s_age:age});

        }

    });

})

module.exports = router;

6.创建ejs模版文件

users.ejs(用户列表页模板)

<!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="<%= datas.name %>"><br>

    年龄：<input type="text" name="s_age" value="<%= datas.age %>"><br>

    <input type="submit" value="查询">

</form>

<table>

    <tr>

        <th>编号</th>

        <th>姓名</th>

        <th>年龄</th>

        <th>操作</th>

    </tr>

    <% for(var i = 0; i < datas.length; i++) {%>

        <tr>

            <td><%= datas[i].id %></td>

            <td><%= datas[i].age %></td>

            <td><%= datas[i].name %></td>

            <td><a href="/users/add">添加用户</a></td>

            <td><a href="/users/del/<%= datas[i].id %>">删除</a></td>

            <td><a href="/users/toUpdate/<%= datas[i].id %>">修改</a></td>

        </tr>

    <% } %>

</table>

</body>

</html>

add.ejs(添加用户的模板文件)

<!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.ejs(用户信息修改的模板文件)

<!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>

7.启动服务

npm start 启动服务

express默认的是3000的端口，如果服务正常启动，则可以在浏览器地址栏输入http://localhost:3000/users

8.示例贴图：

node+express+mysql实现简单的数据增删改查的更多相关文章

  1. Nodejs+Express+Mysql实现简单用户管理增删改查

    源码地址 https://github.com/king-y/NodeJs/tree/master/user 目录结构 mysql.js var mysql = require('mysql'); v ...

  2. 【转载】salesforce 零基础开发入门学习（六）简单的数据增删改查页面的构建

    salesforce 零基础开发入门学习(六)简单的数据增删改查页面的构建   VisualForce封装了很多的标签用来进行页面设计,本篇主要讲述简单的页面增删改查.使用的内容和设计到前台页面使用的 ...

  3. salesforce 零基础开发入门学习（六）简单的数据增删改查页面的构建

    VisualForce封装了很多的标签用来进行页面设计,本篇主要讲述简单的页面增删改查.使用的内容和设计到前台页面使用的标签相对简单,如果需要深入了解VF相关知识以及标签, 可以通过以下链接查看或下载 ...

  4. nodejs+express+mysql实现restful风格的增删改查示例

    首先,放上项目github地址:https://github.com/codethereforam/express-mysql-demo 一.前言 之前学的java,一直用的ssm框架写后台.前段时间 ...

  5. 进入全屏 nodejs+express+mysql实现restful风格的增删改查示例

    首先,放上项目github地址:https://github.com/codethereforam/express-mysql-demo 一.前言 之前学的java,一直用的ssm框架写后台.前段时间 ...

  6. MySQL数据库之表的增删改查

    目录 MySQL数据库之表的增删改查 1 引言 2 创建表 3 删除表 4 修改表 5 查看表 6 复制表 MySQL数据库之表的增删改查 1 引言 1.MySQL数据库中,数据库database就是 ...

  7. MYSQL - database 以及 table 的增删改查

    MYSQL - database 以及 table 的增删改查 MySQL的相关概念介绍 MySQL 为关系型数据库(Relational Database Management System), 这 ...

  8. 最简单的mybatis增删改查样例

    最简单的mybatis增删改查样例 Book.java package com.bookstore.app; import java.io.Serializable; public class Boo ...

  9. C#操作Excel数据增删改查(转)

    C#操作Excel数据增删改查. 首先创建ExcelDB.xlsx文件,并添加两张工作表. 工作表1: UserInfo表,字段:UserId.UserName.Age.Address.CreateT ...

随机推荐

  1. juery 弹出框

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  2. vs2017打包exe安装包

    1,安装扩展程序Install Projects 2,在打开的界面搜索Install,找到Install Projects 3,在要打包的项目解决方案下创建一个生成exe的项目 4,在打包项目的文件系 ...

  3. 基于Python3 + appium的Ui自动化测试框架

    UiAutoTest 一.概要 数据驱动的Ui自动化框架 二.环境要求 框架基于Python3 + unittest + appium 运行电脑需配置adb.aapt的环境变量,build_tools ...

  4. spring给容器中注入组件的几种方式

    目录 环境搭建 spring给容器中注入组件 1.包扫描+组件标注注解(@Controller/@Service/@Repository/@Component)适用于把自己写的类加入组件(默认ID类名 ...

  5. CF1327A Sum of Odd Integers 题解

    原题链接 简要题意: 多组数据,问能否把 \(n\) 分为 \(k\) 个 不同的 正奇数之和. 盲猜数学结论题. 只要考虑两个问题: \(n\) 的大小是否足够. \(n\) 的奇偶性是否满足. 对 ...

  6. GitLab私服在Ubuntu上搭建总结

    1.前期准备: sudo apt-get update sudo apt-get install -y curl openssh-server ca-certificates sudo apt-get ...

  7. Spring05——Spring 如何实现事务管理

    在此之前,我们已经了解了 Spring 相关的基础知识,今天将为给位带来,有关 Spring 事务代理的相关知识.关注我的公众号「Java面典」,每天 10:24 和你一起了解更多 Java 相关知识 ...

  8. 实例演示：如何简化生产中的Pod安全策略？

    Pod安全策略对于强化K8S集群安全至关重要.本文将延续之前的文章继续深入介绍Pod安全策略. 首先,简单介绍了如何将Pod与Pod安全策略相关联,并使用RBAC来展示具体步骤.然后介绍如何在Ranc ...

  9. PyTorch专栏开篇

    目前研究人员正在使用的深度学习框架不尽相同,有 TensorFlow .PyTorch.Keras等.这些深度学习框架被应用于计算机视觉.语音识别.自然语言处理与生物信息学等领域,并获取了极好的效果. ...

  10. 编译原理：DFA最小化，语法分析初步

    1.将DFA最小化:教材P65 第9题   解析: 2.构造以下文法相应的最小的DFA S→ 0A|1B A→ 1S|1 B→0S|0 解析: S→ 0A|1B →S → 0(1S|1)|1(0S|0 ...