SpringBoot前后端分离项目中如何制作前端jar包（类似swaggerUI前端jar包制作方法）

最新推荐文章于 2023-04-30 16:09:48 发布
最新推荐文章于 2023-04-30 16:09:48 发布
阅读量983 收藏 1
点赞数
分类专栏： UI-HTML 文章标签： spring boot
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/peterlu20110415/article/details/107079446
版权

SpringBoot前后端分离项目中如何制作前端jar包（类似swaggerUI前端jar包制作方法）

可用于SpringBoot引用的前端UI的Jar包，类似于SwaggerUI包

有的时候我们会碰到一些场景，需要制作前端UI包，用于灵活部署，或者方便个性化改造。那么我们可以使用webjars的方式打包，maven直接引入jar包，即可集成，类似于SwaggerUI包。

WABJAR介绍

WebJars是将这些通用的Web前端资源打包成Java的Jar包，然后借助Maven工具对其管理，保证这些Web资源版本唯一性，升级也比较容易。关于webjars资源，有一个专门的网站http://www.webjars.org/，我们可以到这个网站上找到自己需要的资源，在自己的工程中添加入maven依赖，即可直接使用这些资源了。
webjars官网上可以找到已有的webjars https://www.webjars.org/

SpringBoot中制作webjar包

在3.X的Servlet规范中，WEB-INF/lib下的jar包中的META-INF/resources将自动作为静态资源供程序来访问。SpringBoot已完成自动装配。

一.maven打包

首先把自己的静态资源放到src\main\resource下面：

