1. 接口详情 (id: 32872)     Mock数据
  2. 接口名称 datalist1
  3. 请求类型 get
  4. 请求Url  /datas/list1
  5. 接口描述 数据列表
  6. 请求参数列表
  7. 变量名	含义	类型	备注
  8. 响应参数列表
  9. 变量名	含义	类型	备注
  10. ret		object
  11.     result|1-10		array<object>
  12.         id		number
  13.         name		string
  14.     success		boolean

　　上面是我的http://rap.taobao.org 的配置，大家可以看见result|1-10，就是随机生成1到10条数据的意思

还要注意官方文档的一句话---很重要

  1. 有办法让RAP服务直接返回MockJS数据，而不是MockJS模板吗？
  2.  
  3. 可以的，只要将请求路径中的/mockjs/修改为/mockjsdata/即可，例如：
  4.  
  5. http://{{domainName}}/mockjs/79/rap_mockjs_rules_demo.do?
  6. 将返回MockJS模板，而
  7.  
  8. http://{{domainName}}/mockjsdata/79/rap_mockjs_rules_demo.do?
  9. 会返回MockJS数据。
  10.  
  11. 小提示：为什么返回MOCK规则而不是数据？
  12.  
  13. 默认RAP的MOCK服务返回的是Mock.js模板，如果使用RAP插件，插件会负责Mock模板=>Mock数据的转换工作。
  14. 这样做的好处：
  15. 1. 可以直观看到数据生成的规则
  16. 2. 节省传输带宽
  17. 3. 更加灵活，提供在特殊场景二次修改规则的机会。

　　

