2017-10-22 8 views
0

を使用してJSPのJavaScriptを呼び出すことができません:私はすべてが失敗し、スプリングMVCを使用してJavaScriptのフォームJSPを起動するために異なるアプローチを試みたスプリングMVC

  1. Spring MVC – How to include JS or CSS files in a JSP page
  2. Spring MVC 4.2.2 – Best way to Add/Integrate JS, CSS and images into JSP file using ‘mvc:resources mapping’
  3. StackOverflow: How to include js and CSS in JSP with spring MVC
  4. StackOverflow: Spring MVC - include static files/javascript , css
  5. StackOverflow: How include an external JS file in a JSP page
  6. StackOverflow: STS Spring MVC: How to include a JS file in a JSP

これは私のプロジェクト構造である:

Project structure

そしてindex.jspを:

<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> 
<!DOCTYPE html> 
<html> 
<head> 
<script src="<c:url value="/WEB-INF/resources/scripts.js" />"></script> 
</head> 
<body> 
<button onclick="hello()">Click here...</button> 
</body> 
</html> 
ここ

ディスパッチャ-servlet.xmlです:

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

    <context:component-scan base-package="com.javatechig.controller" /> 

    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver"> 
     <property name="prefix"> 
      <value>/WEB-INF/views/</value> 
     </property> 
     <property name="suffix"> 
      <value>.jsp</value> 
     </property> 

    </bean> 

    <mvc:resources mapping="/resources/**" location="/WEB-INF/resources/" /> 
    <mvc:annotation-driven /> 

</beans> 

ウェブ.xmlはフォローしています:

<!DOCTYPE web-app PUBLIC 
"-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN" 
"http://java.sun.com/dtd/web-app_2_3.dtd" > 

<web-app> 
    <display-name>Archetype Created Web Application</display-name> 
    <context-param> 
     <param-name>contextConfigLocation</param-name> 
     <param-value>/WEB-INF/dispatcher-servlet.xml</param-value> 
    </context-param> 

    <listener> 
     <listener-class> 
      org.springframework.web.context.ContextLoaderListener 
     </listener-class> 
    </listener> 

    <servlet> 
     <servlet-name>dispatcher</servlet-name> 
     <servlet-class> 
      org.springframework.web.servlet.DispatcherServlet 
     </servlet-class> 
     <load-on-startup>1</load-on-startup> 
    </servlet> 

    <servlet-mapping> 
     <servlet-name>dispatcher</servlet-name> 
     <url-pattern>/</url-pattern> 
    </servlet-mapping> 
</web-app> 

のpom.xml:

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd"> 
    <modelVersion>4.0.0</modelVersion> 
    <groupId>Test</groupId> 
    <artifactId>test</artifactId> 
    <packaging>war</packaging> 
    <version>0.0.1-SNAPSHOT</version> 
    <name>test Maven Webapp</name> 
    <url>http://maven.apache.org</url> 

    <properties> 
     <spring.version>4.2.1.RELEASE</spring.version> 
     <java.version>1.8</java.version> 
    </properties> 

    <dependencies> 
     <dependency> 
      <groupId>org.springframework</groupId> 
      <artifactId>spring-core</artifactId> 
      <version>${spring.version}</version> 
     </dependency> 
     <dependency> 
      <groupId>org.springframework</groupId> 
      <artifactId>spring-webmvc</artifactId> 
      <version>${spring.version}</version> 
     </dependency> 
     <dependency> 
      <groupId>org.springframework</groupId> 
      <artifactId>spring-web</artifactId> 
      <version>${spring.version}</version> 
     </dependency> 
     <dependency> 
      <groupId>junit</groupId> 
      <artifactId>junit</artifactId> 
      <version>3.8.1</version> 
      <scope>test</scope> 
     </dependency> 
     <dependency> 
      <groupId>javax.servlet</groupId> 
      <artifactId>jstl</artifactId> 
      <version>1.2</version> 
     </dependency> 
    </dependencies> 

    <build> 
     <finalName>test</finalName> 
    </build> 
</project> 

最後にscripts.js:

function hello(){ 
    alert('Hola'); 
} 

私はボタンを押すと、私はこれらのエラーを取得:

  • リソースのロードに失敗しました:サーバーが404の状態で応答しました (Not Foウント)
  • にReferenceError:変数を見つけることができません:こんにちは
+0

はあなたが正常にJSPでjsのスクリプトが含まれているこの

<script src="<c:url value="/WEB-INF/resources/scripts.js" />"></script> 

に変更してみてください? –

答えて

1

あなたはresourcesフォルダのマッピングを追加しました:

<mvc:resources mapping="/resources/**" location="/WEB-INF/resources/" /> 

をしかし、あなたはビューでこのマッピングを使用しないでください。 、

<script src="<c:url value="/resources/scripts.js" />"></script> 
関連する問題