我应该把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...，处理方式是将根据模式匹配后的文件名查找本地文件，那么应该在什么地方查找本地文件呢？

2.1K3 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

1K1 0

从零开始重新认识 SpringMVC

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

8664 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.7K2 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等静态资源的处理方式。

6612 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.2K2 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。

7171 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

4.3K2 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.5K1 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

4K1 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

9887 1

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

重学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.2K3 0

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

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

1.9K8 0

idea中servlet访问不到_javaweb创建servlet

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

8563 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

Spring核心原理分析之MVC九大组件（1）

2 SpringMVC九大组件名称解释 Spring MVC九大组件在DispatcherServlet的init()方法中初始化，下面我详细介绍一下Spring MVC九大组件的名称和作用。...Spring MVC中一套主题对应一个properties文件，里面存放着与当前主题相关的所有资源，如图片、CSS样式等。...2.8 ViewResolver ViewResolver即视图解析器，相信大家对这个组件应该很熟悉了。通常在Spring MVC的配置文件中，都会配上一个实现类来进行视图解析。...即便Spring MVC对读取出的方法参数名进行了缓存，如果能不读取.class文件当然更好。 3....缓存URL 在阅读源码的过程中，我们发现Spring MVC并没有对处理URL的方法进行缓存，也就是说，每次都要根据请求URL去匹配Controller中的方法的URL，如果把URL和方法的关系缓存起来

1.2K2 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.3K5 0

RePractise前端篇: 前端演进史

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

9229 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云