Mock.js + RAP 使用介绍
问题
前后端分离开发开发过程当中,经常会遇到以下几个尴尬的场景:
- 1、前端开发依赖于后端接口数据,需要与后端接口联调才能获得数据展示,从而拖慢了开发进度;
- 2、没有一个很好的结构化接口文档管理工具,能够对项目中所用到的接口进行管理。如一个请求的地址、有几个参数、参数名称及类型含义等等。同时支持项目、历史版本的切换。
什么是Mock
Mock = 生成模拟数据
Mock.js
引用官方的解释
Mock.js is a simulation data generator to help the front-end to develop and prototype separate from the back-end progress and reduce some monotony particularly while writing automated tests.
Mock.js 是一个模拟数据的生成器,用来帮助前端调试开发、进行前后端的原型分离以及用来提高自动化测试效率。
Features
- Generate simulated data according to the data template
- Provide request/response mocking for ajax requests
Generate simulated data according to HTML-based templates
Mock.mock()
方法 | 含义 |
---|---|
Mock.mock( template ) | 根据数据模板生成模拟数据。 |
Mock.mock( rurl, template ) | 记录数据模板。当拦截到匹配 rurl 的 Ajax 请求时,将根据数据模板 template 生成模拟数据,并作为响应数据返回。 |
Mock.mock( rurl, function( options ) ) | 记录用于生成响应数据的函数。当拦截到匹配 rurl 的 Ajax 请求时,函数 function(options) 将被执行,并把执行结果作为响应数据返回。 |
Mock.mock( rurl, rtype, template ) | 记录数据模板。当拦截到匹配 rurl 和 rtype 的 Ajax 请求时,将根据数据模板 template 生成模拟数据,并作为响应数据返回。 |
Mock.mock( rurl, rtype, function( options ) ) | 记录用于生成响应数据的函数。当拦截到匹配 rurl 和 rtype 的 Ajax 请求时,函数 function(options) 将被执行,并把执行结果作为响应数据返回。 |
Mock.Random
Mock.Random 是一个工具类,用于生成各种随机数据。
Basic
方法 | 含义 |
---|---|
Random.boolean( min?, max?, current? ) | 返回一个随机的布尔值。 |
Random.natural( min?, max? ) | 返回一个随机的自然数(大于等于 0 的整数)。 |
Random.integer( min?, max? ) | 返回一个随机的整数。 |
Random.float( min?, max?, dmin?, dmax? ) | 返回一个随机的浮点数。 |
Random.character( pool? ) | 返回一个随机字符 |
Random.string( pool?, min?, max? ) | 返回一个随机字符串。 |
Date
方法 | 含义 |
---|---|
Random.date |