2009-06-20 91 views
3

我正在使用Eclipse GanymedeTomcat 5.5。我想为动态Web项目添加一些javascript和特别是ajax功能,并且需要一些帮助。我想使用jquery(但是我打开其他建议,如果你告诉我为什么在这种情况下另一个库会更好,但我选择了jquery,因为它应该是简单的(在第一个看起来似乎是))。使用Tomcat引用Javascript库

我有两个问题:

1的Tomcat找不到jQuery库。我试过几件事情像我的JSP文件:

<script type="text/javascript" src="WEB-INF/lib/jquery-1.3.2.min.js"></script> 
    <script type="text/javascript" src="/WEB-INF/lib/jquery-1.3.2.min.js"></script> 
    <script type="text/javascript" src="./WEB-INF/lib/jquery-1.3.2.min.js"></script> 

正如你所看到的,我扔了jQuery库中/WEB-INF/lib。在没有tomcat的情况下(使用最后一个路径版本)在浏览器内执行jsp文件,所以路径是正确的。

2-在jquery的动态web项目中没有正确的语法高亮,也没有弹出建议。我也尝试了this article中的信息,但没有太大变化。

回答

5

更具体的(因为我花了约半小时让这一点后,这出):当您在Eclipse中创建与Tomcat的动态Web项目,在同项目其他的事情

你会得到一个名为“WebContent”的文件夹。这是部署到Tomcat服务器的实际文件夹,相当于Eclipse的Tomcat/webapps/<project name>(我不确定它确实存在于何处)。出于安全原因,作为一种特殊情况,没有人可以访问该文件夹中的META-INFWEB-INF文件夹,因此将脚本放在这些位置将无济于事。

你必须做的是在WebContent内创建一个文件夹,并将Javascript放在那里。这个文件夹将全局可见,所以访问您网站的访问者(如您在测试时)可以实际访问Javascript。

我做了什么,例如,在WebContent中创建一个名为“script”的文件夹,并将我的Javascript放在那里;那么当我需要在一个页面中引用它时,我将放入src="ProjectName/script/AwesomesauceJavascript.js"

-2

以下是在Eclipse中启用jQuery语法高亮显示和内容辅助高亮显示的步骤。

  1. 下载jqueryWTP0.40foEn.jar

  2. 找到你的Eclipse插件org.eclipse.wst.jsdt.core_version.jar,备份插件。 (例如C:\ DEV \ EclipseIndigo37 \日食\插件 \ org.eclipse.wst.jsdt.core_1.1.100.v201104272153.jar)

  3. 双击JAR文件或命令Java的罐子jqueryWTP0运行。 40foEn.jar。

  4. 在打开的摆动UI上,选择org.eclipse.wst.jsdt.core_version.jar,并输出目录。

  5. 单击生成按钮。

  6. 用生成的文件替换旧的org.eclipse.wst.jsdt.core_version.jar文件。

  7. 删除目录workspace/.metadata/.plugins/org.eclipse.wst.jsdt.core

  8. 启动Eclipse。

  9. 打开HTML文件或JavaScript文件,编辑JavaScript内容。

jQuery内容帮助现在可用。
Plugin Developer & Source

0

我想添加@Tacroy回应的内容。在Eclipse中使用的服务器中,检查server.xml。确保:

Context docBase="SomeProjectName" path="/SomeProjectName" < - path和docBase属性需要相同。

我有两件不同的事情,并且必须使它们在src属性中工作在jsp中时是相同的。

0

首先,您必须将资源映射添加到您放置jquery.js脚本库的文件夹。该文件夹必须公开。

为了让文件夹公众使用这行代码:

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

现在,你只需要在你的页面添加到该路径参考:

<script type="text/javascript" src="scripts/jquery-1.10.2.js" ></script>