3

cssとJavaScriptを使用したログインテンプレートをダウンロードしました。デフォルトのhtml形式で起動すると、正常に表示されますが、同じコードをSpring MVC 3アプリに配置し、形式をjspに変更すると、javascript部分が無効になります。Webブラウザから外部の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タイル2も使用しています

<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ファイルのパスにあります。私はこのようなものを持っています：しかし、 localhost：8080 / sheedo / css / images / bg.jpgbody {background-image:url('images/bg.jpg');}でリソースを見つけようとし、リソースの絶対パスを設定すると同じエラーが発生するため、firebugでエラーが見つかりませんしかし、 localhost：8080 / images/bg.jpgでそれを見つけようとします。私が使用するときは問題ありませんが、cssファイルのすべてのパスを書き換える代わりに他の解決策はありますか？私はそれが可能であるような何かを意味しますか？body {background-image:url('/images/bg.jpg');}./images/bg.jpg<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

javascriptとcssのjspsで絶対パスを使用する

これをjspに追加します

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

これらの2行を変更します

<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 に答える
1

私がここで見ているものは2つあります

  1. デフォルトのサーブレットにはサーブレットマッピングがありません。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 に答える
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 に答える