RAP和mock.js模拟数据接口

这是个纯干货的文章,话不多说,开始我们的文章。
当我们还在开发阶段时,又没有数据供你调用,而再去开发后端来提供数据接口,将是一个麻烦且要花费长时间的事情,写个json表,也是难以支撑渐进式开发,这个时候就有了RAP这个网站,一个模拟后端数据接口的网站,再加上mock.js,就可以完成一个接近于真实数据接口的功能。而后期数据接口的开发再去对照RAP,可以更简单的完成数据结构。
先是介绍一下他们的用处,可能有点啰嗦,我们进入真正的正题。

注册RAP

注册RAP,请移步这里,RAP的注册步骤,我就不赘述了,和一般的网站注册一样

创建团队及建立RAP项目

注册好RAP后,我们要在里面创建一个我们自己的团队或者在已创建好的团队里创建我们的项目,如下图


RAP和mock.js模拟数据接口_第1张图片
rap-team

1.创建团队

点击创建团队后,进入填写团队信息的输入框,如下图


RAP和mock.js模拟数据接口_第2张图片
rap-team

最后确认创建就好了

2.建立RAP项目

创建完团队后就可以建立一个分组,用来存放我们的项目,如下图


RAP和mock.js模拟数据接口_第3张图片
rap-group

分组名称任意
添加完分组,即可在分组里添加项目,点击页面的加号图标,进入项目信息填写输入框,如下图


RAP和mock.js模拟数据接口_第4张图片
rap-program

项目名称可以选择你要做的项目名称,其他可不填

附:

也可以直接在我的主页里创建项目,如下图


RAP和mock.js模拟数据接口_第5张图片
rap-index

在RAP项目中制定mock规则

添加完项目后,就可以进入项目了,进入项目点击编辑,就可以进行编辑了,如下图


RAP和mock.js模拟数据接口_第6张图片
rap-write

你可能感兴趣的:(RAP和mock.js模拟数据接口)