繁体   English   中英

在春季放置和使用CSS和JS文件

[英]Placing and using css and js files in spring

我是Spring MVC的新手,我已根据Tutorials教程中的所有教程开发了所有基本内容,但没有说明如何链接css文件或js文件。 我在stackoverflow中经历了与此有关的其他问题,但无法解决我的问题。 首先,我将从下面给出的错误开始。

GET http://localhost:8082/Springtest/resources/css/bootstrap.css  

我的web.xml如下。

<?xml version="1.0" encoding="UTF-8"?>
<web-app id="WebApp_ID" version="2.4" 
     xmlns="http://java.sun.com/xml/ns/j2ee" 
     xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
     xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd"> 
<display-name>Spring MVC Application</display-name> 
<servlet> 
    <servlet-name>Springtest</servlet-name> 
    <servlet-class> org.springframework.web.servlet.DispatcherServlet </servlet-class> 
    <load-on-startup>1</load-on-startup> 
</servlet> 
 <servlet-mapping> 
    <servlet-name>Springtest</servlet-name> 
    <url-pattern>/</url-pattern> 
</servlet-mapping>
<session-config>
    <session-timeout>
        30
    </session-timeout>
</session-config>
<welcome-file-list>
    <welcome-file>redirect.jsp</welcome-file>
</welcome-file-list>
</web-app>

applicationContext.xml

<?xml version='1.0' encoding='UTF-8' ?>
<!-- was: <?xml version="1.0" encoding="UTF-8"?> -->
<beans xmlns="http://www.springframework.org/schema/beans"
   xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
   xmlns:p="http://www.springframework.org/schema/p"
   xmlns:aop="http://www.springframework.org/schema/aop"
   xmlns:tx="http://www.springframework.org/schema/tx"
   xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-4.0.xsd
   http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop-4.0.xsd
   http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx-4.0.xsd">

<context:component-scan base-package="Student" /> 
<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver"> 
    <property name="prefix" value="/WEB-INF/jsp/" /> 
    <property name="suffix" value=".jsp" /> 
</bean>
<resources mapping="/resources/**" location="/resources/" /> 
</beans>

Springtest-servlet.xml

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans" xmlns:context="http://www.springframework.org/schema/context" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation=" http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-3.0.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-3.0.xsd"> 
<context:component-scan base-package="Student" /> 
<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver"> 
    <property name="prefix" value="/WEB-INF/jsp/" /> 
    <property name="suffix" value=".jsp" /> 
</bean>
</beans>

我已使用以下语句链接到CSS

<link href="${pageContext.request.contextPath}/resources/css/bootstrap.css" rel="stylesheet"  type="text/css" />

所用文件结构的图像如下。

我项目的文件结构

我已经标记了包含我的css文件的位置,我没有使用过maven或pom.xml。 请告诉我我在这里犯了什么错误。 我也不知道在spring-mvc项目中使用maven和pom.xml,因此教程也将有所帮助。

我在Spring MVC中使用TheamLeaf而不是Jsp,在使用此CSS文件之前,我在每页中都添加了这一行

<link rel="stylesheet" th:href="@{/frontend/css/myStyle.css}" />

我自己的自定义JavaScript文件的情况类似

<script th:src="@{/custom/js/myFile.js}" type="text/javascript"></script>

你会尝试吗? 我的意思是您在Jsp页面中有这些链接吗?

我认为在资源标签中应该是

<mvc:resources mapping="/resources/**" location="/resources/" /> 

否则你应该声明它

 <beans xmlns="http://www.springframework.org/schema/beans"
   xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
   xmlns:p="http://www.springframework.org/schema/p"
   xmlns:aop="http://www.springframework.org/schema/aop"
   xmlns:tx="http://www.springframework.org/schema/tx"
   xmlns:mvc="http://www.springframework.org/schema/mvc"
   xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-4.0.xsd
   http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop-4.0.xsd
   http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx-4.0.xsd
   http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-3.0.xsd">

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM