我应该把Spring MVC的CSS和JS文件放在哪里？

在Spring MVC中，可以将CSS和JS文件放在静态资源文件夹中。静态资源文件夹是用于存放不需要经过后端处理的静态文件的目录。

在Spring MVC中，默认的静态资源文件夹是/static、/public、/resources和/META-INF/resources。可以根据自己的需求选择其中一个文件夹来存放CSS和JS文件。

例如，将CSS文件放在/static/css目录下，将JS文件放在/static/js目录下。然后在HTML文件中使用相对路径引用这些文件即可。

对于CSS和JS文件的引用，可以使用<link>标签和<script>标签进行引用。例如：

<link rel="stylesheet" type="text/css" href="/static/css/style.css">
<script src="/static/js/script.js"></script>

在这个例子中，/static是静态资源文件夹的根路径，/css和/js是存放CSS和JS文件的子目录。

关于腾讯云相关产品，推荐使用腾讯云的对象存储服务 COS（Cloud Object Storage）。COS是一种高可用、高可靠、强大的云存储服务，适用于存储和处理任意类型的文件，包括静态资源文件。您可以通过以下链接了解更多关于腾讯云 COS 的信息：

腾讯云 COS 产品介绍：https://cloud.tencent.com/product/cos

相关·内容

Spring MVC和springboot静态资源处理详细总结

假设Web根路径下拥有images、js这两个资源目录,在images下面有bg.gif图片，在js下面有test.js文件，则可以通过 /resources/images/bg.gif 和 /resources...工程的时候，直接把静态资源，比如html文件、图片等放在src/main/webapp目录下，在浏览器中是直接可以访问到这些静态资源的。...目录，然后把静态资源放在该目录下就可以，此时从浏览器中是可以直接访问到spring boot工程中的这些资源的。...静态资源，例如HTML文件、JS文件，设计到的Spring Boot配置有两项： spring.mvc.static-path-pattern spring.resources.static-locations...，处理方式是将根据模式匹配后的文件名查找本地文件，那么应该在什么地方查找本地文件呢？

1.8K3 1

SpringMVC开发一：SpringMVC的maven搭建及配置

这里我把我的依赖全部放出来，复制到你的pom.xml的dependencies标签之间就可以了，pom文件中也会给你一个示例。我的依赖如下 <!...5、基于XML 的配置 5.1、配置web.xml idea创建的web.xml这个文件版本比较低，所以我们要找一个新的。把我的文件直接全部覆盖复制进去就可以了。 <mvc:resources mapping...6、基于Java配置 java配置也是参考spring in action 第四版这个书，所以具体的原理不去详解，所以我这里更加倾向于把java配置和xml配置中的相同功能的部分进行比较，也是能对java

9041 0

从零开始重新认识 SpringMVC

contextConfigLocation：这是适配器的初始化参数，我们需要配置 Spring 配置文件的全路径，跟他说配置文件在哪里，这样他就会去加载。...，想一下把表单中的数据全部拿出来该怎么做？...确实是个字符串，但是如果我们配置了视图解析器之后就不一样了，他会去找这个名称的文件，比如我在 pages 文件夹下放了一个 success 的 jsp 文件，我想让页面直接找到它应该怎么做呢？...-- 告诉前端控制器,那些静态资源不拦截 --> <mvc:resources mapping="...注意：除了过滤器和前端控制器是在 web.xml 中配置以外，其余配置均在 spring 的配置文件中配置，如视图解析器、静态资源过滤器、拦截器等。

8514 0

SpringMVC-入门程序

创建一个 web 工程图片导入 SpringMVC 相关的 jar 包在 Spring 基础 jar 包上在添加一个 MVC 的包即可如下图，jar包下载链接：https://wws.lanzous.com...http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc.../* 拦截所有 jsp、js、png、css 真的全部拦截，不建议使用 .action、.do拦截以 do、action 结尾的请求.../ 拦截所有，不包括 jsp 包含 .js、.png、.css，建议使用创建控制器，至于放在哪里你随意，是在 src 包下即可/** * @author: BNTang **/@...：图片图片图片启动工程，会自动打开 index.jsp 页面，然后点击发送请求图片图片可以看到成功了执行流程图片我正在参与2023腾讯技术创作特训营第二期有奖征文，瓜分万元奖池和键盘手表

1373 0

放弃JSP吧--否则你无路可走

