Express + mockjs 實作資料模拟

Express

• 安裝Express

1. 項目安裝并添加到項目依賴中： npm install express --save
2. 臨時安裝不添加到項目依賴中：npm install express --no-save

3. 全局安裝： npm install express -g

   以上按需安裝即可.

• 使用 express 生成器 express-generator，快速大家一個express應用骨架

1. 安裝：

npm install express-generator -g
           

1. 建立應用：

express projectName
           

1. 安裝項目依賴

cd projectName
npm install
           

Mockjs

• 項目安裝mockjs

npm install mockjs --save
           

Express 中使用 mockjs,并實作跨域

var Mock = require("mockjs");
router.get('/api', function (req, res, next) {
    var cb = req.query.cb;
    var data = Mock.mock({
        'title': 'Syntax Demo',
        'string1|1-10': '★',
        'string2|3': 'value',
        'number1|+1': 100,
        'number2|1-100': 100,
        'number3|1-100.1-10': 1,
        'number4|123.1-10': 1,
        'number5|123.3': 1,
        'number6|123.10': 1.123,
        'boolean1|1': true,
        'boolean2|1-2': true,
        'object1|2-4': {
            '110000': '北京市',
            '120000': '天津市',
            '130000': '河北省',
            '140000': '山西省'
        },
        'object2|2': {
            '310000': '上海市',
            '320000': '江蘇省',
            '330000': '浙江省',
            '340000': '安徽省'
        },

        'array1|1': ['AMD', 'CMD', 'KMD', 'UMD'],
        'array2|1-10': ['Mock.js'],
        'array3|3': ['Mock.js'],

        'function': function () {
            return this.title
        }
    });
    var ret = JSON.stringify(data, null, 4);
    ret = cb + "(" + ret + ")";
    res.send(ret);
});
           

Express項目實時更新插件

npm install supervisor -g
           

• 運作項目：

supervisor  ./bin/www
           

參考網站

• express：http://www.expressjs.com.cn/
• mockjs：http://mockjs.com/