nodejs腳手架express-generator

1.安裝生成器

npm install express-generator -g

2. 創建名稱為APP的應用：

express my-project

3.安裝依賴包

cd my-project

npm install

4、啟動應用

npm start

5、在瀏覽器中使用 localhost:3000訪問

　　默認的端口就是3000

　　更改端口：

　　　　路徑：app/bin/www

　　　　var port = normalizePort(process.env.PORT || '3000');

 6、設置請求跨域頭

// app.js

app.all('*', function(req, res, next) {
  res.header("Access-Control-Allow-Origin", "http://localhost:3000");
  res.header("Access-Control-Allow-Origin", "http://localhost:8080");
  res.header("Access-Control-Allow-Origin", "http://127.0.0.1:8080");
  // res.header("Access-Control-Allow-Origin", "*");
  res.header("Access-Control-Allow-Headers", "X-Requested-With,Content-Type");
  res.header("Access-Control-Allow-Methods","PUT,POST,GET,DELETE,OPTIONS");
  next();
});

 

注：該模板默認用的是 .jade 文件作為模板渲染 若要使用 ejs 可按照一下方法配置

1、安裝 ejs

npm install ejs -S

2、在app.js中添加一下代碼

var ejs = require('ejs');
app.engine('.html', ejs.__express);
app.set('view engine', 'html');

3、將view文件夾中的模板替換成  .html 文件即可（每次配置一個路由需要重新啟動一下服務器）

 參考文檔：

https://www.jianshu.com/p/b555ba6f4067

 

mysql數據庫配置

1、安裝mysql

npm install mysql -S

 2、建立對應的文件

//mysql.js
// MySQL數據庫聯接配置封裝
var mysql = {
    host: '127.0.0.1',
    user: 'root',
    password: 'tll456456',
    database: 'test',
    port: 3306
};
module.exports = mysql;

 

//handel.js
/*
    數據增刪改查模塊封裝
    req.query 解析GET請求中的參數 包含在路由中每個查詢字符串參數屬性的對象，如果沒有則為{}
    req.params 包含映射到指定的路線“參數”屬性的對象,如果有route/user/：name，那么“name”屬性可作為req.params.name
    req.body通常用來解析POST請求中的數據
     +req.query.id 可以將id轉為整數
 */
// 引入mysql
var mysql = require('mysql');
// 引入mysql連接配置
var mysqlconfig = require('../config/mysql');
// 引入連接池配置
var poolextend = require('./poolextend');
// 引入SQL模塊
var sql = require('./sql');
// 引入json模塊
var json = require('./json');
// 使用連接池，提升性能
var pool = mysql.createPool(poolextend({}, mysqlconfig));
var userData = {
    add: function(req, res, next) {
        pool.getConnection(function(err, connection) {
            var param = req.query || req.params;
            connection.query(sql.insert, [param.id, param.name, param.age], function(err, result) {
                if (result) {
                    result = 'add'
                }
                // 以json形式，把操作結果返回給前台頁面
                json(res, result);
                // 釋放連接 
                connection.release();
            });
        });
    },
    delete: function(req, res, next) {
        pool.getConnection(function(err, connection) {
            var id = +req.query.id;
            connection.query(sql.delete, id, function(err, result) {
                if (result.affectedRows > 0) {
                    result = 'delete';
                } else {
                    result = undefined;
                }
                json(res, result);
                connection.release();
            });
        });
    },
    update: function(req, res, next) {
        var param = req.body;
        if (param.name == null || param.age == null || param.id == null) {
            json(res, undefined);
            return;
        }
        pool.getConnection(function(err, connection) {
            connection.query(sql.update, [param.name, param.age, +param.id], function(err, result) {
                if (result.affectedRows > 0) {
                    result = 'update'
                } else {
                    result = undefined;
                }
                json(res, result);
                connection.release();
            });
        });
    },
    queryById: function(req, res, next) {
        var id = +req.query.id;
        pool.getConnection(function(err, connection) {
            connection.query(sql.queryById, id, function(err, result) {
                if (result != '') {
                    var _result = result;
                    result = {
                        result: 'select',
                        data: _result
                    }
                } else {
                    result = undefined;
                }
                json(res, result);
                connection.release();
            });
        });
    },
    queryAll: function(req, res, next) {
        pool.getConnection(function(err, connection) {
            connection.query(sql.queryAll, function(err, result) {
                if (result != '') {
                    var _result = result;
                    result = {
                        result: 'selectall',
                        data: _result
                    }
                } else {
                    result = undefined;
                }
                json(res, result);
                connection.release();
            });
        });
    }
};
module.exports = userData;

 

