Spring boot 导入html，css，js

最新推荐文章于 2024-05-16 17:28:54 发布
最新推荐文章于 2024-05-16 17:28:54 发布
阅读量290 收藏
点赞数
文章标签： java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44993558/article/details/116490410
版权
本文介绍了SpringBoot中托管静态资源的两种方法：通过WebJars导入和将资源放入静态文件夹。使用WebJars可以通过指定版本号访问静态库，而将资源置于src/main/resources/static目录下，Idea中的resources目录等同于classpath。默认情况下，index.html会被作为欢迎页，直接访问项目地址即可加载。
摘要由CSDN通过智能技术生成

springboot项目放静态资源

1.通过webjars导入

导入对应的依赖，然后就可以通过classpath:端口号/webjars/对应的名字访问对应资源/版本号/静态资源
在这里插入图片描述在这里插入图片描述
在这里插入图片描述

2.放在静态资源文件夹下

将静态资源放在资源文件夹下，idea中的resources下层等于classpath后
在这里插入图片描述
在这里插入图片描述

欢迎页

在静态资源文件夹下的index.html被默认为首页，直接访问localhost:端口号就可以使用

迷雾漫步
关注
基于springboot+js+html+css的上课考勤系统+毕业设计
05-17
【标题】"基于SpringBoot+JS+HTML+CSS的上课考勤系统+毕业设计"是一个综合性的项目，它结合了多种技术，构建了一个用于教学考勤管理的应用程序。这个项目的核心在于SpringBoot框架，它是Spring生态系统的一个轻量级...
springboot的使用html页面及css、js路径的配置
热门推荐
wejack的专栏
05-12 1万+
1. springboot集成 html页面 在pom.xml文件中增加thymeleaf的starter引用 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency> springboot项目，在application.y
Spring boot 2.0+引用静态文件js、css、html
loading-world
07-18 566
1、先上目录 上图红框圈出来的文件为接下来会用到的文件 2、maven包的pom.xml <dependency> <groupId>org.mybatis.spring.boot</groupId> <artifactId>mybatis-spring-boot-starter</artifactId> &lt...
史上最全SpringBoot教程，从零开始带你深入♂学习（四）——web开发
爱分享的板栗老哥
07-16 196
Springboot（四）——web开发 静态资源 四个目录存放的静态资源可以被我们识别,用来存放我们的html、css、js、图片等文件 "classpath:/META-INF/resources/" "classpath:/resources/" "classpath:/static/" "classpath:/public/" 他们的优先级是：resources>static（默认）>public 可以在配置文件中制定静态资源路径 #制定静态资源路径 spring.mvc.sta
spring boot 开发web项目（静态资源 html css js）
ccdok123的专栏
02-09 964
方法一： spring boot 是一个jar, 因此静态资源就不是再存放到webapps中，存放到哪里？ 静态资源存放路径通过WebmvcAtuoConfiguration类-addResourceHandlers()指定: /webjars/ webjars资源地址 WebJars - Web Libraries in Jars 方法二、 spring boot 约定：spring boot 将一些目录结构设置成静态资源存放目录，我们的静态资源直接存放这些目录即可 Resourceprop
springboot整合html,css,js/bootstrap
qw160的博客
02-01 697
html step1 修改pom.xml文件 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency> 完整的pom.xml为 <?xml version=
基于Spring Boot的Guns前后端分离框架设计源码
04-09
项目包含144个Vue文件、102个JS文件、45个PNG图像文件、33个CSS文件、29个LESS文件、18个Java文件以及4个JSON文件、4个YAML文件、3个XML文件和3个WOFF字体文件，共403个文件。Guns框架支持前后端分离，提供配套的...
Spring框架实现Excel批量导入数据
04-13
可以使用HTML、CSS和JavaScript实现，也可以借助如Vue.js、React等前端框架。前端页面提交文件到后端Controller处理，并显示导入结果。 9. **优化和扩展**： 进一步优化性能，可以考虑使用多线程并行处理数据，...
基于Spring Boot框架的个人博客系统.zip
最新发布
09-08
该系统适用于Spring Boot初学者，提供了丰富的功能和友好的用户界面，支持Markdown文件导入，模仿Hexo生成的访问路径。 项目的主要特性和功能 后端技术栈 核心框架Spring Boot 持久层框架MyBatis 模板框架...
Spring Boot引入swagger-ui 后swagger-ui.html无法访问404的问题
09-07
在Spring Boot应用中，Swagger是一个强大的工具，它可以帮助开发者生成、描述、测试和展示RESTful API。Swagger UI是Swagger的一部分，提供了一个用户友好的界面，允许用户交互式地浏览和测试API。然而，在Spring ...
spring boot 2.x html中引用css和js失效问题及解决方法
10-17
主要介绍了spring boot 2.x html中引用css和js失效,需要的朋友可以参考下
idea SpringBoot项目导入前端模板css，js，images等不能生效解决办法
weixin_45490396的博客
07-15 2923
前因：因为之前一直用的eclipse ，最近学springboot才换成idea的，使用方面还是不大熟悉。今天在springboot项目中导入前端模板时出现了很奇怪的现象，明明前端代码中的css和js以及images这些文件都导入到项目里了，而且按住ctrl+鼠标左键点击也是可以跳转进相应的文件中的。但是项目运行时显示的效果就是没有css和js效果的，当然背景图那些也是显示不出来的。百度查试了一些方法，有说修改web.xml的，有说改idea软件设置的，还有说改拦截啥啥啥的。我试了几个都不大行。最后其实就是
springboot配置访问静态html页面及css/js等资源
weixin_44020899的博客
08-15 5807
springboot配置访问静态html页面及css/js等资源1.创建springboot工程2.pom.xml3.以引入layui为例4.在templates文件夹下创建html页面html代码5.创建一个controller跳转页面6.大功告成，启动工程在浏览器数据http://localhost:8080/hello 1.创建springboot工程 2.pom.xml <?xml...
html css js原生前端+springboot实现前后端分离的计算器
weixin_67421784的博客
10-20 315
我使用html，css，js原生来开发前端，遇到了响应式变量不便于管理的问题，在接口对接上，直接使用了原生请求库，成功与后端对接。总的来说这次作业收获很大，是一次完整的前后端分离开发体验，也学习到了许多新知识，接下来我会去了解vue框架，希望能在之后的项目中做得更好。2.前端：html+css+js 原生写代码，直接用Fetch API、XMLHttpRequest（XHR）（原生请求库）发送请求，成功和后端对接。4.数据库：存历史记录以及数据，用了可视化工具navicat，共有三个表。
springboot访问静态页面，并加载css、js样式
qq_45947664的博客
09-16 6121
src="/js/jquery.min.js" 也就是地址 src="/static/js/jquery.min.js"2、因为是通过地址栏访问，所以使用@GetMapping注解，注解后的内容可随意写，访问时的地址就是：“3、return“ ”里面填的字符串一定要是自己放入templates里的html页面的名字。1、一定要用@Controller注解，不能用@Restcontroller；虽然href或src内的内容idea会标识不认识，但地址是没有问题。
SpringBoot Web工程引入js、css、img文件
qq_31415417的博客
02-15 1023
本文介绍SpringBoot Web工程引入js、css、img文件
springboot中jsp页面下导入css,js
key_wu的博客
07-11 1652
下午想在jsp页面下实现css与js文件的导入，结果出了一点小问题。 首先，js文件，css文件访问不到的问题，之所以访问不到，在于springboot项目在默认情况下也是会对css，js文件下是不会放行的，具体放行的执行类如下： package com.bo.config; import org.springframework.boot.web.servlet.FilterRegistr...
springboot引入css，js
weixin_46121413的博客
03-23 2311
springboot 引入css，js
springboot 通过thymeleaf引入静态html页面并引入js、css文件
weixin_41463944的博客
05-16 894
springboot 通过thymeleaf引入静态html页面并引入js、css文件
Spring Boot入门详解：简化Spring应用开发
`src/main/resources`目录用于存放资源配置文件，如`application.properties`或`application.yml`，以及静态资源（如HTML、CSS、JavaScript）和模板引擎文件。 通过以上步骤，你可以快速构建起一个基础的Spring ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值