阿萨学工具:Apifox 用Mock.js写高级Mock的期望

简介: 大家好,我是阿萨。今天周一,又是元气满满地一天。今天继续学习Apifox工具。继上周学完阿萨学工具:Apifox的高级Mock 功能。今天我们学习下如何使用Apifox的Mock.js 和nunjucks写高级Mock里的返回值。

大家好,我是阿萨。今天周一,又是元气满满地一天。今天继续学习Apifox工具。继上周学完阿萨学工具:Apifox的高级Mock 功能。今天我们学习下如何使用Apifox的Mock.js 和nunjucks写高级Mock里的返回值。

我们接口返回的数据有时候经常是一组数据,比如请求未发货的订单明细。订单明细中包含,订单号,订单客户姓名,订单产生日期。而且它必须是一组数据。针对这样的Mock数据,我们如何使用高级Mock 来生成呢?

  1. 我们新建一个获取 订单列表,并且还正在开发中的接口。
  2. 设置 参数类型为枚举值的已发货,未发货,退货。
  3. 设置响应结果为 订单列表。
  4. 点击【高级Mock】----【期望】---【新建期望】

0.png


5. 在返回结果的body里输出下面代码内容。【保存】



1.png

示例代码:这中间需要用到Mock 规则里的一些内容.


{"data": [{% for i in range(0, 20) -%}{"orderId": {{i}},"customerName": "@name","orderDate": "@date('yyyy-MM-dd')",},{%- endfor %}],"success": true}


6. 查看运行结果。达到预期。



2.png


今天的目标达成。


你学会了吗?如果你喜欢今天的文章,欢迎点赞,关注。

相关文章
|
10月前
|
前端开发 测试技术 API
企业级API工具的选择:Apipost和Apifox哪个好
Apifox相比Apipost在企业级API协作方面表现更出色,其一体化平台设计有效提升团队协作效率,功能整合度高,支持标准化接口管理,更适合规模化团队和技术协作需求。
517 120
|
11月前
|
人工智能 前端开发 jenkins
2025 API 开发管理工具 Apipost 与 Apifox 全维度对比
本文深入对比了 Apipost 与 Apifox 两款 API 开发管理工具在设计、调试、文档管理、Mock 服务、离线支持、AI 能力及 CI/CD 集成等方面的优劣,全面评估其适用场景,为研发测试团队提供选型参考。
598 5
|
11月前
|
存储 算法 数据可视化
Apipost与Apifox哪个好?API管理工具深度对比
市场上的API管理工具琳琅满目,其中Apipost和Apifox常被拿来比较,今天我将从技术架构、性能表现和实用性三个维度,深入剖析这两款工具的本质差异。
Apipost与Apifox哪个好?API管理工具深度对比
|
10月前
|
编解码 JavaScript 前端开发
如何在网页播放英文的m3u8文件(基于Javascript搭建的在线网页工具)
什么是m3u8?又该如何在网页中高效、便捷地播放英文的m3u8文件呢?今天这篇文章就带你一起了解,并推荐一种基于Javascript搭建的在线网页工具,让你轻松解决播放问题。
3119 0
|
JavaScript 前端开发
56个JavaScript 实用工具函数(下)
56个JavaScript 实用工具函数
247 0
|
JavaScript 前端开发 网络协议
56个JavaScript 实用工具函数(中)
56个JavaScript 实用工具函数
291 0
|
存储 JavaScript 前端开发
56个JavaScript 实用工具函数(上)
56个JavaScript 实用工具函数
238 0
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
470 2
|
JavaScript 前端开发
JavaScript中的原型 保姆级文章一文搞懂
本文详细解析了JavaScript中的原型概念,从构造函数、原型对象、`__proto__`属性、`constructor`属性到原型链,层层递进地解释了JavaScript如何通过原型实现继承机制。适合初学者深入理解JS面向对象编程的核心原理。
355 1
JavaScript中的原型 保姆级文章一文搞懂