如何将JavaScript库包含到Spring MVC项目中(例如jQuery或Dojo)

时间:2012-12-29 09:14:31

标签: jquery jsp spring-mvc dojo

我在这里已经阅读了超过5个相关的线程,但无法得到答案:逐步说明。直到现在我有了STS Spring MVC模板结构,并尝试将jquery.js放在我的项目中的某个地方(不幸的是,没有人说,应该在哪里)。所以,请说:

  1. 将jquery.js放在项目结构中的哪个位置?
  2. 如何从.jsp?
  3. 引用此位置
  4. 需要采取其他任何行动吗?像maven一样,app config改变了吗?
  5. 我的jsp与http://code.jquery.com/jquery-1.8.3.js完美配合,但拒绝使用本地文件/js/jquery-1.8.3.js。还有一件奇怪的事情 - 当jsp无法找到脚本时,app服务器会抱怨它,但是当它(已找到?)库时,没有警告,但是jquery也不起作用。

3 个答案:

答案 0 :(得分:6)

JavaScript文件只是浏览器必须下载的资源。因此,您可以将它们放在webapp根目录下的所需位置。

假设您将文件放在/js/jquery.js下(在Web项目的WebContent目录中)。假设您的webapp具有/myFirstWebApp作为上下文路径。这意味着,部署应用程序后,webapp的根目录将位于

http://localhost:8080/myFirstWebApp/

并且您的JS文件将位于

http://localhost:8080/myFirstWebApp/js/jquery.js

要在网络应用中生成网址,通常使用<c:url>代码:

<script src="<c:url value='/js/jquery.js'/>></script>

c:url标记负责处理上下文路径:它将它预先设置为您提供的绝对URL,以便稍后更改上下文路径。

答案 1 :(得分:1)

for includes,写一个更好的

<script type="text/javascript" src="<c:url value='/js/jquery-1.8.3.min.js'/>"></script>

js文件夹应放在WebContent文件夹下。

答案 2 :(得分:0)

  1. 在WebContent下复制JQuery库(比如,WebContent \ jquery \ js \ jquery-1.9.1.js有效)

  2. 在JSP中:

        <%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
          ...
        <head>
    <spring:url value="/jquery/js/jquery-1.9.1.js" var="jqueryUrl" />
    <script src="${jqueryUrl}"></script>
    
    <spring:url value="/jquery/js/jquery-ui-1.10.3.custom.js" var="jqueryJsUrl" />
    <script src="${jqueryJsUrl}"></script>
     </head>
    
  3. 在spring-context.xml中添加:

     <mvc:resources location="/jquery/" mapping="/jquery/**" /></beans>