接口详情 (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. php 生成二维码图片

    php 生成二维码图片 (1)下载类库文件 php类库PHP QR Code,地址:http://phpqrcode.sourceforge.net/. (2)放到项目里 把下载的文件解压后有个php ...

  2. AC日记——[CQOI2014]危桥 洛谷 P3163

    题目描述 Alice和Bob居住在一个由N座岛屿组成的国家,岛屿被编号为0到N-1.某些岛屿之间有桥相连,桥上的道路是双向的,但一次只能供一人通行.其中一些桥由于年久失修成为危桥,最多只能通行两次.A ...

  3. R语言实战读书笔记(十三)广义线性模型

    # 婚外情数据集 data(Affairs, package = "AER") summary(Affairs) table(Affairs$affairs) # 用二值变量,是或 ...

  4. ElasticSearch常用结构化搜索

    最近,需要用到ES的一些常用的结构化搜索命令,因此,看了一些官方的文档,学习了一下.结构化查询指的是查询那些具有内在结构的数据,比如日期.时间.数字都是结构化的. 它们都有精确的格式,我们可以对这些数 ...

  5. Jython中文乱码问题

    最近,在项目中需要用到Java代用Python的代码,并且需要传参数,因此选用了Jython包,但是,如果在调用python脚本时,出现了中文乱码的现象.代码如下: PythonInterpreter ...

  6. How to Create a Provisioning Profile for iPhone

    If you're making iPhone and iPad apps, there are some processes you must work through to go from dev ...

  7. procomm plus

    procomm plus这是查看串口数据的软件.

  8. Spring 让 LOB 数据操作变得简单易行，LOB 代表大对象数据，包括 BLOB 和 CLOB 两种类型

    转自:https://www.ibm.com/developerworks/cn/java/j-lo-spring-lob/index.html 概述 LOB 代表大对象数据,包括 BLOB 和 CL ...

  9. Majority Number

    题目描写叙述 链接地址 解法 算法解释 题目描写叙述 Given an array of integers, the majority number is the number that occurs ...

  10. C# 将long类型写入二进制文件用bw.Write(num);将其读出用long num= br.ReadInt64();

    理由: 因为long类型是 System.Int64 (长整型,占 8 字节,表示 64 位整数,范围大约 -(10 的 19) 次方 到 10 的 19 次方) 而long BinaryReader ...