JavaWeb前端/后端开发规范——接口文档概述及YApi平台的使用

这篇具有很好参考价值的文章主要介绍了JavaWeb前端/后端开发规范——接口文档概述及YApi平台的使用。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

前言:

整理下笔记,打好基础,daydayup!!!

 接口文档

什么是接口文档?

目前主流的开发模式为前后端分离式开发,为了方便前后端的对接,就需要使用接口文件进行统一规范。

接口文档记载什么信息?

1,基本信息:请求路径,请求方式,接口描述

2,参数信息:参数名,参数类型,参数样例等

3,响应数据:相应数据的格式,相应数据的样例等

 示例如下:

JavaWeb前端/后端开发规范——接口文档概述及YApi平台的使用,yapi

(图片来源:黑马程序员)

接口文档的创建

接口文档创建有很多方法,但使用YApi平台可以方便高效地进行创建

YApi

YApi是高效,易用的api管理平台。主要包括两个功能:1,API接口管理;2,Mock服务(模拟真实接口,生成接口的模拟测试数据,方便前端测试。即使后端没有完成,前端也可以通过模拟的接口进行测试)

YApi的使用

YApi的使用主要有三个步骤:1,添加项目;2,添加分类;3,添加接口

1,添加项目

JavaWeb前端/后端开发规范——接口文档概述及YApi平台的使用,yapi

 进入界面后

JavaWeb前端/后端开发规范——接口文档概述及YApi平台的使用,yapi 

随后在项目中,点击添加分类 

 JavaWeb前端/后端开发规范——接口文档概述及YApi平台的使用,yapi

随后在添加的分类中,点击"+"进行添加接口。 

JavaWeb前端/后端开发规范——接口文档概述及YApi平台的使用,yapi

随后填写希望实现的功能与路径

 JavaWeb前端/后端开发规范——接口文档概述及YApi平台的使用,yapi

 提交后,在编辑里进行设置

 JavaWeb前端/后端开发规范——接口文档概述及YApi平台的使用,yapi

 随后进行json数据的设定,示例如下:

JavaWeb前端/后端开发规范——接口文档概述及YApi平台的使用,yapi 

输入完成后,可以再一次完善下信息,最后点击最下方的保存

JavaWeb前端/后端开发规范——接口文档概述及YApi平台的使用,yapi 

随后点击高级Mock,然后点击添加期望

JavaWeb前端/后端开发规范——接口文档概述及YApi平台的使用,yapi 

 随后在期望中修改json数据,然后点击确认

JavaWeb前端/后端开发规范——接口文档概述及YApi平台的使用,yapi 

 随后可以在预览中查看该测试内容

JavaWeb前端/后端开发规范——接口文档概述及YApi平台的使用,yapi 

 最后使用Axios中进行下测试:可以在控制台中成功获取数据

Axios相关可以看这篇:Web前端开发——Ajax,Axios概述及在Vue框架中的使用

JavaWeb前端/后端开发规范——接口文档概述及YApi平台的使用,yapi

 整理结束,撒花!!!文章来源地址https://www.toymoban.com/news/detail-854232.html

