前端(四):前后端分离开发(YAPI的使用)

6 篇文章 0 订阅

一、引入

1、前后端混合开发(早期):将前端、后端、数据库混杂在一起写,前后前全部在一个工程中。沟通成本高、分工不明确、不便于管理、不便于维护和扩展。

2、前后端分离开发:前端工程和后端工程,为了前后端对接需要遵守一些开发规范,这个开发规范定义在接口文档中,这里的接口是指一个明确的业务功能

3、接口文档:由产品经理分析原型和需求得到接口文档。

4、前后端分离开发流程:需求分析——接口定义(API接口文档)——前后端并行开发(遵守规范)——测试(前端、后端)——前后端联调测试

二、YAPI

1、概念:YAPI是高效、易用、功能强大的api管理平台,旨在为开发、产品、测试人员提供更优雅的接口管理服务。

2、官网:https://yapi.pro/

3、使用:
①注册好后点击新建项目,输入项目名称
在这里插入图片描述
在这里插入图片描述

②新建分类
在这里插入图片描述

③为该分类添加接口
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

④、编辑接口,编辑请求参数设置返回参数设置
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
⑤、预览,查看设定好的信息。可以看到设定好的所有信息。
在这里插入图片描述

⑥高级Mock
在设置完后的初始状态下:
在这里插入图片描述
使用高级Mock增加期望:
在这里插入图片描述

在这里插入图片描述
此刻再次查询就可以看到不是乱码:
在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值