阿萨学工具：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. 查看运行结果。达到预期。

今天的目标达成。