前端如何mock数据

前言

在工作中总会遇到,临近开发结束了后端才出接口,造成了前端的狼狈加班,搞不还要因此背锅。因此,我们前端一定要学会如何mock数据。

为什么要mock数据?

为什么要mock数据?

要回答这个问题,我们就得先大致回顾一下,一个项目开发的大概流程:

  • 一个项目的开始,往往是一个产品经理(或者项目经理)牵头;

  • (没有甲方直接跳过)然后去和甲方确定需求(原型图);

  • 确认好需求后,确认分工,UI、前端、后端并行开发;

  • 最后,开发完毕,测试,交付(上线);

知道了一个项目开发的大概流程,我们就知道了,确认分工后UI、前端、后端是并行工作的,我们不可能等到ui出设计图才搭建页面,接口出了才接口。

如果工期长无所谓,但是我相信没有人会一直这么幸福。

所以,我们应该在确认好需求后,就开始创建项目,先按照原型图搭建静态页面,等ui出设计图了,先初步还原一下ui。然后再接入交互逻辑。

什么是mock数据?

什么是mock数据?

mock数据就是我们接入交互逻辑用的假数据。

当然,在开工之前,我们一定要先和后端确定好接口的数据格式,最好可以确定到字段。

怎么mock数据?

确定好接口后,我们mock数据,这里以fastmock为例:

在这里插入图片描述

然后,等接口出来了,把服务地址换一下就OK了。

当然,更多的时候是确定不了接口的数据格式,更确定不了字段。

那怎么办???

那我们可以创建一个文件,自己确定好数据格式。

等接口出来了,自己再转一下格式。

结语

本文到此结束

如果大家还有什么其他想法,欢迎在评论区交流!

猜你喜欢

转载自blog.csdn.net/m0_47901007/article/details/126370388