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

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

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


学习今天的内容之前,建议大家先学习下:

1.nunjucks的学习网址:https://nunjucks.bootcss.com/templating.html#filter

2.Mockjs 的网址:http://mockjs.com/examples.html 

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

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

 4. 点击【高级Mock】----【期望】---【新建期望】



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


示例代码:这中间需要用到Mock 规则里的一些内容,请参考如下链接。https://www.apifox.cn/help/app/mock/mock-rules/#%E5%9F%BA%E6%9C%AC%E5%86%99%E6%B3%95


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


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



今天的目标达成。


相关文章
|
2月前
|
数据可视化 前端开发 JavaScript
可视化工具D3.js
可视化工具D3.js
|
3月前
|
前端开发 jenkins 测试技术
自动化测试介绍,为何 Apifox 是进行自动化测试的最佳工具
自动化测试利用专用软件执行测试用例,比手动测试更高效准确。Apifox是一款集API文档、调试与自动化测试于一体的工具,提供一体化解决方案,简化API变更管理。其强大的测试功能支持丰富的断言及测试场景组合,便于模拟真实业务流程。Apifox还提供详尽的测试报告与分析功能,有助于快速定位问题。此外,它能轻松集成到CI/CD流程中,并支持定时任务及多分支管理,极大提升了测试效率和团队协作。相较于其他工具,Apifox以其全面的功能和友好的界面脱颖而出。
|
4天前
|
Web App开发 JavaScript 前端开发
使用 Chrome 浏览器的内存分析工具来检测 JavaScript 中的内存泄漏
【10月更文挑战第25天】利用 Chrome 浏览器的内存分析工具,可以较为准确地检测 JavaScript 中的内存泄漏问题,并帮助我们找出潜在的泄漏点,以便采取相应的解决措施。
48 9
|
6天前
|
监控 前端开发 JavaScript
React 静态网站生成工具 Next.js 入门指南
【10月更文挑战第20天】Next.js 是一个基于 React 的服务器端渲染框架,由 Vercel 开发。本文从基础概念出发,逐步探讨 Next.js 的常见问题、易错点及解决方法,并通过具体代码示例进行说明,帮助开发者快速构建高性能的 Web 应用。
27 10
|
23天前
|
存储 JavaScript 前端开发
Node.js 常用工具
10月更文挑战第6天
17 2
|
17天前
|
Web App开发 JavaScript 前端开发
Node.js:JavaScript世界的全能工具
Node.js:JavaScript世界的全能工具
|
22天前
|
JavaScript 网络协议
Node.js 工具模块
10月更文挑战第7天
18 0
|
2月前
|
JavaScript Linux 开发者
一个用于管理多个 Node.js 版本的安装和切换开源工具
【9月更文挑战第14天】nvm(Node Version Manager)是一个开源工具,用于便捷地管理多个 Node.js 版本。其特点包括:版本安装便捷,支持 LTS 和最新版本;版本切换简单,不影响开发流程;多平台支持,包括 Windows、macOS 和 Linux;社区活跃,持续更新。通过 nvm,开发者可以轻松安装、切换和管理不同项目的 Node.js 版本,提高开发效率。
|
28天前
|
数据可视化 前端开发 JavaScript
可视化工具D3.js
可视化工具D3.js
|
2月前
|
C++
HTML+JavaScript构建一个将C/C++定义的ANSI字符串转换为MASM32定义的DWUniCode字符串的工具
HTML+JavaScript构建一个将C/C++定义的ANSI字符串转换为MASM32定义的DWUniCode字符串的工具