应用node+express+mysql 实现简单的增删改查

记录下来备忘

1、准备好webstrom编辑器，编辑器调整字体大小等在file->settings->editor下设置注册码来源网上：

2017.2.27更新
选择“license server” 输入：http://idea.imsxm.com/

2、准备好 mysql 因为我本机有安装xampp 所以不需要单独准备mysql数据库如果没有需要安装，安装了mysql的Navicat Premium管理工具。

3、查看下本机node和express是否安装版本node -v express --version

4 、打开webstrom新建工程File->New->Project->nodejs

手动更改views下支持的模板文件格式，现在views下都是ejs文件，修改 app.js

app.set('views', path.join(__dirname, 'views'));

var template = require('art-template');

template.config('base', '');

template.config('extname', '.html');

app.engine('.html', template.__express);

app.set('view engine', 'html');

这期中有个坑，安装art-template 需要安装art-template 3.0.3 默认安装4以上版本会出现template.config不是函数的错误

可能art-template 4 换其他的方法了。

新建数据库略过

在routes下新建db.js 连接数据库

//db.js

//连接mysql

var mysql = require('mysql');

var pool = mysql.createPool({

    host:'localhost',

    user:'root',

    password:'',

    database:'testdb'

})

function query(sql, callback) {

    pool.getConnection(function (err, connection) {

        // Use the connection

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

            callback(err, rows);

            connection.release();//释放链接

        });

    });

}

exports.query = query;

在views下新建users.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>{{title}}</title>

</head>

<body>

<form method="post" action="/users/search">

    姓名：<input type="text" value="{{s_name}}" name="s_name">

    年龄：<input type="text" value="{{s_age}}" name="s_age">

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

</form>

<table>

    <tr>

        <th>编号</th>

        <th>姓名</th>

        <th>年龄</th>

        <th>操作</th>

    </tr>

    {{each datas as value index}}

    <tr>

        <td>{{value.id}}</td>

        <td>{{value.name}}</td>

        <td>{{value.age}}</td>

        <td><a href="/users/add">新增</a></td>

        <td><a href="/users/del/{{value.id}}">删除</a></td>

        <td><a href="/users/toUpdate/{{value.id}}">修改</a></td>

    </tr>

    {{/each}}

</table>

</body>

</html>

在routes下新建user.js

var express = require('express');

var router = express.Router();

var db = require('./db.js');

/* GET users listing. */

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

  db.query('select * from userinfo',function(err,rows){

    if(err){

      res.render('users',{title:'Express',datas:[]});

    }else{

      res.render('users',{title:'Express',datas:rows});

    }

  })

});

//新增

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

  res.render('add');

})

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

  var name = req.body.name;

  var age = req.body.age;

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

    if(err){

      res.end("新增失败");

    }else{

      res.redirect('/users');

    }

  });

})

//删除

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

  var id = req.params.id;

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

      if(err){

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

      }else{

        res.redirect("/users");

      }

  })

})

//修改

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

    var id = req.params.id;

    db.query("select * from userinfo where id=" + id, function (err, rows) {

        if (err) {

            res.end('修改页面跳转失败：' + err);

        } else {

            res.render("update", {datas: rows});       //直接跳转

        }

    });

});

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

    var id = req.body.id;

    var name = req.body.name;

    var age = req.body.age;

    db.query("update userinfo set name='" + name + "',age='" + age + "' where id=" + id, function (err, rows) {

        if (err) {

            res.end('修改失败：' + err);

        } else {

            res.redirect('/users');

        }

    });

});

//查询

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

    var name = req.body.s_name;

    var age = req.body.s_age;

    var sql = "select * from userinfo";

    if (name) {

        sql += " and name='" + name + "' ";

    }

    if (age) {

        sql += " and age=" + age + " ";

    }

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

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

        if (err) {

            res.end("查询失败：", err)

        } else {

            res.render("users", {title: 'Express', datas: rows, s_name: name, s_age: age});

        }

    });

});

//

module.exports = router;

新增页面add.html

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

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

可以简单遍历数据库字段到页面。

参考 http://www.cnblogs.com/zhengyeye/p/nodejs.html 感谢原作者

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