到了这里,关于JavaWeb前端/后端开发规范——接口文档概述及YApi平台的使用的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 后端项目开发:集成接口文档(swagger-ui)

    swagger集成文档具有功能丰富、及时更新、整合简单,内嵌于应用的特点。 由于后台管理和前台接口均需要接口文档,所以在工具包构建BaseSwaggerConfig基类。 1.引入依赖 2.需要添加Swagger配置类。 将需要配置的字段提取出来,单独作为一类 前台接口和后台管理的包的配置,只需

    2024年02月11日
    浏览(37)
  • 苍穹外卖项目开发指南:项目概述、环境搭建、Swagger接口文档生成

    详细介绍苍穹外卖项目的开发流程,包括软件开发整体介绍、项目概述、环境搭建、Swagger接口文档生成、Nginx反向代理和负载均衡配置等内容,帮助开发人员快速上手项目开发。

    2024年02月10日
    浏览(47)
  • 【微信小程序】前端+后端 :第一篇(基于javaweb 案例)

    博主:👍不许代码码上红 欢迎:🐋点赞、收藏、关注、评论。 点击新建项目 这里记得选择web application 点击下一步 这是我们需要的目录结构 如果没有如下图这个东西 可以点击+号 选择Artifact 即可 4.1、创建一个新的页面pages 目录结构 4.2、demo2.js 4.3、demo2.wxml 微信小程序端

    2024年02月09日
    浏览(47)
  • Javaweb之SpringBootWeb案例开发规范的详细解析

    1.2 开发规范 了解完需求也完成了环境搭建了,我们下面开始学习开发的一些规范。 开发规范我们主要从以下几方面介绍: 1、开发规范-REST 我们的案例是基于当前最为主流的前后端分离模式进行开发。 在前后端分离的开发模式中,前后端开发人员都需要根据提前定义好的接

    2024年02月02日
    浏览(43)
  • JavaWeb开发(后端Web开发【一】)

    此文档来源于网络,如有侵权,请联系删除! 什么是Maven Maven是apache旗下的一个开源项目,是一款用于管理和构建java项目的工具。 Apache Apache 软件基金会,成立于1999年7月,是目前世界上最大的最受欢迎的开源软件基金会,也是一个专门为支持开源项目而生的非盈利性组织。

    2024年02月15日
    浏览(48)
  • 使用代码生成工具快速开发应用-结合后端Web API提供接口和前端页面快速生成,实现通用的业务编码规则管理

    在前面随笔《在Winform应用中增加通用的业务编码规则生成》,我介绍了基于Winform和WPF的一个通用的业务编码规则的管理功能,本篇随笔介绍基于后端Web API接口,实现快速的Vue3+ElementPlus前端界面的开发整合,同样是基于代码生成工具实现快速的前端代码的生成处理。 在前面

    2024年02月04日
    浏览(44)
  • 前端(微信小程序)后端(IDEA-java)的交互通信——基于javaweb

    一、准备 软件:idea+微信开发者工具 语言:java+小程序语言 工具:JDK+Tomcat 二、创建项目 一、新建一个java-web项目 这里是已经部署好了tomcat的,如果木有部署过tomcat看步骤三 自定义一个项目路径,命名最好是按照驼峰命名法,规范命名,方便项目管理,不按照这个也木有关

    2024年02月09日
    浏览(59)
  • 开发手册|Java后端开发规范重点条目整理

    Ps:部分熟知的开发规范未收录在本文中!暂无排版格式,等待后续添加…… 1.1 命名风格 代码中的命名严禁使用拼音与英文混合的方式 alibaba / taobao / youku / hangzhou 等国际通用的名称可视同英文 类名使用大驼峰的形式命名,例如 UpperCameCase 方法、参数与变量使用小驼峰的形式

    2024年02月14日
    浏览(40)
  • 【JavaWeb后端开发-第八章】Maven高级

        Web开发讲解完毕之后,我们再来学习Maven高级。其实在前面的课程当中,我们已经学习了Maven。     我们讲到 Maven 是一款构建和管理 Java 项目的工具。经过前面章节 web 开发的学习,相信大家对于 Maven 这款工具的基本使用应该没什么问题了。我们掌握了 Maven 工具

    2024年01月20日
    浏览(40)
  • [JavaWeb]【六】web后端开发-请求响应

    目录 一  引子 二 请求 2.1 Postman 2.1.1 安装 2.1.2 创建工作空间  2.1.3 添加接口 2.2 简单参数 2.2.1 原始方式(不推荐)  2.2.2 SpringBoot方式-GET(参数名与形参变量名相同)  2.2.3 SpringBoot方式-POST(参数名与形参变量名相同) 2.2.4 SpringBoot方式-POST(参数名与形参变量名不相同) 2.2.5 @Req

    2024年02月12日
    浏览(45)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包