如何在Spring Mvc中使用jsps添加CSS和js文件

Question

我目前正在使用Spring MVC開發基於JavaEE spring的應用程序，但是當我添加css和js文件時，jsps無法讀取它們，經過一些研究后，我在調度程序servlet文件中添加了這一行

<?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:context="http://www.springframework.org/schema/context"
    xmlns:mvc="http://www.springframework.org/schema/mvc"
    xsi:schemaLocation="http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-4.3.xsd
        http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd
        http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-4.3.xsd">


    <context:component-scan base-package="controllers"></context:component-scan>
    <mvc:annotation-driven></mvc:annotation-driven>
    <bean id="jspViewResolver"
        class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/WEB-INF/jsps/"></property>
        <property name="suffix" value=".jsp"></property>
    </bean>
    <mvc:resources location="/resources/" mapping="/resources/**"></mvc:resources>


</beans>

這是項目層次結構

Answer 1

嘗試這個，

在您的jsp頁面上，如果您使用的是jstl，請執行此操作

首先包括jstl標記庫，

<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

然后

    <link href="<c:url value="/resources/css/myCSSFile.css" />"  rel="stylesheet">
   <script src="<c:url value="/resources/js/jquery.1.10.2.min.js"  />"></script>
    <script src="<c:url value="/resources/js/main.js" />"></script>

說，如果您已經在使用Spring標記庫，那么您可以這樣做嗎？

首先包括標簽庫，如下

<%@ taglib prefix="s" uri="http://www.springframework.org/tags"%>

然后這樣做

<s:url value="/resources/css/main.css" var="mainCss" />
<s:url value="/resources/js/jquery.1.10.2.min.js" var="jqueryJs" />
<s:url value="/resources/js/main.js" var="mainJs" />

<link href="${mainCss}" rel="stylesheet" />
<script src="${jqueryJs}"></script>
<script src="${mainJs}"></script>

如果我錯過了一些要解釋的內容，請告訴我

Answer 2

您需要像在HTML文件中一樣，將css / js文件添加到.jsp自身的<script>和<link>標記中。

CSS和JS都是客戶端，需要在客戶端而不是服務器上發送/加載。

編輯得更清楚一點：JSP在后端（Spring）上被“格式化”，然后像靜態HTML一樣被發送到客戶端，因此在服務器上加載JS / CSS就像在客戶端上運行所有客戶端代碼一樣。服務器，停止運行客戶端代碼，然后將靜態頁面發送給客戶端。