Mock.js 数据模拟、Rap2 接口可视化管理平台

一.Mock.js 数据模拟

• 参考博客：https://segmentfault.com/a/1190000008839142

二.Rap2 接口可视化管理平台

• 基于 Mock.js，根据约定接口，自动生成 模拟数据 

2.1 新建仓库

• 
• 一个项目建立一个仓库，仓库中存放这个项目的所有接口
• 操作说明：

1. 新建仓库：发起仓库新建操作
2. 仓库名称（必填）：建议与项目名称保持一致
3. 简介（非必填）：对仓库名称补充描述
4. 成员（非必填）：一般为项目的前后端开发人员，拥有这个仓库内接口的操作权限
5. 团队（非必填）：被添加的团队，团队内成员拥有这个仓库内接口的操作权限
6. 协同仓库ID（非必填）：当前仓库中无匹配接口时，从协同仓库中寻找，实现大项目按不同仓库拆分管理

2.2 新建模块

• 

 

• 仓库可以按照功能划分多个模块，每个模块放对应的接口
• 操作说明：

1. 新建模块：发起模块新建操作
2. 模块名称（必填）：按照 功能 划分模块
3. 模块简介（非必填）：对模块补充描述

2.3 新建接口

• 
• 操作说明：

1. 新建接口：发起接口新建操作
2. 名称（必填）：接口文本描述
3. 地址（必填）：接口的访问地址
4. 类型：请求类型
5. 请求码：http状态码
6. 简介：对接口补充描述

2.4 设置请求参数及响应结果

• 进入编辑状态后操作说明：

1. 这个区域可以设置：请求头、参数传输方式，这两个都要提前跟后端沟通好
2. 导入：提前跟后端定义好 JSON 格式对象，快速导入参数（导入），也可以单行导入（新建），具体参照下图：

• 选好模块及接口，进入接口编辑页面： 
• 

1. 新建按钮：是一个一个导入参数（基于可视化界面直接傻瓜式操作）
2. 导入按钮：是传入 json对象，批量导入参数（这个无法导入生成规则，需要导入完成后，手动添加生成规则）

• 
• 生成规则：竖线后面的那个，如果采用 导入 的形式，需要在导入完后，重新回归列表里设置生成规则
• 
• 注意：所有设置完成后，记得保存，否则接口不生效

 

2.5 接口访问地址

• 
• 
• 由于演示地址为 post请求，必须在 程序中 或 Postman 或 chrome扩展程序 等工具发起请求
• 地址说明：

1. 基础地址：对应生成环境中的项目服务地址
2. 接口地址：接口相对地址，定义时建议和实际接口保持一致，这样只需修改基础地址即可切换生产环境

2.6 生成规则 / 初始值

• 生成规则 / 初始值是配合着使用的，也可以单独设置一个，设置遵循 Mock.js 语法规范
• 生成10条数据 —— 把 生成规则 设置成10
• 生成12-20 间随机条数据 —— 把 生成规则 设置成12-20
• 让每条数据的初始值不一样，需要单独设置，添加 @ 符号
• ……
• Mock.js 示例文档与 Rap2 设置对应关系说明（有其他模拟数据需求，都可以查看 Mockjs 给出的示例）
• 

2.7 get 传值（不支持 restful）

• 
• 
•