首页 > 其他分享 >3、springboot3 vue3开发平台-后端-swagger,knife4j整合

3、springboot3 vue3开发平台-后端-swagger,knife4j整合

时间:2024-07-27 11:25:37浏览次数:11  
标签:knife4j OpenAPI v3 springboot3 vue3 import swagger com

文章目录

1. knife4j 简介

  • Knife4j是一个集Swagger2 和 OpenAPI3为一体的增强解决方案帮助开发者快速聚合使用OpenAPI规范。
  • 兼容OpenAPI3, 使用更简介
  • 界面较swagger 好看,文档导出、测试功能更简介方便
    官网: https://doc.xiaominfo.com/

2. 引入依赖

父pom.xml 管理依赖版本
在这里插入图片描述
suppor模块引入依赖:

 <dependency>
            <groupId>com.github.xiaoymin</groupId>
            <artifactId>knife4j-openapi3-jakarta-spring-boot-starter</artifactId>
        </dependency>

start模块添加配置:

# springdoc-openapi项目配置
springdoc:
  swagger-ui:
    path: /swagger-ui.html
    tags-sorter: alpha
    operations-sorter: alpha
  api-docs:
    path: /v3/api-docs
  group-configs:
    - group: 系统管理
      paths-to-match: '/**'
      packages-to-scan: com.ylp.sys
    # 添加其他模块的文档
# knife4j的增强配置,不需要增强可以不配
knife4j:
  enable: true
  setting:
    language: zh_cn

3. 简单配置

support模块下对knife4简单配置, 更多配置参考官网和openapi
在这里插入图片描述

package com.ylp.support.knife4j;

import io.swagger.v3.oas.models.OpenAPI;
import io.swagger.v3.oas.models.info.Contact;
import io.swagger.v3.oas.models.info.Info;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;


@Configuration
public class Knife4jConfig {
    @Bean
    public OpenAPI customOpenAPI() {
        return new OpenAPI()
                .info(new Info()
                        .title("项目 - 接口文档")
                        .description("项目简介,api后台接口")
                        .version("V1.0")
                        .contact(new Contact().name("cc"))
                );
    }

}

4 . 测试

在这里插入图片描述
访问地址:http://ip:port/doc.html ( http://127.0.0.1:9999/doc.html )
在这里插入图片描述

标签:knife4j,OpenAPI,v3,springboot3,vue3,import,swagger,com
From: https://blog.csdn.net/qq_51355375/article/details/140675470

相关文章

  • Vue3 - 最新详细实现网站接入Google谷歌授权登录配置流程及示例代码教程,手机移动端、p
    前言如果您需要Vue2版本,请访问这篇文章。在vue3|nuxt3网站开发中,详解实现vue3接入新版google谷歌快捷登录教程,电脑PC网站、手机网站集成谷歌授权登录服务及拿到用户个人信息头像邮箱等,国内第三方web站点使用google账号登陆及授权重定向,提供详细的本地调试方法以......
  • vite5-macos仿macOS网页osx管理系统|vue3+arcoDesign桌面os
    基于vite5.x+vue3+arco-design原创自研网页版os管理框架ViteWebOS。使用最新前端技术vite5+vue3+pinia2+arcoDesign+sortablejs+echarts搭建网页pc版桌面os式后台管理系统解决方案。支持自定义桌面栅格布局引擎、可拖拽桌面图标、多屏分页管理、自定义桌面壁纸主题、毛玻......
  • vue3学习
    虚拟DOM选择的原因 虚拟DOM和innerHTML的性能区别涉及到DOM运算远比JavaScript层面上的计算性能差,就是说dom运算所花费的时间会比JavaScript运算的时间长对于创建新页面的时候,两种运算性能差不多。对于更新页面的时候,纯JavaScript运算中,虚拟DOM是创建新的JavaScript对象加d......
  • Vue3-WebOS网页版os系统|vite5+pinia2+arco-design仿macOS桌面os管理
    原创Vue3+Pinia2+ArcoDesign仿macOS桌面网页版os管理系统ViteMacOS。vite5-vue3-macos基于最新前端技术vite5.x+vue3+pinia2+arco.design+sortablejs+echarts构建网页版osx后台管理系统新解决方案。支持windows+macos两种桌面模式、自定义桌面栅格布局引擎、可拖拽式桌面菜单/程......
  • SpringBoot3.x整合Druid数据库连接池
    引入依赖<!--Druid数据库连接池--><dependency><groupId>com.alibaba</groupId><artifactId>druid-spring-boot-3-starter</artifactId><version>1.2.21</version></dependency......
  • vue3 父组件 props 异步传值,子组件接收不到或接收错误
    1.使用场景我们在子组件中通常需要调用父组件的数据,此时需要使用vue3的props进行父子组件通信传值。2.问题描述那么此时问题来了,在使用props进行父子组件通信时,因为数据传递是异步的,导致子组件无法成功获取数据,若此时父组件中数据发生变化,那子组件获取的值是改变之......
  • 条件组合组件--vue3版
    参考手把手教你写一个条件组合组件此随笔是借鉴以上写的vue版,记录一下组件前期准备1.vue3的全套工具2.element-plus3.lodash数据结构主要是嵌套结构关键点在RelationGroup组件内引用本身,注意key值,不能用i,不然删除操作,会从最后删起组件结构主要是这3个文件引用......
  • Vue Router【实用教程】(2024最新版)vue3 路由管理
    VueRouter是Vue官方的客户端路由解决方案,在单页应用(SPA)中,用户在应用中浏览不同页面时,URL会随之更新,但页面不需要从服务器重新加载。核心思想:通过配置路由来告诉VueRouter为每个URL路径显示哪些组件。官网https://router.vuejs.org/zh/guide/安装通常......
  • 【Vue】基于vue3封装批量下载功能
    一、安装依赖npminstalljszipnpminstallfile-saver 二、代码实现importaxiosfrom'axios'importJSZipfrom'jszip'importFileSaverfrom'file-saver';/***批量下载*@param{Object}fileList*/exportfunctiondownloadFileLis......
  • vue3 + arco design vue 表身单元格合并
    表格展示效果如下图:后端返回的数据格式如下arcodesignvue单元格合并还挺复杂的,今天接到这个需求时,还是有点无从下手,后来经过一些列尝试之后得出如下代码<a-tableclass="table-data":data="tableData":bordered="{wrapper:true,cell:true}":span-method="dat......