最低0.47元/天 解锁文章
peterlu20110415
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
手把手vue+springboot前后端分离项目实战---豆宝社区项目后端代码.zip
03-03
在本项目中，“手把手vue+springboot前后端分离项目实战---豆宝社区项目后端代码.zip”是一个针对初学者的实战教程，旨在通过构建一个名为“豆宝社区”的应用程序来教授Vue.js和Spring Boot的整合应用。这个压缩包...
my-framework：这是一个包含前端和后端的框架。 前端由vue构建，后端基于SpringBoot
03-04
Vue.js与SpringBoot的结合，为开发者提供了前后端分离的开发模式。前端通过发送HTTP请求与后端进行数据交互，通常使用RESTful API设计原则，这样既能保持前端和后端的解耦，也能保证系统的可扩展性和可维护性。Vue....
springboot 打成jar包并运行（方法二）
efilelims的博客
02-26 1117
1. 打包前确认项目可以正常运行,打开Project Structure 或者点击下图图标 2.打开设置如下 3.选择打包项目、main类、打包路径。（注意：打包路径需要设置为项目src目录，idea默认java路径不能把MET-INF配置文件夹打包进去） 4.编译，选择build Artifacts   5初始编译选择“build”,否则选择“rebuild” 6...
IDEA如何打包可运行jar的一个问题。
bglmmz的专栏
04-30 1359
背景： 有时候，我们会用IDEA来开发一些小工具，需要打成可运行的JAR包；或者某些项目不是WEB应用，纯粹是后台应用，发布时，也需要打成可运行的JAR包。并且，如果依赖第三方jar时，又不希望第三方jar也打入最终的可运行jar包，并且还希望，组织下目录结构（如把第三方jar文件，放到最终可运行jar包的并行目录lib下）   开发环境 OS： Windows 8.1 JDK： 1...
springboot项目使用Swagger-UI
qq_31024823的博客
08-10 485
pom.xml 文件中加入依赖 <!--swagger --> <dependency> <groupId>io.springfox</groupId> <artifactId>springfox-swagger2</artifactId> ...
SpringBoot项目集成使用Swagger
qq_43612704的博客
08-30 192
一、简介 前后端分离 后端时代： 前端只用管理静态页面；html==>后端（前端编写HTML等样式交给后端），模板引擎JSP=>后端是主力 前后端分离时代： 后端：后端控制层，服务层，数据访问层 前端：前端控制层（如vue中的双向绑定，通过data渲染等），视图层 前端伪造后端数据，json在前端写的时候已经存在，不需要后端，前端工程依旧能够跑起来 前后端如何交互？===>通过API接口进行交互 前后端相对独立，松耦合； 前后端甚至可以部署在不同的服务器上 产生问题：
springboot项目直接jar包部署方式
终是庄周
07-09 272
<?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0
springboot物业管理系统
03-25
- **RESTful API**：通过HTTP方法实现服务间的通信，常用在前后端分离的架构中。 - **Swagger**：用于API文档的生成和测试，便于开发者理解和使用API接口。 - **Spring Security**：提供安全控制，包括身份验证、...
基于Springboot+Vue医院管理系统源码案例设计带文档说明.zip
最新发布
04-21
1. 前后端分离：采用Springboot作为后端服务提供者，Vue作为前端用户界面，通过HTTP/HTTPS协议进行通信。 2. 数据库设计：通常会包含用户管理、科室管理、医生信息、挂号记录、病历记录等多个模块的数据库表，以满足...
基于SpringBoot+Vue的毕业选题系统源码.zip
11-02
综上所述，基于SpringBoot+Vue的毕业选题系统是一个典型的前后端分离项目，涉及的技术广泛，涵盖了后端服务开发、前端UI构建、数据库设计、安全控制等多个方面。通过实践这样的项目，开发者可以提升自身技能，更好地...
【Java】Swagger(文档交互)
qq_30130205的博客
04-30 1746
了解Swagger的作用和概念了解前后端分离在SpringBoot中集成swaggerSwagger简介前后端分离后端时代：前端只用管理静态页面；html由后端做。前后端分离时代后端：控制层、服务层、数据访问层前端：前端控制层、视图层位置后端数据，json。已经存在了，不需要后端，前端工程依旧能够跑起来前后端如何交互？通过API前后端相对独立，松耦合前后端甚至可以部署在不同的服务器上前后端集成联调，前后端人员和后端任务无法做到，即使协商，尽早解决，最终导致问题集中爆发；
❤️《微服务开发—Swagger》（建议收藏）
...
10-10 1252
Swagger 文章目录Swagger1、Swagger的作用和概念1、Swagger 的优势2、SwaggerUI 特点2、SpringBoot集成Swagger3、配置Swagger4、实体配置5、其他皮肤 1、Swagger的作用和概念 ​ 官方地址：https://swagger.io/ ​ Swagger 是一个规范且完整的框架，用于生成、描述、调用和可视化 RESTful 风格的 Web 服务以及 集成Swagger自动生成API文档。 ​ Swagger 的目标是对 REST API 定义
springboot --前端网页引用jar包依赖的做法
sky
01-09 727
百度搜索 webjars 官网， 然后获取自己对应jar的依赖。 比如Bootstrap <dependency> <groupId>org.webjars</groupId> <artifactId>bootstrap</artifactId> <version>4.4.1</version&g...
java集成Swagger的详细步骤
热门推荐
weixin_42165041的博客
07-17 5万+
目录 一、简介以及使用 二、整合步骤 三、注解说明 四、导出word文档   一、简介以及使用 号称：世界最流行的API框架 官网：http://swagger.io/ 解决什么问题： 在前后台分离的开发模式中，减小接口定义沟通成本，方便开发过程中测试，自动生成接口文档 使用方式： 1、通过官网配置文档，一个接口一个接口编写 2、通多注解配置，动态生成json数据，由框架...
Java-swagger
小安灬的博客
06-05 2579
效果图 : 环境配置 : 1> pom.xml : <!-- Swagger 如果为Integer类型,不给example默认值则会报NumberFormatException--> <dependency> <groupId>io.springfox</groupId> <artifactId>springfox-swagg...
JavaWeb项目中集成Swagger API文档
ZBH的博客
09-24 1万+
0 本文主要涉及 在基于Spring和SpringMVC的前后端分离的JavaWeb项目中生成Swagger API文档（使用SpringFox来实现）。 1 SpringFox和Swagger简介 结合SpringFox通过注解的形式自动生成Swagger API文档（HTML页面形式），该文档还具有简单的接口调试功能。 官网：http://springfox.github.io/spri...
若依框架前后端项目分离部署（jar包+Nginx部署）
Jiashun Hao的博客
06-02 8371
若依框架前后端项目分离部署（jar包+Nginx部署） 最近用偌依的前后端分离框架做了一个小项目，想要部署到另外一台windows电脑（服务器）上的时候出了一点问题，最后解决，写一篇文档总结一下。 1.部署必备 要将项目部署到服务器，该服务器必须具备以下几个条件： 1.JDK1.8以上 2.Tomact（如果部署jar包则不用） 3.Nginx （必备） 4.Redis服务（直接下载运行不设置服务也可以） 5.Mysql的连接以及正确性 2.打包 这一步可以参照官网给出的文档，这里我之写明我实现了所用到的部
前后端分离SpringBoot项目,Docker部署后端Jar包
林镇川的博客
11-25 5414
Docker制作后端项目镜像 第一步 下载Docker 使用的是CentOS7,内核低于3.0好像不行,查看内核命令 uname -r yum install docker 常用docker命令 启动docker：systemctl start docker 停止docker：systemctl stop docker 重启docker：systemctl restart docker 查看d...
vue springboot前后端分离项目
07-27
Vue SpringBoot前后端分离项目是一种常见的开发模式，其中前端使用Vue框架进行开发，后端使用SpringBoot框架进行开发。在这种项目中，前后端通过API进行数据交互，实现前后端的解耦和独立开发。 在建立项目时，可以选择使用路由选项，这样就不需要再次安装路由。同时，需要安装axios库来进行前后端的数据交互。 项目的搭建过程包括前端Vue的搭建和后端项目的构建。前端搭建可以使用IDEA和Vue Element UI等工具，后端项目可以使用SpringBoot和Mybatis-Plus等框架。在构建过程中，需要在pom文件中引入相应的jar包，并在yml文件中配置数据库连接和端口设置。同时，还需要编写controller层、service层、imp层、mapper和实体类等代码，以及解决跨域问题。 在项目完成后，可以进行测试，确保前后端的数据交互和功能正常运行。 总结来说，Vue SpringBoot前后端分离项目是一种通过API进行数据交互的开发模式，前端使用Vue框架，后端使用SpringBoot框架，通过搭建和配置实现前后端的解耦和独立开发。 #### 引用[.reference_title] - *1* [springboot+vue前后端分离项目（后台管理系统）](https://blog.csdn.net/qq_52050769/article/details/119685283)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [spring boot+vue前后端项目的分离（我的第一个前后端分离项目）](https://blog.csdn.net/weixin_43304253/article/details/122093289)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值