前端|ApiPost中的Mock如何使用

Mock 有啥用? mock是一个模拟数据生成器,旨在帮助前端独立于后端进行开发,帮助编写单元测试。mock有如下功能

  • 根据数据模板生成模板数据
  • 模拟ajax请求,生成请求数据
  • 基于html模板生成模拟数据
我们在ApiPost中如何去使用呢? 首先需要一个接口返回一个列表数据。 那么我们就可以使用Mock功能 去编写Mock规则模板
前端|ApiPost中的Mock如何使用
文章图片

这样一个模拟数据的接口就已经做好了
去使用这个模拟接口渲染页面 这里呢我们就可以用上ApiPost中的另一个功能了 —— 可视化
我们首先新建一个接口,把模拟数据接口的地址填入
前端|ApiPost中的Mock如何使用
文章图片

然后在我们的后执行脚本中
  1. 定义模板
  2. 拿到接口返回的list列表
  3. 调用可视化命令apt.Visualizing(模板,对象)
前端|ApiPost中的Mock如何使用
文章图片

【前端|ApiPost中的Mock如何使用】最后点击发送前端|ApiPost中的Mock如何使用
文章图片

以上 我们一个mock接口 加 数据预览搞定

    推荐阅读