Express
Express工程環境配置
安裝express
npm install express -g-
Express項目組織生成器自動生成工程結構
image.png
??<small>/bin: 用于應用啟動
??/public: 靜態資源目錄
??/routes：可以認為是controller（控制器）目錄
??/views: jade模板目錄，可以認為是view(視圖)目錄
??app.js 程序main文件</small> -
進入工程，安裝npm install依賴，然后執行npm start啟動程序，在瀏覽器中訪問對應的端口，就會看到如下結果：
E:\nodeTest>npm start> nodetest@0.0.0 start E:\nodeTest > node ./bin/www --debug addr: [object Object] Listening on port 80 GET / 200 30.455 ms - 170 GET /stylesheets/style.css 200 3.780 ms - 111
編寫相關代碼，整合Express+MySQL
-
新建幾個目錄
<small>在工程的根目錄新建三個目錄：
??util – 工具方法
??conf – 配置
??dao – 與數據庫交互
目錄結構如下：</small>
image.png - 在conf目錄中配置mySQL數據庫的連接
/**
* Created by hzlinchanglong on 2017/1/23.
*/
// conf/db.js
// MySQL數據庫聯接配置
module.exports = {
mysql: {
host: '127.0.0.1',
user: 'root',
password: '631020',
database:'client', // 前面建的user表位于這個數據庫中
port: 3306
}
}; - 編寫SQL語句
/**
* Created by hzlinchanglong on 2017/1/23.
*/
// dao/personSqlMapping.js
// CRUD SQL語句
var person = {
insert:'insert into person(id, name, sex, isVip, address) values(0,?,?,?,?)',
update:'update person set name=?, sex=?, isVip=?, address=? where id=?',
delete: 'delete from person where id=?',
queryById: 'select * from person where id=?',
queryAll: 'select * from person'
};
module.exports = person;
-
在/routes/users.js中添加路由
var express = require('express');
var router = express.Router();
var userDao = require('../dao/userDao');/* GET users listing. */ router.get('/', function(req, res, next) { res.render('updateUser'); }); // 增加用戶 router.get('/addUser', function(req, res, next) { userDao.add(req, res, next); }); router.get('/queryAll', function(req, res, next) { userDao.queryAll(req, res, next); }); router.get('/query', function(req, res, next) { userDao.queryById(req, res, next); }); router.get('/deleteUser', function(req, res, next) { userDao.delete(req, res, next); }); router.post('/updateUser', function(req, res, next) { userDao.update(req, res, next); }); module.exports = router; -
在/dao/userDao.js中實現add、delete、update、queryById、queryAll方法
/**
* Created by hzlinchanglong on 2017/1/23.
*/
// dao/userDao.js
// 實現與MySQL交互
var mysql = require('mysql');
var $conf = require('../conf/db');
var $util = require('../util/util');
var $sql = require('./personSqlMapping');// 使用連接池，提升性能 var pool = mysql.createPool($util.extend({}, $conf.mysql)); // 向前臺返回JSON方法的簡單封裝 var jsonWrite = function (res, ret) { if(typeof ret === 'undefined') { res.json({ code:'1', msg: '操作失敗' }); } else { res.json(ret); } }; module.exports = { 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.sex, param.isVip, param.address], function(err, result) { // 以json形式，把操作結果返回給前臺頁面 jsonWrite(res, result); // 釋放連接 connection.release(); }); }); }, delete: function (req, res, next) { // delete by Id pool.getConnection(function(err, connection) { var id = +req.query.id; connection.query($sql.delete, id, function(err, result) { if(result.affectedRows > 0) { result = { code: 200, msg:'刪除成功' }; } else { result = void 0; } jsonWrite(res, result); connection.release(); }); }); }, update: function (req, res, next) { // update by id // 為了簡單，要求同時傳name和age兩個參數 var param = req.body; if(param.name == null || param.sex == null || param.id == null || param.address == null || param.isVip == null) { return; } pool.getConnection(function(err, connection) { connection.query($sql.update, [param.name, param.sex, param.isVip, param.address, +param.id], function(err, result) { // 使用頁面進行跳轉提示 console.log('err:' + err); if(result.affectedRows > 0) { res.render('suc', { result: result }); // 第二個參數可以直接在jade中使用 } else { res.render('fail', { result: 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) { jsonWrite(res, result); connection.release(); }) }) }, queryAll: function (req, res, next) { pool.getConnection(function(err, connection) { connection.query($sql.queryAll, function(err, result) { jsonWrite(res, result); connection.release(); }); }); } }; 在/views目錄新建三個jade文件
<small>updateUser.jade</small>
//
Created by hzlinchanglong on 2017/1/24.
extends layout
block content
h1 更新用戶資料
form(method='post', action='/users/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 sex:
input(type='text',name='sex')
div.form-row
label
span isVip:
input(type='text',name='isVip')
div.form-row
label
span address:
input(type='text',name='address')
div.form-row
input(type='submit')
<small>fail.jade</small>
//
Created by hzlinchanglong on 2017/1/24.
block content
h1 操作失敗！
pre #{JSON.stringify(result)}
<small>suc.jade<small>
//
Created by hzlinchanglong on 2017/1/24.
block content
h1 操作成功！
pre #{JSON.stringify(result)}
<small>在瀏覽器中運行的結果如下：</small>
