# 簡介 [Mock.js](http://mockjs.com/)是一款模擬數據生成器，旨在幫助前端攻城師獨立于后端進行開發，幫助編寫單元測試。 提供了以下模擬功能： * 根據數據模板生成模擬數據 * 模擬 Ajax 請求，生成并返回模擬數據 * 基于 HTML 模板生成模擬數據 # 安裝 ~~~shell # 安裝 npm install mockjs ~~~ ~~~js // 使用 Mock var Mock = require('mockjs') var data = Mock.mock({ // 屬性 list 的值是一個數組，其中含有 1 到 10 個元素 'list|1-10': [{ // 屬性 id 是一個自增數，起始值為 1，每次增 1 'id|+1': 1 }] }) // 輸出結果 console.log(JSON.stringify(data, null, 4)) ~~~ # 使用Mock.js生成API請求列表數據 ``` const Mock = require('mockjs') export default { getList(map = {}) { return new Promise((resolve, reject) => { //返回分頁數據 let mockOption = { errno: 0, errmsg: '獲取信息成功', data: { count: 28, totalPages: 3, pageSize: () => { return parseInt(map.pageSize || 10); }, currentPage: () => { return parseInt(map.page || 1); }, 'data|10': [{ 'id': '@increment()', "title": "少兒編程能力培訓項目", //項目名稱 "abstract": "@cparagraph(3,5)", "cover_image": "@image('200x150','#FF6600','Project')", }] } } resolve(Mock.mock(mockOption)) }); }, getInfo(id, map = {}) { return new Promise((resolve, reject) => { let mockOption = { errno: 0, errmsg: '獲取信息成功', 'data': { 'id': '@increment()', "title": "少兒編程能力培訓項目", //項目名稱 "cover_image": "@image('750x350','#FF6600','SYB Project')", "abstract": "@cparagraph(5,10)", //項目簡介 "description": "@cparagraph(10, 20)", //項目描述 "highlights": "@cparagraph(3, 5)", //項目亮點 "market_analysis": "@cparagraph(4, 20)", //市場分析 "financing_plan": "@cparagraph(3, 5)", //融資計劃 "financing_demand": "@cparagraph(3, 5)", //融資需求 "team_characteristics": "@cparagraph(3, 5)", //團隊特色 "talent_demand": "@cparagraph(3, 5)", //人才需求 "business_data_highlights": "@cparagraph(3, 5)", //運營數據亮點 "images|1-3": [ "@image('750x350','#FF6600','SYB')", "@image('750x350','#4A7BF7','SYB')", ] } } resolve(Mock.mock(mockOption)) }) }, } ```