这个WAF不算是框架，只是介绍了MVC模式应该是个什么样子，如何用Servlet+JSP实现MVC模式。SUN的官网提供了少量的样例代码，剩下的都是我们根据文档自己搭建和实践。...BEA把Struts的这个升级称作Java Page Flow(Java 页面流)。一组这样的图形当中包含的Action和JSP，会定义在一个扩展名是.jpf的文件中。...服务器端把数据返回给前端就不再关心这些数据用在哪里、如何布局、什么样式。这个层面的原因非常容易理解，也是绝大多数讨论JSP是否还有必要学的时候里都会提到的。...如果强行继续在Spring Cloud环境中继续使用JSP，那么JSP放在哪里？有两种方案。 API Gateway和每个MicroService里面都有@Controller以及对应的JSP。...把整个微服务应用下的所有@Controller和JSP都放在API Gateway里面，其他Microservice中只有提供REST API的@Controller和@Service。

1.6K2 0

MyBatis+Spring MVC开发指南（四）前言Spring、Spring MVC、MyBatis整合思路分析分析：Controller到底该如何写？Spring MVC如何进行异常处理？JSO

Spring、Spring MVC、MyBatis集成原理图在这里，我并不会给出Spring/Spring MVC/MyBatis整合的每一个细节，而是分析它们整合的思路！...第二，我们需要让Spring MVC整合Web，就是在web.xml中去配置前端控制器，指明Spring MVC的配置文件在哪里及servlet-mapping。...Spring MVC是基于方法链的，那么Controller的方法定义就很特别了。特别在哪里呢？...的Action开发，那么Spring MVC和Struts2有哪些区别呢？...什么问题呢，就是对静态资源的访问问题。需要修改web.xml指明CSS/JS/IMG等静态资源的处理方式。

6222 0

Spring MVC 学习总结（八）——Spring MVC概要与环境配置（IDEA+Maven+Tomcat7+JDK8、示例与视频）

--表示把java目录下的有关xml文件,properties文件编译/打包的时候放在resource目录下--> <directory...MVC配置文件在src/main/resources源代码目录下添加spring目录与spring-mvc.xml配置文件，配置的形式与Spring容器配置基本类似，为了支持基于注解的IOC，设置了自动扫描包的功能...--本项目把静态资源放在了WEB-INF的statics目录下，资源映射如下--> <!

1.1K2 0

再见! JSP ！

这个 WAF 不算是框架，只是介绍了 MVC 模式应该是个什么样子，如何用 Servlet+JSP 实现 MVC 模式。SUN 的官网提供了少量的样例代码，剩下的都是我们根据文档自己搭建和实践。...BEA 把 Struts 的这个升级称作 Java Page Flow(Java 页面流)。一组这样的图形当中包含的 Action 和 JSP，会定义在一个扩展名是.jpf 的文件中。...服务器端把数据返回给前端就不再关心这些数据用在哪里、如何布局、什么样式。这个层面的原因非常容易理解，也是绝大多数讨论 JSP 是否还有必要学的时候里都会提到的。...如果强行继续在 Spring Cloud 环境中继续使用 JSP，那么 JSP 放在哪里？有两种方案。...把整个微服务应用下的所有@Controller和 JSP 都放在 API Gateway 里面，其他 Microservice 中只有提供 REST API 的@Controller和@Service。

6621 0

Spring Boot 中的静态资源到底要放在哪里？

当我们使用 SpringMVC 框架时，静态资源会被拦截，需要添加额外配置，之前老有小伙伴在微信上问松哥Spring Boot 中的静态资源加载问题：“松哥，我的HTML页面好像没有样式？”...，今天我就通过一篇文章，来和大伙仔细聊一聊这个问题。...mapping="/js/**" location="/js/"/> <mvc:resources...application.properties 在配置文件中定义的方式比较简单，如下： spring.resources.static-locations=classpath:/ spring.mvc.static-path-pattern...好了，通过上面的讲解，相信大家对 Spring Boot 中静态资源的位置有一个深刻了解了，应该不会再在项目中出错了吧！ ?

2K1 0

SpringBoot中jsp里面的静态资源js、css、images访问不到解决办法

