开始 & 安装
语法规范
Mock.mock()
Mock.setup()
Mock.Random
Basic
Date
Image
Color
Text
Name
Web
Address
Helper
Miscellaneous
Mock.valid()
Mock.toJSONSchema()
开始 & 安装 - mock.js文档 - 笔下光年
网站首页
开始 & 安装
## Node (CommonJS) ``` # 安装 npm install mockjs ``` ```javascript // 使用 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)) ``` ## Bower ``` # 安装 npm install -g bower bower install --save mockjs ``` ```html <script type="text/javascript" src="./bower_components/mockjs/dist/mock.js"></script> ``` ## RequireJS (AMD) ```javascript // 配置 Mock 路径 require.config({ paths: { mock: 'http://mockjs.com/dist/mock' } }) // 加载 Mock require(['mock'], function(Mock){ // 使用 Mock var data = Mock.mock({ 'list|1-10': [{ 'id|+1': 1 }] }) // 输出结果 document.body.innerHTML += '<pre>' + JSON.stringify(data, null, 4) + '</pre>' }) ``` ``` // ==> { "list": [ { "id": 1 }, { "id": 2 }, { "id": 3 } ] } ``` [JSFiddle](https://jsfiddle.net/nzcsxd76/ "JSFiddle") ## Sea.js (CMD) 因为 Sea.js 社区尚未提供 webpack 插件,所以 Mock.js 暂不完整支持通过 Sea.js 加载。 一种变通的方式是,依然通过 Sea.js 配置和加载 Mock.js,然后访问全局变量 Mock。 ```javascript // 配置 Mock 路径 seajs.config({ alias: { mock: 'http://mockjs.com/dist/mock.js' } }) // 加载 Mock seajs.use('mock', function(__PLACEHOLDER) { // 使用 Mock(全局变量) var data = Mock.mock({ 'list|1-10': [{ 'id|+1': 1 }] }); document.body.innerHTML += '<pre>' + JSON.stringify(data, null, 4) + '</pre>' }) ``` [JSFiddle](https://jsfiddle.net/3za48nwd/1/ "JSFiddle") ## Random CLI ``` # 全局安装 $ npm install mockjs -g # 执行 $ random url # => http://rmcpx.org/funzwc # 帮助 random -h ```
下一篇:
语法规范