如何使用 Spring Mvc 的 jsps 添加 css 和 js 文件答案

【问题标题】：how can I add css and js files with jsps with spring Mvc如何使用 Spring Mvc 的 jsps 添加 css 和 js 文件
【发布时间】：2017-05-02 14:26:26
【问题描述】：

我目前正在使用 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>

这是项目层次结构

【问题讨论】：

标签： javascript java spring css spring-mvc

【解决方案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>

如果我错过了在这里解释的内容，请告诉我

【讨论】：

【解决方案2】：

您需要将 css/js 文件添加到 .jsp 本身的 <script> 和 <link> 标记中，就像添加 HTML 文件一样。

CSS 和 JS 都是客户端，需要在客户端而不是服务器上发送/加载。

编辑得更清楚一点：JSP 在后端（Spring）被“格式化”，然后像静态 HTML 一样发送到客户端，因此在服务器上加载 JS/CSS 就像运行所有服务端的客户端代码，停止运行客户端代码，然后将静态页面发送给客户端。

【讨论】：