Mock.js + RAP 使用介绍

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

方法	含义