摘要:但苦于后台还没有写,并没有数据,因此就学习了如何用构建模拟数据。伪造数据,能让程序的编写更高效。使用也较为简单。这样,我们就获得了我们创建的虚拟数据。
最近在学前端与后端相结合,在写前端页面的时候,需要从后台取数据,对页面进行更新。但苦于后台还没有写,并没有数据,因此就学习了如何用EasyMock构建模拟数据。
Easy Mock简介Easy Mock 是一个可视化,并且能快速生成 拟数据的持久化服务,将模拟数据直接写进代码里,能利用 JavaScript 拦截请求,利用 Charles、 Fiddler 等代理工具拦截请求。
伪造数据,能让程序的编写更高效。使用也较为简单。
不管你在哪,页面右下角总是会有一个创建项目的蓝色按钮
补全空格中的信息
如果是团队项目,要记得选团队
补全项目名和项目基础URL。这一部分没有严格的要求,尽量简洁就好。
填完空以后,选择创建
选中刚才创建的项目,点击创建接口,就能进入信息编写的部分。
数据输入完毕后,要为你的这个接口写一个专属的URL,在右边的蓝色方框中,并对数据进行描述。点击创建,就创建成功了。
第四步:获取数据接口创建成功后,选择操作选项的复制链接,就能获得这个接口的地址。
模拟数据已经成功创建完毕,那么接下来我们就看看如何在前端页面获取创建的模拟数据把。
链接就是我们上一步选择复制链接所获得的接口地址。
这样,我们就获得了我们创建的虚拟数据。
当然,Easy Mock还有很多进阶用法,以后一起学习吧。
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/51502.html
摘要:但苦于后台还没有写,并没有数据,因此就学习了如何用构建模拟数据。伪造数据,能让程序的编写更高效。使用也较为简单。这样,我们就获得了我们创建的虚拟数据。 最近在学前端与后端相结合,在写前端页面的时候,需要从后台取数据,对页面进行更新。但苦于后台还没有写,并没有数据,因此就学习了如何用EasyMock构建模拟数据。 Easy Mock简介 Easy Mock 是一个可视化,并且能快速生成 ...
摘要:前端开发如何做好本地接口模拟之前有写过一篇本地化接口模拟前后端并行开发,讲到过本地接口模拟,但不太细致。有哪些途径本地接口模拟一般分为工具层面和代码层面。因为本地接口模拟功能主要是针对的返回值为格式的异步请求,所以这种方式主要用文件。 前端开发如何做好本地接口模拟 之前有写过一篇 本地化接口模拟、前后端并行开发,讲到过本地接口模拟,但不太细致。这次细细的说说本地接口模拟。 1. 有什么...
摘要:本文适用的场景在对移动端的纯移动端功能或者前端页面的纯前端功能进行测试时,服务端接口返回的数据不满足要求,或者制造测试数据比较复杂,需要使用方法来快速构造数据。进入官网后,首先创建一个项目,一个项目包含若干个接口,我们最终模拟的是接口。 本文适用的场景:在对移动端APP的纯移动端功能或者前端H5页面的纯前端功能进行测试时,服务端接口返回的数据不满足要求,或者制造测试数据比较复杂,需要使...
摘要:以前开发的时候需要数据调试要么当前文件代码写死要么新建文件来获取偶然知道了这个神奇的网站可能有点后知后觉伪造起数据别提多爽了初次见面打开官网界面甚至简单我喜欢的自我介绍开启探索之旅看过介绍下面就开始登录使用了强势登录如果之前没有账号会直接注 以前开发的时候需要数据调试要么当前文件代码写死, 要么新建 JSON 文件来获取. 偶然知道了 Easy Mock 这个神奇的网站(可能有点后知后...
阅读 3385·2021-11-12 10:36
阅读 2719·2021-11-11 16:55
阅读 2932·2021-09-27 13:36
阅读 1591·2021-08-05 10:01
阅读 3532·2019-08-30 15:55
阅读 745·2019-08-30 13:01
阅读 1871·2019-08-29 17:16
阅读 2355·2019-08-29 16:40