前提

电脑已经安装了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. 【视频+图文】Java基础经典练习题（一）输出2-100之间的素数，及素数个数

    目录 第一题:判断2-100之间有多少个素数,并输出所有素数. 1.视频讲解: 2.思路分析: 代码讲解:以i=4为例 4.为大家准备了彩蛋: 能解决题目的代码并不是一次就可以写好的 我们需要根据我们 ...

  2. 《JavaScript 模式》读书笔记（3）— 字面量和构造函数1

    新的篇章开始了,本章开始,所有的内容都是十分有价值和意义的.本章主要的内容包括对象字面量.构造函数.数组字面量.正则字面量.基本值类型字面量以及JSON等.在大家的工作和实际应用中也有一定的指导意义. ...

  3. Systematic comparison of strategies for the enrichment of lysosomes by data independent acquisition 通过DIA技术系统比较各溶酶体富集策略 （解读人：王欣然）

    文献名:Systematic comparison of strategies for the enrichment of lysosomes by data independent acquisit ...

  4. [BJDCTF 2nd]fake google

    [BJDCTF 2nd]fake google 进入页面: 试了几下发现输入xxx,一般会按的格式显示, P3's girlfirend is : xxxxx 然后猜测会不会执行代码,发现可以执行 & ...

  5. python爬取某站新闻，并分析最近新闻关键词

    在爬取某站时并做简单分析时,遇到如下问题和大家分享,避免犯错: 一丶网站的path为 /info/1013/13930.htm ,其中13930为不同新闻的 ID 值,但是这个数虽然为升序,但是没有任 ...

  6. CF33C Wonderful Randomized Sum 题解

    原题链接 简要题意: 你可以无限次的把该数组的一个前缀和后缀 \(\times -1\),问最终的最大序列和. 这题盲目WA了数次才知道本质 这题89个数据吊打std CF真好啊,发现一个错后面就不测 ...

  7. 使用Python+OpenCV进行图像处理（二）| 视觉入门

    [前言]图像预处理对于整个图像处理任务来讲特别重要.如果我们没有进行恰当的预处理,无论我们有多么好的数据也很难得到理想的结果. 本篇是视觉入门系列教程的第二篇.整个视觉入门系列内容如下: 理解颜色模型 ...

  8. 【转载】卸载Anaconda教程

    文章来源:https://docs.continuum.io/anaconda/install/uninstall/ 卸载Anaconda 要卸载Anaconda,您可以简单地删除该程序.这将留下一些 ...

  9. 初始化一个vue项目

    1.安装node 端开发框架和环境都是需要 Node.js ,先安装node.js开发环境,vue的运行是要依赖于node的npm的管理工具来实现,下载https://nodejs.org/en/,安 ...

  10. iOS 应用签名

    一.密码学简介 1.1 base64 Base64 是一种通过查表的编码方法,不能用于加密,即使使用自定义的编码表也不行. Base64 适用于小段内容的编码,比如数字证书签名.Cookie 的内容等 ...