关于使用rap2接口模拟数据

我们知道,作为一名前端程序员,最主要的工作就是将后端所提供的数据通过合理地传送,呈现在页面呈现在用户面前,使用户可以直观地获得所需要的信息。然而在实际工作中,前后端的搭建工作往往是同时进行的,所以在写前端页面时常常会遇到后端并没有完成数据接口的递接的情况,这个时候显然不可能停下去等后端的数据,使用模拟数据就显得十分必要了。在这里简单介绍一下rap2模拟数据的简单用法。
### rap2使用方法
rap2地址 rap2地址.
1. 登录注册
点击地址进入rap2之后进行登录,新用户需要注册。
2.创建仓库
登陆成功之后点击header部分的仓库选项进入仓库,在这里可以查看并操作之前创建的仓库,或者新建仓库。在这里点击右上角新建仓库,弹出新建仓库面板。
新建仓库
在这里编辑仓库名称等信息,然后提交即可成功创建新的仓库。之后在仓库页面会显示新建的仓库,点击仓库名称进入编辑仓库的页面。
3.编辑仓库
编辑仓库
在此页面点击新建接口,然后选中新建的接口点击右上角的编辑开始编辑接口中的数据。在响应内容中点击+,新建一个目录,一般第一项用来给前端页面请求判断是否请求成功,所以第一行通常填入code,类型选择number,初始值为200表示连接成功。
接下来在同级可以创建body对象,用来存放页面所需的数据,也可以根据需要创建一些子目录来分别存放,类型为对象。之后便可以填入所要模拟的数据信息。以下列出一些常用到的数据类型。
常用数据类型
简单介绍以下这些常用的数据定义方式:
a.模拟名字:初始值设置为@name(a,b),如果需要的是中文格式可设置为@cname(a,b),其中参数a,b分别为最小程度和最大长度,将会随机生成长度在ab之间的随机名字。
b.模拟文字:初始值设置@word,随机生成字符串。
c.模拟整数:初始值设置为@int(a,b),随机生成整数,整数大小在a,b之间。
d.模拟小数: 初始值设置为@float(a,b,c,d),随机生成小数,小数的整数部分大小在a,b之间,小数部分的保留长度在c和d之间。
e.模拟数组:很多数据信息包括一些可选项目,这个时候就需要模拟数组来产生多个匹配项,比如图中以size为例,类型选择数组,初始值为数组形式,数组每个值加引号写在数组中,这样size对应的值就是一个数组。
f.模拟图片:许多数据都会包含图片,在这里通过模拟图片互生成一个随机图片地址,图片的样式可以定义,初始值设置为[’@image(width x height,@color,#fff,png,@word)’],其中@image为生成随机图片,width x height设置图片的宽和高,@color设置图片背景为随机颜色,#fff位置为颜色值,可写入想要的十六进制颜色值作为图片的前景色,png位置为图片格式,常用的有png,img等,@word在图片上生成随机文字。类型栏需选择为数组格式。

以上只列出了一些常用的需要模拟的数据的生成方式,还有很多在这里就不一一列举了。

4.获得数据接口
在完成数据的编辑之后,点击保存将模拟的数据保存在库中。
获取接口
点击地址后的链接将跳转到数据的地址,地址栏里的地址就是数据接口,复制之后就可以拿到前端js代码中使用啦

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值