一、什么是springdoc-openapiSpringdoc-openapi是一个用于生成OpenAPI（之前称为Swagger）文档的库，专为SpringBoot应用程序设计。它可以根据你的SpringMVC控制器、REST控制器和其他SpringBean自动生成OpenAPI文档，从而帮助你在开发RESTfulAPI时更加高效地管理和维护API文档。Springdoc-openapi支持OpenAPI3.x版本，并提供了一些额外的功能，如自定义配置、注解支持和与SpringBoot的无缝集成。当你构建RESTfulAPI时，API文档是非常重要的，因为它们提供了对API的清晰描述，包括可

Jenkins安装相关插件，供后续使用（Dashboard-ManageJenkins-Plugins）MavenIntegrationplugin  https://plugins.jenkins.io/maven-pluginCloudBeesDockerBuildandPublishpluginhttps://plugins.jenkins.io/docker-build-publishNodeJSPluginhttps://plugins.jenkins.io/nodejs配置内置的工具及其版本（Dashboard-ManageJenkins-Tools）​​​​​比如MavenJDK

 博主介绍：黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注大学生毕业设计教育和辅导。所有项目都配有从入门到精通的基础知识视频课程，学习后应对毕业设计答辩。项目配有对应开发文档、开题报告、任务书、PPT、论文模版等项目都录了发布和功能操作演示视频；项目的界面和功能都可以定制，包安装运行！！！如果需要联系我，可以在CSDN网站查询黄菊华老师在文章末尾可以获取联系方式论文目录界面效果图后台功能

Vue.js与ViewDesign:为企业级Web应用提供高效可靠的解决方案在当今瞬息万变的商业环境中,企业需要高效、稳定且易于维护的Web应用程序来支持其日常运营和业务发展。幸运的是,Vue.js和ViewDesign的强大组合为开发人员提供了构建复杂企业级Web应用程序的完美解决方案。Vue.js:渐进式JavaScript框架的佼佼者Vue.js是一个开源的渐进式JavaScript框架,专为构建用户界面而生。无论是简单的单页面应用程序还是复杂的企业级应用程序,Vue.js都能轻松驾驭。它的核心库专注于视图层,使其非常容易集成到其他库或现有项目中。Vue.js的主要优势包括:渐进式设计:

随着Web应用的不断进化和发展，前端开发的需求也在日益增加。在这样的背景下，Vue框架以及各种Vue组件库应运而生。本文将探讨如何选择一个高质量的Vue组件库，并通过使用ViewDesign库阐述如何实现高效、优雅的前端架构。前端架构的重要性前端架构的设计对于整个项目的成功至关重要。好的前端架构可以提高代码的质量、可维护性和扩展性，从而提升团队的工作效率。1.提高代码质量良好的前端架构可以帮助开发者遵循最佳实践，减少代码中的冗余和重复，使代码更加清晰易懂。2.改善可维护性好的前端架构能够确保代码的模块化和松耦合，使得代码更易于修改和调整，从而降低维护成本。3.提升扩展性优秀的前端架构支持灵活的

1、引入静态图并作为变量使用2、制作数据结构用于v-for遍历记得每个tabbar准备两个图片，默认和选中。3、safe-area-inset-bottom是vant4移动端底部安全区适配，如果不需要则去掉。4、tabbar的详细参数请看官方文档https://vant-ui.github.io/vant/#/zh-CN/tabbarscriptsetuplang="ts">import{ref}from'vue'//1、引入项目静态图，没有配置路径别名的用../importHOME_ONEfrom'@/assets/images/icons/1首页.png'importHOME_TWOfro

目录一、摘要1.1项目介绍1.2项目录屏二、功能模块2.1耗材档案模块2.2耗材入库模块2.3耗材出库模块2.4耗材申请模块2.5耗材审核模块三、系统展示四、核心代码4.1查询耗材品类4.2查询资产出库清单4.3资产出库4.4查询入库单4.5资产入库五、免责说明一、摘要1.1项目介绍基于JAVA+Vue+SpringBoot+MySQL的实验室耗材管理系统，包含了耗材档案模块、耗材入库模块、耗材出库模块、耗材申请模块、耗材审核模块和耗材图表模块，还包含系统自带的用户管理、部门管理、角色管理、菜单管理、日志管理、数据字典管理、文件管理、图表展示等基础模块，实验室耗材管理系统基于角色的访问控制，给

 博主介绍：黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注大学生毕业设计教育和辅导。所有项目都配有从入门到精通的基础知识视频课程，学习后应对毕业设计答辩。项目配有对应开发文档、开题报告、任务书、PPT、论文模版等项目都录了发布和功能操作演示视频；项目的界面和功能都可以定制，包安装运行！！！如果需要联系我，可以在CSDN网站查询黄菊华老师在文章末尾可以获取联系方式功能清单【后台功能】系统设置：设置关于我们、联系我们、加入我们、法律声明广告管理：设置小程序首页轮播图广告和链接留言列表：所有用户留言信息列表，支持删除

 博主介绍：黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注大学生毕业设计教育和辅导。所有项目都配有从入门到精通的基础知识视频课程，学习后应对毕业设计答辩。项目配有对应开发文档、开题报告、任务书、PPT、论文模版等项目都录了发布和功能操作演示视频；项目的界面和功能都可以定制，包安装运行！！！如果需要联系我，可以在CSDN网站查询黄菊华老师在文章末尾可以获取联系方式功能清单【后台管理功能模块】系统设置：设置关于我们、联系我们、加入我们、法律声明广告管理：设置小程序首页轮播图广告和链接留言列表：所有用户留言信息列表，

文章目录⭐前言💖vue3系列文章⭐可视化fmp、fp指标💖MutationObserver计算dom的变化💖使用条形图展示fmp、fp时间⭐项目代码⭐结束⭐前言大家好，我是yma16，本文分享关于前端vite+vue3——可视化页面性能耗时（fmp、fp）。fmp的定义FMP（FirstMeaningfulPaint）是一种衡量网页加载性能的指标。它表示在加载过程中，浏览器首次渲染出有意义的内容所花费的时间。有意义的内容指的是用户可以看到和交互的元素，如文本、图片、按钮等。首次渲染的定义可以根据具体的要求和场景而有所不同。通常情况下，首次渲染是指在页面加载过程中，浏览器首次绘制出用户能够理解和