//json.js
//封裝接送模塊
var json = function(res, result) {
    if (typeof result === 'undefined') {
        res.json({
            code: '1',
            msg: '操作失敗'
        });
    } else if (result === 'add') {
        res.json({
            code: '200',
            msg: '添加成功'
        });
    } else if (result === 'delete') {
        res.json({
            code: '200',
            msg: '刪除成功'
        });
    } else if (result === 'update') {
        res.json({
            code: '200',
            msg: '更改成功'
        });
    } else if (result.result != 'undefined' && result.result === 'select') {
        res.json({
            code: '200',
            msg: '查找成功',
            data: result.data
        });
    } else if (result.result != 'undefined' && result.result === 'selectall') {
        res.json({
            code: '200',
            msg: '全部查找成功',
            data: result.data
        });
    } else {
        res.json(result);
    }
};
module.exports = json;

 

//poolextent.js
// 連接池擴展封裝
var poolextend = function(target, source, flag) {
    for (var key in source) {
        if (source.hasOwnProperty(key)) {
            flag ? (target[key] = source[key]) : (target[key] === void 0 && (target[key] = source[key]));
        }
    }
    return target;
}
module.exports = poolextend;

 

//sql.js
// SQL語句封裝
var user = {
    insert:'INSERT INTO user(id, name, age) VALUES(?,?,?)',
    update:'UPDATE user SET name=?, age=? WHERE id=?',
    delete: 'DELETE FROM user WHERE id=?',
    queryById: 'SELECT * FROM user WHERE id=?',
    queryAll: 'SELECT * FROM user'
};
module.exports = user;

 

//router/index.js
var express = require('express');
var router = express.Router();
var user = require('../modules/handle');
/* GET users listing. */
router.get('/', function(req, res, next) {
  res.render('index', { title: 'SQL for MySQL' });
});
router.get('/addUser', function(req, res, next) {
    user.add(req, res, next);
});
router.get('/queryAll', function(req, res, next) {
    user.queryAll(req, res, next);
});

router.get('/query', function(req, res, next) {
    user.queryById(req, res, next);
});
router.get('/deleteUser', function(req, res, next) {
    user.delete(req, res, next);
});
router.get('/update', function(req, res, next) {
    res.render('update');
});
router.post('/updateUser', function(req, res, next) {
    user.update(req, res, next);
});
module.exports = router;

 

//index.jade
extends layout

block content
  h1= title
  p
  a(class={active: currentUrl === '/'} href='/queryAll')     數據查詢

  p
  a(class={active: currentUrl === '/'} href='/query?id=1')     定向查詢

  p
  a(class={active: currentUrl === '/'} href='/addUser?id=0&name=xyz&age=18')    數據插入

  p
  a(class={active: currentUrl === '/'} href='/update')   數據更新

  p
  a(class={active: currentUrl === '/'} href='/deleteUser?id=0')    數據刪除
  p

 

//layout.jade
doctype html
html
  head
    title= title
    link(rel='stylesheet', href='/stylesheets/style.css')
  body
    block content

 

//update.jade
extends layout
block content
    h1 更新用戶資料
    form(method='post', action='updateUser')
        div.form-row
            label
                span ID:
                input(type='text',name='id')
        div.form-row
            label
                span name:
                input(type='text',name='name')
        div.form-row
            label
                span age:
                input(type='text',name='age')
        div.form-row
            input(type='submit')