接口详情 (id: 32872)     Mock数据

接口名称 datalist1

请求类型 get

请求Url  /datas/list1

接口描述 数据列表

请求参数列表

变量名	含义	类型	备注

响应参数列表

变量名	含义	类型	备注

ret		object

    result|1-10		array<object>

        id		number

        name		string

    success		boolean

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

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

有办法让RAP服务直接返回MockJS数据，而不是MockJS模板吗？

可以的，只要将请求路径中的/mockjs/修改为/mockjsdata/即可，例如：

http://{{domainName}}/mockjs/79/rap_mockjs_rules_demo.do?

将返回MockJS模板，而

http://{{domainName}}/mockjsdata/79/rap_mockjs_rules_demo.do?

会返回MockJS数据。

小提示：为什么返回MOCK规则而不是数据？

默认RAP的MOCK服务返回的是Mock.js模板，如果使用RAP插件，插件会负责Mock模板=>Mock数据的转换工作。

这样做的好处：

1. 可以直观看到数据生成的规则

2. 节省传输带宽

3. 更加灵活，提供在特殊场景二次修改规则的机会。

　　

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

<!DOCTYPE html>

<html lang="zh-CN">

<head>

<meta charset="utf-8">

<title>rap--mockjs---demo</title>

<style type="text/css">

.section { text-align: center; font: 50px "Microsoft Yahei"; color: #fff;}

p{ font-size: 20px; }

a { color: #fff;}

</style>

</head>

<body>

<h1>rap--mockjs---demo</h1>

<script src="http://rap.taobao.org/rap.plugin.js?projectId=4793"></script>

<script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>

<script>

$(function(){

	$.ajax({

         type:'get',

         url:'http://rap.taobao.org/mockjsdata/4793/datas/list1',

         data:{},

         dataType:'json',

         success:function(data){

         	console.log(data);

         }

     });

});

</script>

</body>

</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. SQL注入原理及防范

    1.1.2 正文 SQL Injection:就是通过把SQL命令插入到Web表单递交或输入域名或页面请求的查询字符串,最终达到欺骗服务器执行恶意的SQL命令. 具体来说,它是利用现有应用程序,将(恶 ...

  2. WEB学习-CSS行高、字体，链接的美化以及背景

    行高和字号 CSS中,所有的行,都有行高.盒模型的padding,绝对不是直接作用在文字上的,而是作用在“行”上的. 单行文本垂直居中 文本在行里面是居中 其中,行高:盒子高; 需要注意的是,这个小技 ...

  3. Ui大屏

    http://www.uimaker.com/plus/view.php?aid=128661&pageno=1

  4. AC日记——Pupils Redistribution Codeforces 779a

    A. Pupils Redistribution time limit per test 1 second memory limit per test 256 megabytes input stan ...

  5. js - 锚点-scrollIntoView()

    document.getElementById("view").scrollIntoView(false);

  6. JVM 常量池

    最近正好在研究这个问题,题主问题本身是有问题的,在JDK7中HotSpot的常量池是放在Java Heap中,并非题目中的native memory中.在JDK6中是放在Perm Space.题主可以 ...

  7. QBXT T15214 Day2上午遭遇

    题目描述 你是能看到第一题的 friends呢. -- hja ?座楼房,立于城中 . 第?座楼,高度 ℎ?. 你需要一开始选择座楼,跳. 在第 ?座楼准备跳需要 ??的花费. 每次可以跳到任何一个还 ...

  8. CodeForces - 393E Yet Another Number Sequence

    Discription Everyone knows what the Fibonacci sequence is. This sequence can be defined by the recur ...

  9. 浅析 rand7生成rand10 方法 之 思想篇（一）

    [问题描写叙述] rand7是一个能生成1-7的随机数.要求利用rand7生成1-10的随机数. [算法思想] 1.组合数学方法 第1次 1 2 3 4 5 6 7 之中用rand7取一个数 第2次从 ...

  10. HDU4126Genghis Khan the Conqueror(最小生成树+并查集)

    Genghis Khan the Conqueror Time Limit: 10000/5000 MS (Java/Others)    Memory Limit: 327680/327680 K ...