下面我们直接上代码，注意我的访问地址变了，增加了mockjs的

  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>rap--mockjs---demo</title>
  6. <style type="text/css">
  7. .section { text-align: center; font: 50px "Microsoft Yahei"; color: #fff;}
  8. p{ font-size: 20px; }
  9. a { color: #fff;}
  10.  
  11. </style>
  12.  
  13. </head>
  14. <body>
  15. <h1>rap--mockjs---demo</h1>
  16.  
  17. <script src="http://rap.taobao.org/rap.plugin.js?projectId=4793"></script>
  18. <script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>
  19. <script>
  20. $(function(){
  21. 	$.ajax({
  22.          type:'get',
  23.          url:'http://rap.taobao.org/mockjsdata/4793/datas/list1',
  24.          data:{},
  25.          dataType:'json',
  26.          success:function(data){
  27.          	console.log(data);
  28.          }
  29.      });
  30. });
  31. </script>
  32. </body>
  33. </html>

　　

阿里妈妈-RAP项目的实践（2）的更多相关文章

  1. 阿里妈妈-RAP项目的实践（3）

    接下来,我们就把我们的代码运用到项目中,因为我们前台是有jquery,后台管理系统是用angularjs mock在这两种的调用方式不一样,所以我就用nginx的proxy_pass 来代理 我在项目 ...

  2. 阿里妈妈-RAP项目的实践（1）

    在同事的推荐下,去了解了一下http://thx.github.io/RAP/study.html#,它是发现在前后端分离开发的神器 下面我们来简单上一组代码,来简单了解一下rap <!DOCT ...

  3. 阿里妈妈前端团队出品的开源接口管理工具RAP第二代 http://rap2.taobao.org

    RAP2-DELOS 开源社区版本 (后端API服务器) 项目地址:https://github.com/thx/rap2-delos RAP2是在RAP1基础上重做的新项目,它包含两个组件(对应两个 ...

  4. zz阿里妈妈深度树检索技术（TDM）及应用框架的探索实践

    分享嘉宾:何杰 阿里妈妈 高级算法专家 编辑整理:孙锴 内容来源:DataFun AI Talk 出品社区:DataFun 注:欢迎转载,转载请注明出处 导读:阿里妈妈是阿里巴巴集团旗下数字营销的大中 ...

  5. 始于阿里，回归社区：阿里8个项目进入CNCF云原生全景图

    破土而出的生命力,源自理想主义者心底对技术的信念. 云原生技术正席卷全球,云原生基金会在去年KubeCon +CloudNativeCon NA的现场宣布: 其正在孵化的项目已达14个,入驻的厂家或产 ...

  6. 阿里妈妈的iconfont的引用问题

    一.先进官网 我们看到了上面的这些图标,是不是很心动,阿里妈妈就是给力,给马老师点赞,但是问题来了我们怎么去使用呢. 二.点击图标 嘿嘿,上面的操作步骤我就不多说了吧,我相信大家都会做的,接下来我们就 ...

  7. 阿里妈妈Java后端 社招5面（Offer已拿）

    最近由于个人原因, 由于前面两面的时间过去的有点久了,只能根据记忆大概写些记得问题.   阿里妈妈1面 40mins(2021-02-22) 1. 能简单介绍下自己和自己做的项目吗? 2. 关于项目的 ...

  8. Selenium自动化测试项目案例实践公开课

    Selenium自动化测试项目案例实践公开课: http://gdtesting.cn/news.php?id=55

  9. iconfont阿里妈妈前端小图标使用方法详解

    图标选购网址:http://www.iconfont.cn/ 1.从阿里妈妈网站选购好小图标,加入购物车,下载好文件: 2.把字体文件放入字体(font)文件夹(tff)(woff),(eot) 3. ...

随机推荐

  1. VS debug调试方法

    F5 开始调试,执行到断点 Shift + F5 停止调试 F9 在光标所在行添加断点 Shift + F9 QuickWatch Shift Ctrl F9 delete all 断点 F10 单步 ...

  2. iOS-开发者账号失效后是否还可以打包

    参考链接:https://www.jianshu.com/p/601f596e8550

  3. AC日记——[USACO15DEC]最大流Max Flow 洛谷 P3128

    题目描述 Farmer John has installed a new system of  pipes to transport milk between the  stalls in his b ...

  4. 微信关注事件bug记录

    年前研究了一下微信带参数的二维码,处理邀请注册成会员等的方式 通过带参数的二维码触发微信的 subscribe(订阅) 或者 SCAN  (已经订阅后)事件,然后抓取eventKey(记录邀请人的信息 ...

  5. js-判断移动端用户是横屏放的还是竖屏放的

    在一些移动端页面中,页面的样式我们就支持竖屏播放,这时我们就需要判断是横屏还是竖屏了,不同的方向显示冉的样式. //判断手机横屏竖屏 var html = ""; window.a ...

  6. 第1章 Spring Cloud 构建微服务架构（一）服务注册与发现

      一.Spring Cloud 简介 Spring Cloud是一个基于Spring Boot实现的云应用开发工具,它为基于JVM的云应用开发中的配置管理.服务发现.断路器.智能路由.微代理.控制总 ...

  7. 转 Windows串口过滤驱动程序的开发

    在Windows系统上与安全软件相关的驱动开发过程中,“过滤(filter)”是极其重要的一个概念.过滤是在不影响上层和下层接口的情况下,在Windows系统内核中加入新的层,从而不需要修改上层的软件 ...

  8. SilverLight：布局（2）GridSplitter（网格分割）垂直分割、水平分割

    ylbtech-SilverLight-Layout: 布局(2)GridSplitter(网格分割)垂直分割.水平分割 A, Splitter(分割)对象之 GridSplitter(网格分割)1: ...

  9. Android硬件抽象层(HAL)深入剖析(二)

    上一篇我们分析了android HAL层的主要的两个结构体hw_module_t(硬件模块)和hw_device_t(硬件设备)的成员,下面我们来具体看看上层app到底是怎么实现操作硬件的? 我们知道 ...

  10. log4net报错Could not load type 'System.Security.Claims.ClaimsIdentity'

    使用log4net,在win7上可以正常使用,但是在部分xp电脑上可以生成access数据库,但是无法写数据到mdb 排除了程序原因,怀疑是xp缺少什么dll之类的 偶然查到log4net的调试方法: ...