前提

电脑已经安装了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. Ansible Ad-Hoc与常用模块

    ansible 执行结果信息–各颜色说明:ansible Ad-Hoc 说明:ansible 如何查看帮助文档与常用模块详解 主机规划 添加用户账号 说明: 1. 运维人员使用的登录账号: 2. 所有 ...

  2. mysql schema设计中应避免的陷阱

    谨记红字: 1. 表中谨防太多列: MySQL 的存储引擎API 工作时需要在服务器层和存储引擎层之间通过行缓冲格式拷贝数据,然后在服务器层将缓冲内容解码成各个列.从行缓冲中将编码过的列转换成行数据结 ...

  3. vscode style内置auto会导致eslint格式化 对不齐报错

    "files.associations": { "*.vue": "vue", // "*.js": "jav ...

  4. 后端程序员不得不会的 Nginx 转发匹配规则

    整理了一些Java方面的架构.面试资料(微服务.集群.分布式.中间件等),有需要的小伙伴可以关注公众号[程序员内点事],无套路自行领取 一口气说出 9种 分布式ID生成方式,面试官有点懵了 面试总被问 ...

  5. Linux软件安装之JDK的安装

    JDK的安装 1.1. 下载JDK,此处版本是1.8u131,实际操作以自己具体版本为准 先查看Linux系统是多少位(32位/64位):getconf LONG_BIT 然后去官网下载JDK [jd ...

  6. servlet本质是什么

    作者:Javdroider Hong链接:https://www.zhihu.com/question/21416727/answer/339012081来源:知乎著作权归作者所有.商业转载请联系作者 ...

  7. NBL小可爱纪念赛「 第一弹 」 游记（部分题解）

    比赛链接 洛谷:禁止含有侮辱性质的比赛 . ??? 反正我觉得,gyx挺危险的 不说废话. 首先,比赛经验,前几个小时不打,跟着刷榜. 一看 T1. 发现是道水题,直接切掉了. 然后看到了 T2. 感 ...

  8. Spark作业提交至Yarn上执行的 一个异常

    (1)控制台Yarn(Cluster模式)打印的异常日志: client token: N/A         diagnostics: Application application_1584359 ...

  9. Hive支持的文件格式和压缩格式及各自特点

    Hive中的文件格式 1-TEXTFILE 文本格式,Hive的默认格式,数据不压缩,磁盘开销大.数据解析开销大. 对应的hive API为:org.apache.hadoop.mapred.Text ...

  10. [AI开发]一个例子说明机器学习和深度学习的关系

    深度学习现在这么火热,大部分人都会有‘那么它与机器学习有什么关系?’这样的疑问,网上比较它们的文章也比较多,如果有机器学习相关经验,或者做过类似数据分析.挖掘之类的人看完那些文章可能很容易理解,无非就 ...