使用RAP2模拟假数据实现前后端分离
时间:2022-07-23
本文章向大家介绍使用RAP2模拟假数据实现前后端分离,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
一、为什么使用RAP2
在一个项目的开发中,在页面需要使用大量数据进行渲染生成前,后端开发人员的接口可能还没有写完, 当前端没有后端数据支持的情况下,我们使用mock.js
(mock.js用于生成随机数据,拦截ajax请求)模拟假数据,实现前后端分离。开发中我们也可以使用RAP2
(这里面生成的数据基于mock.js)在线模拟假数据。
二、关于RAP2的一些学习网址
http://mockjs.com/ mock.js网址 http://rap2.taobao.org/ RAP2网址 https://github.com/thx/rap2-delos RAP2官方文档 https://github.com/nuysoft/Mock/wiki/Syntax-Specification mock.js语法规范文档
三、与RAP2同类型的jsonplaceholder
jsonplaceholder也是模拟假数据,和RAP2差别是jsonplaceholder模拟出来的假数据只有固定值。
四、RAP2使用步骤
- 进入RAP2网址账号注册成功以后,我们首先创建一个项目仓库,如下图所示:
- 仓库建好以后,我们进入仓库,点击新建接口
- 新建接口完毕以后,我们可以看到如下图所示,我们点击商品列表,右图可以根据设置请求参数,和响应内容(点击绿色的编辑按钮),右图中还有一个地址,点击这个地址,进入以后内容如图pic_6所示
- 接下来设置请求参数和响应参数,这里以响应参数举例,点击响应内容右边的新建创建响应属性,如下图所示:
- 根据所创建的数据类型不同,左侧会出现pic_8所示“+”号,点击“+”号可以向其内部添加属性,
图pic_8为按照填写的生成规则生成的响应数据。【
生成规则
有7中格式,关于生成规则可以查看文章开头的链接mock.js语法规范文档】,例如图pic_8中data
属性的生成规则为9,表示生成9个元素。id
属性的生成规则为1-9999,表示生成1-9999的随机数字。
-
mock.js
文档中关于mock.random
的方法在数据模板中称为『占位符』,书写格式为@占位符(参数 [, 参数])
,可以用在初始值的设置中,随机生成一段内容。
- 14(02)正则表达式,Pattern,Mactcher,Math,BigInteger,BigDeximal,System等
- R语言 判别分析
- Apache、struts1、struts2文件上传下载的3种方式
- 解析实时的DB time过程分析(r6笔记第35天)
- sql嵌入html格式显示报表(r6笔记第34天)
- hive计算日期差函数datediff,hive修改日期连接符
- 深度学习界的 “吃鸡挂”——目标检测 SSD 实验
- Hadoop查看所有JOB以及如何Kill指定用户的所有Job
- Java基础-23(01)总结多线程,线程实现Runnable接口,线程名字获取和设置,线程控制,线程安全,同步线程
- ORA-01427问题的分析和解决(r6笔记第51天)
- 从编程实现角度学习 Faster R-CNN(附极简实现)
- Java基础-23(02)总结多线程,线程实现Runnable接口,线程名字获取和设置,线程控制,线程安全,同步线程
- 8 个最好的 Java RESTful 框架
- 【C++基础】C++11 lambda 表达式解析
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法