使用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模拟出来的假数据只有固定值。

http://jsonplaceholder.typicode.com/

四、RAP2使用步骤

  1. 进入RAP2网址账号注册成功以后,我们首先创建一个项目仓库,如下图所示:


    pic_1

    pic_2
  2. 仓库建好以后,我们进入仓库,点击新建接口


    pic_3

    pic_4
  3. 新建接口完毕以后,我们可以看到如下图所示,我们点击商品列表,右图可以根据设置请求参数,和响应内容(点击绿色的编辑按钮),右图中还有一个地址,点击这个地址,进入以后内容如图pic_6所示


    pic_5

    pic_6
  4. 接下来设置请求参数和响应参数,这里以响应参数举例,点击响应内容右边的新建创建响应属性,如下图所示:


    pic_7
  5. 根据所创建的数据类型不同,左侧会出现pic_8所示“+”号,点击“+”号可以向其内部添加属性,
    图pic_8为按照填写的生成规则生成的响应数据。【生成规则有7中格式,关于生成规则可以查看文章开头的链接mock.js语法规范文档】,例如图pic_8中data属性的生成规则为9,表示生成9个元素。id属性的生成规则为1-9999,表示生成1-9999的随机数字。
    pic_8
  6. mock.js文档中关于mock.random的方法在数据模板中称为『占位符』,书写格式为 @占位符(参数 [, 参数]),可以用在初始值的设置中,随机生成一段内容。
    pic_9

转载文章请注名出处

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,694评论 19 139
  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,228评论 3 119
  • 最近看到小姐姐在喝中药,一种咖啡色的豆浆,我表示很好奇。小姐姐告诉我她已经进入养生模式,最近在看一位中医,网红的那...
    笨NANA阅读 251评论 0 0
  • 清代康熙、雍正、乾隆时期,由于景德镇御厂制瓷业稳步发展,制瓷者结合现有海内外各种彩料,在原有的基础上开发研制出许多...
    中亚艺术阅读 931评论 0 0
  • 前段时间看了一篇公号文章,是介绍漫画家夏达的。 最初知道夏达,是有一年的春晚,介绍说她30岁,爱画漫画,当时很惊讶...
    落凡_阅读 7,862评论 3 3

友情链接更多精彩内容