文件夹，毕竟不用自己新建文件夹，那么你的页面引入的静态文件可以这么写： 4、当然就需要在static下面创建js文件夹，将jqeruy.js放在这个js文件夹下面。...5、或者你习惯于在webapp下面写静态文件，那么需要注意两个点：　　1）、第一点：需要在webapp下面创建一个static文件夹（和WEB-INF同级）然后创建js文件夹，然后把静态文件放进去...需要注意的是如果spring.resources.static-locations、spring.mvc.static-path-pattern配置如下的值： 1 spring.mvc.view.prefix...spring.mvc.static-path-pattern=/static/** 备注：　　spring.mvc.static-path-pattern: spring.mvc.static-path-pattern

3.7K2 1

Spring Boot2 系列教程(十一)Spring Boot 中的静态资源配置

，今天我就通过一篇文章，来和大伙仔细聊一聊这个问题。 1....mapping="/js/**" location="/js/"/> <mvc:resources...2.3 自定义配置当然，这个是系统默认配置，如果我们并不想将资源放在系统默认的这五个位置上，也可以自定义静态资源位置和映射，自定义的方式也有两种，可以通过 application.properties...2.3.1 application.properties 在配置文件中定义的方式比较简单，如下： spring.resources.static-locations=classpath:/ spring.mvc.static-path-pattern...好了，通过上面的讲解，相信大家对 Spring Boot 中静态资源的位置有一个深刻了解了，应该不会再在项目中出错了吧！ ? ?

1.4K1 0

springMVC访问静态资源——js、css、img等资源访问不到

springMVC访问静态资源——js、css、img等资源访问不到进行springMVC的使用时，搭建框架的时候，发现一个简单的demo都跑不起来。发现引入的js出现404了。...之后就查找各种资料后，发现，原来需要配置静态资源，否则不能进行访问指定的js资源。在springmvn-servlet.xml文件中进行设置：其中location是真实的路径，mapping是对外显示的映射的路径...现在，我想在hello.jsp中引用hello.js和jquery-2.2.2.js，那么我需要在hello.jsp中这样写： <%@ page contentType="text/html;charset...如果把springmvc-servlet.xml中的mapping映射修改一下： <mvc:resources location="/Component/" mapping="/Component_mapping

3.9K1 0

(四) SpringBoot起飞之路-Web静态资源处理

这是第四篇，关于如何处理第三方静态资源以及自己的静态资源的小结，其实如果仅仅想要知道将静态资源放在哪里，或者说怎么直接用，其实几句话就说完了，但是我在文中是循着源码或者官网/Github，诱导到这几个点...（CSS、JS等）怎么能行，按照以往 Spring 的开发来说，我们的 main 下会有一个 webapp文件夹，但是我们现在创建的 SpringBoot 项目却不然，这是因为 SpringBoot 对于静态资源的放置...测试下面测试一下，我们分别将自己定义的一个 js 文件放置于resources文件夹下的 resources、static、public 文件夹下（没有就自己创建，static 是默认有的，现在的新版本直接放在外层的那个...resources 的 ideal 和 jsjsjs 文件夹中 spring.resources.static-locations=classpath:/ideal/,classpath:/jsjsjs...index.html 就是默认的欢迎页面先不要急，我们把图标文件的处理说完，一起来测试 (三) 图标文件处理首先要说明一下，在新一些的版本中例如，2.2.x 关于静态资源的 favicon.ico

9567 1

重学SpringBoot系列之整合静态资源与模板引擎

重学SpringBoot系列之整合静态资源与模板引擎 webjars与静态资源 spring boot静态资源 favicon.ico图标欢迎页面使用WebJars管理css&js 1.pom中引入依赖...Boot在进行页面渲染的时候，去哪里寻找JSP文件 spring: mvc: view: suffix: .jsp prefix: /WEB-INF/jsp/ debug...: true spring.mvc.view.prefix 指明 jsp 文件在 webapp 下的哪个目录 spring.mvc.view.suffix 指明 jsp以什么样的后缀结尾。...静态资源，如：图片放在resources/static目录下面 jsp文件放在webapp.WEB-INF.jsp的下面 ---- 代码测试 @Controller @RequestMapping("...spring: freemarker: cache: false # 缓存配置开发阶段应该配置为false 因为经常会改 suffix: .ftl # 模版文件后缀名

5.1K3 0

idea创建SpringMVC项目（1）

settings.xml 文件里面会所直至的本地仓库的地址和这个地址是一样的 User setting file我这里用的是.m2/settings.xml 这里没有问题后Finish ?...将下图中的Spring和Spring下的Spring MVC都勾上，之前配置pom.xml文件时，已经自动下载了spring相关文件，所以这里就直接用之前下载好的就可以了，OK。...--本项目把静态资源放在了webapp的statics目录下，资源映射如下--> <mvc:resources mapping="/image/...然后On 'Update' action 和 On frame deactivation两项都选择Update classes and resources，这是为了当我们修改了jsp、css、js等静态资源的时候

1.5K6 2

idea中servlet访问不到_javaweb创建servlet

交个朋友，你要的都在这_AProMonkey的博客-CSDN博客今天遇到一个比较新奇的问题，但是也应该是使用spring MVC框架时由于疏忽经常会遇到的一个，解决后写出来和大家分享分享。...问题描述：项目正常启动，可以访问页面，但是无法找到静态资源文件，如css，js等文件资源。...with name 'mvc-dispatcher' 因为项目使用了spring security，之前我一度怀疑是不是没有给静态文件设置访问权限，后来确认了已经设置了访问静态资源无需权限认证，也检查了...去网上查阅了一些资料后发现，确实是mvc拦截器在作祟。我之前的拦截器配置信息： <!...方法2：直接告诉spring，这个你就得这么做！在MVC配置文件中添加资源文件映射。

8073 0

组件化——前端编程的选择

这是一个很古老的时代，那时的前端页面就是一些基本的HTML标签以及JS和CSS，页面上大部分都是一些静态的文字，就在这个时期，前端JS和CSS已经出现了组件化，或许更多的应该成为模块化，即开发者把不同模块的或者公共的...JS和CSS放在不同的文件中，然后在页面引入并使用，这种方式也沿用至今。...在这个时期前端组件化开发得到了一定的发展，开发者已经不满足于简单的将JS和CSS文件模块化，开始把一些公用的页面逻辑独立开来，然后通过页面动态引入的方式进行使用，比如公共的页面头(header)和尾(footer...前面讲了CSS的模块化基本上是将实现某一模块Dom样式的CSS放在不同的文件中，显然随着WEB应用的发展，开发者已经很不满足于这种简单的模块化了。...我认为组件应该遵守以下几个原则：标准性任何一个组件都应该遵守一套标准，可以使得不同区域的开发人员据此标准开发出一套标准统一的组件。组合性组件之前应该是可以组合的。

1.9K8 0

03 整合IDEA+Maven+SSM框架的高并发的商品秒杀项目之web层

基于Restful设计的URL，对于我们接口的使用者、前端、web系统或者搜索引擎甚至是我们的用户，都是非常友好的。关于Restful的了解大家去网上一搜一大把，我这里就不再做介绍了。...下面看看我们这个秒杀系统的URL设计： ? 接下来基于上述资源接口来开始对Spring MVC框架的使用。...配置Spring MVC框架在web.xml文件里面引入DispatcherServlet： ? web.xml里面的代码请参照项目的源代码。...这样我们便完成了Spring MVC的相关配置(即将Spring MVC框架整合到了我们的项目中)，接下来就要基于Restful接口进行我们项目的控制器 SeckillController 的开发工作了...## 添加 seckill.js 文件添加 seckill.js 文件，在下图所示的位置。 ? seckill.js 里面的代码请参照项目的源代码。

1.2K5 0

Spring MVC绑定 List 对象参数原

最近做的一个小小的项目碰上了如何用 post 传递一整个 list 的问题，在解决这个问题的同时，也顺带升级一下 Spring 的版本，并精简一下代码，不过对新的用法没有时间去做太多的探索...配置 mvc-dispatcher-servlet.xml，注意这里把数据库的配置也同样放了进来，所以就不需要 persistence.xml 了： <?...http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsd http...，把 index.jsp 拖到这个文件夹下： ?...2、批量输入数据接下来就要完成我的下一个目标，如何批量的输入数据，即一次性输入多个用户。首先，要找个方法把多个用户用列表封装起来。

1.2K1 0

RePractise前端篇: 前端演进史

也许，你也一直在说CSS不好写，但是CSS真的不好写么？人们总在说JS很难用，但是你学过么？只在需要的时候才去学，那肯定很难。...在这个ASP文件里，它从数据库里查找出了数据，然后Render出HTML。如果可以看到历史版本，那么我想我会看到有一个作者将style=""的代码一个个放到css文件中。...这也是一个有效的SEO策略，上面这些代码是我博客过去的代码。对于桌面版和移动版都是不同的模板和不同的JS、CSS。 ? 在这一时期，桌面版和移动版的代码可能在同一个代码库中。...因为JavaScript在模块化上的缺陷，所以我们就用Require.JS来进行模块化。下面的代码就是我在尝试对我的博客进行SPA设计时的代码： ?...在用Spring MVC之前，也许我们还在用CGI编程，而Spring降低了这部分复杂度，但是这和React一样降低的只是新手的复杂度。在我们不能以某种语言的方式写某相关的代码时，这会带来诸多麻烦。

8969 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云