前提

电脑已经安装了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. OFD电子证照模版制作工具 --（采用wpf开发）

    前言  ofd应用的范围非常广,电子证照是其中非常重要的一个应用.同一类电子证照具有相同的板式.元数据:所以电子证照非常适合用模版来制作.模版就是板式样式固定,每个具体的证照只是文字或图片内容不同.比 ...

  2. 学习Shader所需的数学基础（坐标系，点和矢量）

    数学对于计算机图形学的重要性是不言而喻的.在学习Shader之前,首先就要打好数学基础,好在入门Unity Shader所需的数学知识都是线性代数中很基础的的内容.按部就班的来,第一篇文章记录总结的是 ...

  3. HTML每日学习笔记（0）

    2019.7.14 1.属性为 HTML 元素提供附加信息,总是在 HTML 元素的开始标签中规定. 例子:<h1 align="center"> 对齐方式 <b ...

  4. 面向对象第四单元(UML)及期末总结

    前言 统一建模语言(英语:Unified Modeling Language,缩写 UML),是软件架构设计建模和规约的语言. 在UML系统开发中有三个主要的模型: 功能模型:从用户的角度展示系统的功 ...

  5. Maven+JSP+Servlet+JDBC+Mysql实现的dbExper宾馆管理系统

    本文存在视频版本,请知悉 项目简介 项目来源于:https://github.com/mafulong/databaseExper-hotelMaster 这次分享的也是毕设或课程设计选择一样很多的宾 ...

  6. video.js 视频自动全屏播放

    1.头部引用脚本 <link href="css/video-js.min.css" rel="stylesheet"> <link href ...

  7. Journal of Proteome Research | Quantifying Protein-Specific N-Glycome Profiles by Focused Protein and Immunoprecipitation Glycomics (分享人:潘火珍)

    文献名:Quantifying Protein-Specific N-Glycome Profiles by Focused Protein and Immunoprecipitation Glyco ...

  8. [深入学习C#] 匿名函数、委托和Lambda表达式

    匿名函数 匿名函数(Anonymous Function)是表示“内联”方法定义的表达式.匿名函数本身及其内部没有值或者类型,但是可以转换为兼容的委托或者表达式树类型(了解详情).匿名函数转换的计算取 ...

  9. http服务部署

    [root@xiaoyi ~]# vim /etc/ssh/sshd_config 17行 Port 22 49行 PermitRootLogin yes 观察IP地址与物理机属于同一个网段 打开Fi ...

  10. js利用cookie登录网站

    如上图,我们获取到了cookie,接下来利用cookie登录相应的网站. 我用的浏览器是火狐,首先在特定的网站(也就是我们发现XSS漏洞的网站,这里指的是pikachu)F12打开开发者工具,找到控制 ...