前提

电脑已经安装了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. .NET 5 Preview 1中的ASP.NET Core更新 (2020年3月16日)

    .NET 5 Preview1现在可用,可以进行评估了! .NET 5将是当前版本. 开始 要在.NET 5.0中开始使用 ASP.NET Core,请安装.NET 5.0 SDK. 如果您使用的是W ...

  2. 机器学习实战 [Machine learning in action]

    内容简介 机器学习是人工智能研究领域中一个极其重要的研究方向,在现今的大数据时代背景下,捕获数据并从中萃取有价值的信息或模式,成为各行业求生存.谋发展的决定性手段,这使得这一过去为分析师和数学家所专属 ...

  3. Python深度学习 deep learning with Python

    内容简介 本书由Keras之父.现任Google人工智能研究员的弗朗索瓦•肖莱(François Chollet)执笔,详尽介绍了用Python和Keras进行深度学习的探索实践,涉及计算机视觉.自然 ...

  4. java web 中base64传输的坑

    今天在项目中,前端需要向后端发送一张图片,使用toDataURL方法以base64编码的形式传输,在写好程序后,发现报错为base64不是有效的图片,反复排查后发现接口需要一张格式为png的图片,在前 ...

  5. 可运行jar包的几种打包/部署方式(转)

    转自:https://www.cnblogs.com/yjmyzz/p/executable-jar.html java项目开发中,最终生成的jar,大概可分为二类,一类是一些通用的工具类(不包含ma ...

  6. Java-正则表达式(新手)

    /* 正则表达式也是一个字符串,用来定义匹配规则,在Pattern类中有简单的规则定义.可以结合字符串类的方法使用. *///创建的一个类.public class LianxiFF1 { //公共静 ...

  7. Jasper报表 自动序列号

    添加表达式:$V{REPORT_COUNT}.toString()

  8. CMDB_Agent版本

    目录 CMDB_Agent版本 CMDB概念 CMDB_Agent介绍 agent方案 ssh类方案 相比较 架构目录 bin-start.py 启动文件 conf-config.py 自定义配置文件 ...

  9. 各种WAF绕过手法学习

    原文:https://mp.weixin.qq.com/s/aeRi1lRnKcs_N2JLcZZ0Gg 0X00    Fuzz/爆破 fuzz字典 1.Seclists/Fuzzing https ...

  10. python制作一键启动脚本

    我们的系统环境或许没有Python环境,又想使用脚本,这就要使该脚本能脱离Python环境独立运行,比如说将该脚本打包成exe可执行文件等.那么怎么做呢?你可能想到py2exe和pyinstaller ...