使用 NodeJS+Express+MySQL 实现简单的增删改查
关于node.js暂时记录如下,以后有时间一定学习文章来自简书,作者:sprint,2016-07 使用 Node.js + Express+MySQL 实现简单的增删改查 https://www. ...
利用Express+MySQL进行简单的增删改查
前言: 随着JavaScript语言的快速发展,其功能越来越强大,能做的事情也越来越多. 目前,web前端工程师能够利用NodeJS搭建服务,也成为了越来越多互联网公司对前端开发的硬性要求. 本文主要 ...
python操作三大主流数据库(2)python操作mysql②python对mysql进行简单的增删改查
python操作mysql②python对mysql进行简单的增删改查 1.设计mysql的数据库和表 id:新闻的唯一标示 title:新闻的标题 content:新闻的内容 created_at: ...
基于nodejs+express+mysql+webstorm+html的增删改查
一.工具准备 Nodejs框架,WebStorm.Mysql服务.Navicat.此篇文章只讲项目的搭建过程,至于Nodejs,WebStorm.Mysql的下载.安装与配置网上资源很多,请自行查阅, ...
Node.js + MySQL 实现数据的增删改查
通过完成一个 todo 应用展示 Node.js + MySQL 增删改查的功能.这里后台使用 Koa 及其相应的一些中间件作为 server 提供服务. 初始化项目 $ mkdir node-cru ...
mysql实现简单的增删改查,放入xmapp自带数据库中
1.mysql概念:SQL-Structured Query Language,是一种特殊的语言,专用于操作关系型数据库服务器中的数据,所有的SQL语句分为四类: (1)DDL(2)DQL(3)DML ...
python之MySQL学习——简单的增删改查封装
1.增删改查封装类MysqlHelper.py import pymysql as ps class MysqlHelper: def __init__(self, host, user, passw ...
通过JDBC进行简单的增删改查（以MySQL为例）目录
通过JDBC进行简单的增删改查(以MySQL为例) 目录前言:什么是JDBC 一.准备工作(一):MySQL安装配置和基础学习二.准备工作(二):下载数据库对应的jar包并导入三.JDBC基本操 ...
Java通过JDBC进行简单的增删改查（以MySQL为例）
Java通过JDBC进行简单的增删改查(以MySQL为例) 目录: 前言:什么是JDBC 一.准备工作(一):MySQL安装配置和基础学习二.准备工作(二):下载数据库对应的jar包并导入三.JD ...

随机推荐

ASP.NET 验证控件报错：WebForms UnobtrusiveValidationMode 需要“jquery”ScriptResourceMapping。
在Visual Studio 2012中添加并使用验证控件时,可能会遇到如下的错误: WebForms UnobtrusiveValidationMode 需要“jquery”ScriptResour ...
Linux性能检测常用的10个基本命令
检测性能的10个命令汇总 uptim dmesg | tail vmstat 1 mpstat -P ALL 1 pidstat 1 iostat -xz 1 free -m sar -n DEV 1 ...
【树形dp】bzoj4726: [POI2017]Sabota?
找点概率期望的题做一做 Description 某个公司有n个人, 上下级关系构成了一个有根树.其中有个人是叛徒(这个人不知道是谁).对于一个人, 如果他下属(直接或者间接, 不包括他自己)中叛徒占 ...
[BZOJ] 1441 Min
题意:给一堆数ai,求S=Σxiai,使得S最小且为正整数根据裴蜀定理,一定存在ax+by=gcd(a,b),同理可以推广到n个整数也就是说,在不考虑正负的情况下,所有数的gcd就是所求 #inc ...
python-类与继承
类的继承什么是继承? 继承是一种新建类的方式,新建的类称为子类,被继承的类称为父类.python中,父类.子类(派生类)只有在继承的时候才会产生. 继承的特性:子类会继承父类所有的属性. 为什么要用 ...
Python中变量的作用域
一.变量作用域的含义变量的作用域说白了就是变量的值从哪里获取,或者说变量取值的地方我们在写代码过程中会用到很多变量,这些变量会出现在各种代码块中,有的出现在函数块里,有的在函数块外,例如: def ...
graph-SCC
strongly connected component(SCC): 里面的任一对顶点都是互相可达的. 一个有向图,将每个SCC缩成一个点,那么这个图就变成了DAG(有向无环图). 原图进行DFS之后 ...
数学基础：HDU2802-F(N)（寻找循环节）
F(N) Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others) Total Submissi ...
笔记-python-*号解包
笔记-python-*号解包在码代码时发现*号可以这样使用: str = ["abcd", "abce", "abcf"]st = &qu ...
WPF触控程序开发(三)——类似IPhone相册的反弹效果
用过IPhone的都知道,IPhone相册里,当图片放大到一定程度后,手指一放,会自动缩回,移动图片超出边框后手指一放,图片也会自动缩回,整个过程非常和谐.自然.精确,那么WPF能否做到呢,答案是肯定 ...

应用node+express+mysql 实现简单的增删改查

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

随机推荐

热门专题