美文网首页
RAP和mock.js模拟数据接口

RAP和mock.js模拟数据接口

作者: 西洲何在 | 来源:发表于2017-11-07 18:25 被阅读0次

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

注册RAP

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

创建团队及建立RAP项目

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


rap-team

1.创建团队

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


rap-team

最后确认创建就好了

2.建立RAP项目

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


rap-group

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


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

附:

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


rap-index

在RAP项目中制定mock规则

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


rap-write

相关文章

  • RAP和mock.js模拟数据接口

    这是个纯干货的文章,话不多说,开始我们的文章。当我们还在开发阶段时,又没有数据供你调用,而再去开发后端来提供数据接...

  • 前端 Mock

    Mock.js 生成随机数据,拦截 Ajax 请求 RAP Web接口管理工具,开源免费,接口自动化,MOCK数据...

  • RAP的基本了解与使用

    RAP的简介: RAP是一个可视化接口管理工具 通过分析接口结构,动态生成模拟数据,校验真实接口正确性, 围绕接口...

  • 如何快速建立API请求数据

    RAP RAP是一个可视化接口管理工具 通过分析接口结构,动态生成模拟数据,校验真实接口正确性, 围绕接口定义,通...

  • 利用RAP实现android前后端接口简单mock测试

    RAP介绍 用官方的话来说,RAP是一个可视化接口管理工具 通过分析接口结构,动态生成模拟数据,校验真实接口正确性...

  • 2018-12-06 mock.js的使用

    目的 mock.js能够拦截Ajax请求,生成模拟数据进行接口调试,模拟了前后端调试的环境,使得前端开发能够独立于...

  • Vue实战第四天

    Mock.js模拟ajax数据请求在实际开发工作中,后台接口没有那么快的开发速度的时候,可以采用mock进行模拟数...

  • node项目必用工具

    调试工具devtool[nodemon] 数据模拟mock.js

  • Mock.js使用

    一、介绍 Mock.js[http://mockjs.com/]是用来模拟产生一些虚拟的数据,可以让前端在后端接口...

  • Mock.js数据生成器

    mock.js主要解决的问题是:让前端和后台开发人员根据API文档开发,不相互依赖,前端可以模拟api接口数据,达...

网友评论

      本文标题:RAP和mock.js模拟数据接口

      本文链接:https://www.haomeiwen.com/subject/cfojmxtx.html