使用 Tomcat 引用 Javascript 库

发布于 2024-07-25 05:45:33 字数 903 浏览 5 评论 0原文

我正在使用 Eclipse GanymedeTomcat 5.5。 我想向动态 Web 项目添加一些 javascript,尤其是 ajax 功能,并且需要一些帮助。

我想使用jquery(但我愿意接受其他建议,如果你告诉我为什么在这种情况下另一个库会更好,但我选择了jquery,因为它应该很简单(乍一看似乎很简单)是))。

我有两个问题:

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 项目中没有正确的语法突出显示,也没有弹出建议。 我还尝试了这篇文章中的信息,但并没有太大变化。

I am using Eclipse Ganymede and Tomcat 5.5. I would like to add some javascript and especially ajax functionality to a dynamic web project and need some help.

I would like to use jquery (but I am open to other suggestions, if you tell me why another library would be better in this case, but I have chosen jquery because it is supposed to be simple (which on the first look it seems to be)).

I am having two problems:

1- Tomcat can't find the jquery library. I tried several things in my jsp file like:

   <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>

As you can see, I threw the jquery library in /WEB-INF/lib. Executing the jsp file within a browser without tomcat (with the last path version) works, so the path is correct.

2- There is no proper syntax highlighting within the dynamic web project for jquery and no popup suggestions. I also tried the information in this article, but it didn't change much.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

心房敞 2024-08-01 05:45:33

更具体地说(因为到达这一点后我花了大约半个小时才弄清楚这一点):

当您在 Eclipse 中使用 Tomcat 创建动态 Web 项目时,除项目中的其他内容外,您还会获得一个名为“WebContent”的文件夹。 这是部署到 Tomcat 服务器的实际文件夹,在 Eclipse 中相当于 Tomcat/webapps/ (我不确定它真正存在于哪里)。 出于安全原因,作为特殊情况,没有人可以访问其中的 META-INFWEB-INF 文件夹,因此将脚本放在这些位置将无济于事。

您所要做的就是在 WebContent 中创建一个文件夹,并将 Javascript 粘贴到其中。 该文件夹将是全局可见的,因此您网站的访问者(就像您在测试网站时一样)实际上可以访问 Javascript。

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

To be more specific (because it took me about half an hour to figure this out after getting to this point):

When you create a Dynamic Web Project with Tomcat in Eclipse, among other things in the project you get a folder named "WebContent". That's the actual folder that gets deployed to the Tomcat server, in Eclipse's equivalent of Tomcat/webapps/<project name> (I'm not sure where it really exists). For security reasons, as a special case nobody can access the META-INF and WEB-INF folders in there, so putting your scripts in those places will not help.

What you have to do is create a folder inside of WebContent, and stick your Javascript in there. This folder will be globally visible, so visitors to your site (like you, when you test it) can actually get to the Javascript.

What I did, for instance, was create a folder named "script" in WebContent and put my Javascript in there; then, when I needed to reference it in a page, I put in src="ProjectName/script/AwesomesauceJavascript.js"

德意的啸 2024-08-01 05:45:33

我想补充一下@Tacroy 的回复。 在 Eclipse 中使用的服务器中,检查 server.xml。 确保:

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

我在那里有两个不同的东西,并且必须使它们相同才能使 src 属性在 jsp 中工作。

I'd like to add to what @Tacroy responded with. Within the server you're using in Eclipse, check the server.xml. Make sure:

Context docBase="SomeProjectName" path="/SomeProjectName" <-- path and docBase attributes need to be the same.

I had two different things there, and had to make them identical for the src attribute to work in the jsp.

手心的温暖 2024-08-01 05:45:33

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

要使文件夹公开,请使用以下代码行:

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

现在您只需在页面中添加对此路径的引用:

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

First you must to add resource mapping to your folder where you put jquery.js script library. That folder must be public.

To make folder public use this line of code:

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

Now you just need to add reference in your page to this path:

<script type="text/javascript" src="scripts/jquery-1.10.2.js" ></script>
菊凝晚露 2024-08-01 05:45:33

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

  1. 下载jqueryWTP0.40foEn.jar.

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

  3. 双击 JAR 文件或使用命令 java -jar jqueryWTP0.40foEn.jar 运行。

  4. 在打开的 swing 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 内容辅助现已推出。
插件开发人员和开发人员 来源

Below are the steps to enable jQuery syntax highlighting and content assist highlighting in Eclipse.

  1. Download jqueryWTP0.40foEn.jar.

  2. Find your Eclipse Plugin org.eclipse.wst.jsdt.core_version.jar, backup the plugin.
    (e.g. C:\DEV\EclipseIndigo37\eclipse\plugins
    \org.eclipse.wst.jsdt.core_1.1.100.v201104272153.jar)

  3. Double click the JAR file or run with command java -jar jqueryWTP0.40foEn.jar.

  4. On the opened swing UI, choose org.eclipse.wst.jsdt.core_version.jar, and output directory.

  5. Click the generate button.

  6. Replace the old org.eclipse.wst.jsdt.core_version.jar file with the generated file.

  7. Delete the directory workspace/.metadata/.plugins/org.eclipse.wst.jsdt.core

  8. Start Eclipse.

  9. Open a HTML file or a JavaScript file, edit JavaScript content.

jQuery content assist is now available.
Plugin Developer & Source

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文