使用Easy Mock构建模拟数据

最近在学前端与后端相结合,在写前端页面的时候,需要从后台取数据,对页面进行更新。但苦于后台还没有写,并没有数据,因此就学习了如何用EasyMock构建模拟数据。

Easy Mock简介

Easy Mock 是一个可视化,并且能快速生成 拟数据的持久化服务,将模拟数据直接写进代码里,能利用 JavaScript 拦截请求,利用 Charles、 Fiddler 等代理工具拦截请求。
伪造数据,能让程序的编写更高效。使用也较为简单。

使用Easy Mock创建一个项目

第一步:点击右下角的蓝色加号按钮

不管你在哪,页面右下角总是会有一个创建项目的蓝色按钮
图片描述

第二步:创建项目

补全空格中的信息
如果是团队项目,要记得选团队
补全项目名和项目基础URL。这一部分没有严格的要求,尽量简洁就好。
图片描述
填完空以后,选择创建

第三步:添加数据

选中刚才创建的项目,点击创建接口,就能进入信息编写的部分。
图片描述

数据输入完毕后,要为你的这个接口写一个专属的URL,在右边的蓝色方框中,并对数据进行描述。点击创建,就创建成功了。

第四步:获取数据

接口创建成功后,选择操作选项的复制链接,就能获得这个接口的地址。
图片描述

第五步:前台获取模拟数据

模拟数据已经成功创建完毕,那么接下来我们就看看如何在前端页面获取创建的模拟数据把。
图片描述
链接就是我们上一步选择复制链接所获得的接口地址。
图片描述
这样,我们就获得了我们创建的虚拟数据。


当然,Easy Mock还有很多进阶用法,以后一起学习吧。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值