express+html+mysql动态可编辑表格

https://www.cnblogs.com/-nothing-/p/4943354.html
1、安装ejs
在项目根目录安装ejs.
npm install ejs
2、引入ejs
var ejs = require('ejs'); //我是新引入的ejs插件
3、设置html引擎
app.engine('html', ejs.__express);
设置视图引擎
app.set('view engine', 'html');
保存后重启服务，即可访问html文件。

可编辑表格

数据库

参考
http://www.cnblogs.com/zhengyeye/p/nodejs.html#3947308
http://www.cnblogs.com/zhengyeye/p/8796032.html
nodejs连接mysql操作：http://www.runoob.com/nodejs/nodejs-mysql.html
express框架学习：http://www.runoob.com/nodejs/nodejs-express-framework.html
react app+express:https://segmentfault.com/a/1190000009782180
db.js

var mysql      = require('mysql');
var pool = mysql.createPool({
    host     : 'localhost',       
    user     : 'root',              
    password : '123456',       
    port: '3306',                   
    database: 'test', 
});

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;

user.js

var express = require('express');
var router = express.Router();
//引入数据库包
var db = require("./db.js");


/**
 * 查询列表页
 */
router.get('/', function (req, res, next) {
  db.query('select * from userinfo', function (err, rows) {
    console.log('==========');
        if (err) {
            res.render('users.html', {title: 'Express', datas: []});  // this renders "views/users.html"
        } else {
            res.render('users.html', {title: 'Express', datas: rows});
        }
    })
});

/**
 * 新增页面跳转
 */

router.get('/add', function (req, res) {
    res.render('user.html');
});
router.post('/add', function (req, res) {
    var name = req.body.name;
    db.query("insert into userinfo(name) values('" + name + "')", function (err, rows) {
        if (err) {
            res.end('新增失败：' + err);
        } 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("user.html", {datas: rows});       //直接跳转
        }
    });
});
router.post('/update', function (req, res) {
    var id = req.body.id;
    var name = req.body.name;
    var pid = req.body.pid;
    var pm = req.body.pm;
    var stime = req.body.stime;
    var etime = req.body.etime;
    var isend = req.body.isend;
    var remark = req.body.remark;
    db.query("update userinfo set name='"+name+"',pid='"+pid+"',pm='"+pm+"',stime='"+stime+"' ,etime='"+etime+"' ,isend='"+isend+"' ,remark='"+remark+"' where id=" + id, function (err, rows) {
        if (err) {
            res.end('修改失败：' + err);
        } else {
            res.redirect('/users');
        }
    });
});
module.exports = router;

app.js

    
    





    {% for item in datas %}
    
    {% endfor %}

    

            
功能序号
            
功能名称
            
父功能序号
            
负责人
            
开始时间
            
结束时间
            
是否完成
            
备注
            
操作
    

    

        
{{item.id}}
        
{{item.name}}
        
{{item.pid}}
        
{{item.pm}}
        
{{item.stime}}
        
{{item.etime}}
        
{{item.isend}}
        
{{item.remark}}
       
        

            删除