3

我下载了使用 css 和 JavaScript 的登录模板。当我以默认的 html 格式启动它时,它显示正常,但是当我将相同的代码放入我的 Spring MVC 3 应用程序并将格式更改为 jsp 时,javascript 部分被禁用。我可以通过我的网络浏览器访问外部 js 文件,所以我不知道问题出在哪里。

这是正确的外观: 正确的

但这就是我得到的: 错误的

<script language="javascript" type="text/javascript" src="js/niceforms.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="css/niceforms-default.css" />

我只更改了外部 js 和 css 资源的位置,但正如我所说,这些文件是可以访问的。

这是我的结构:

在此处输入图像描述

在我的web.xml我有这些行:

<!-- The definition of the Root Spring Container shared by all Servlets and Filters -->
<context-param>
    <param-name>contextConfigLocation</param-name>
    <param-value>
        /WEB-INF/spring/root-context.xml,
        /WEB-INF/spring/security-context.xml,
    </param-value>
</context-param>

<!-- Creates the Spring Container shared by all Servlets and Filters -->
<listener>
    <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
</listener>

<!-- Processes application requests -->
<servlet>
    <servlet-name>appServlet</servlet-name>
    <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
    <init-param>
        <param-name>contextConfigLocation</param-name>
        <param-value>/WEB-INF/spring/appServlet/servlet-context.xml</param-value>
    </init-param>
    <load-on-startup>1</load-on-startup>
</servlet>

<servlet-mapping>
    <servlet-name>appServlet</servlet-name>
    <url-pattern>/</url-pattern>
</servlet-mapping>

<!-- Spring Security -->
<filter>
    <filter-name>springSecurityFilterChain</filter-name>
    <filter-class>org.springframework.web.filter.DelegatingFilterProxy</filter-class>
</filter>

<filter-mapping>
    <filter-name>springSecurityFilterChain</filter-name>
    <url-pattern>/*</url-pattern>
</filter-mapping>

<servlet-mapping>
    <servlet-name>default</servlet-name>
    <url-pattern>*.css</url-pattern>
</servlet-mapping>
<servlet-mapping>
    <servlet-name>default</servlet-name>
    <url-pattern>*.js</url-pattern>
</servlet-mapping>
<servlet-mapping>
    <servlet-name>default</servlet-name>
    <url-pattern>*.gif</url-pattern>
</servlet-mapping>
<servlet-mapping>
    <servlet-name>default</servlet-name>
    <url-pattern>*.jpg</url-pattern>
</servlet-mapping>
<servlet-mapping>
    <servlet-name>default</servlet-name>
    <url-pattern>*.png</url-pattern>
</servlet-mapping>
<servlet-mapping>
    <servlet-name>default</servlet-name>
    <url-pattern>*.txt</url-pattern>
</servlet-mapping>

我也使用 Apache tiles2

<tiles-definitions>
<definition name="base.definition" template="/WEB-INF/views/layout/layout.jsp">
    <put-attribute name="body" value="" />
</definition>

<definition name="contact" extends="base.definition">
    <put-attribute name="body" value="/WEB-INF/views/contact.jsp" />
</definition>

<definition name="login" template="/WEB-INF/views/login/login.jsp">
</definition>

谢谢。

编辑:

我现在知道问题出在哪里,但仍然不知道如何解决...问题出在外部 css 文件的路径中。我有这样的事情:body {background-image:url('images/bg.jpg');}但是我在firebug中找不到错误,因为它试图在localhost:8080/sheedo/css/images/bg.jpg中找到资源,并且当我设置资源的绝对路径时,body {background-image:url('/images/bg.jpg');}我也得到了同样的错误但它试图在localhost:8080/images/bg.jpg中找到它。当我使用./images/bg.jpg它时没问题,但是否存在任何其他解决方案而不是重写 css 文件中的所有路径?我的意思<mvc:resources ... >是有可能吗?

4

4 回答 4

8
<script type="text/javascript" src="${pageContext.request.contextPath}/js/niceforms.js"></script>
<link href="${pageContext.request.contextPath}/css/niceforms-default.css" rel="stylesheet" />

使用上面的代码..您需要动态指定它,而不是静态..

于 2012-04-27T05:56:52.867 回答
1

我在这里看到两件事

  1. 默认 servlet 没有任何 servlet 映射。tomcat 文档这样说http://tomcat.apache.org/tomcat-5.5-doc/default-servlet.html(我相信你正在使用 tomcat)。
  2. 如果 jsp 中存在路径问题,请尝试使用<c:url/>更干净的 jstl 核心库。http://docs.oracle.com/javaee/5/jstl/1.1/docs/tlddocs/c/tld-summary.html
于 2012-04-26T22:38:31.427 回答
1

在 jsps 中为 javascript 和 css 使用绝对路径

在你的jsp中添加这个

<%
    String path = request.getContextPath();
%>

改变这两行

<script language="javascript" type="text/javascript" src="<%=path%>/js/niceforms.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="<%=path%>/css/niceforms-default.css" />
于 2012-04-26T21:04:41.197 回答
0

${pageContext.request.contextPath}如果你在模板中使用它,而不是那个丑陋的:

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

然后你可以这样做:

<spring:url value="/resources/jquery-2.1.4.js" var="jqueryJS" />
<script type="text/javascript">
if (typeof jQuery == 'undefined') {
    var script = document.createElement('script');
    script.type = "text/javascript";
    script.src = "${jqueryJS}";
    document.getElementsByTagName('head')[0].appendChild(script);
}
</script>
于 2015-11-28T20:49:11.970 回答