Grails：views 文件夹中的 Javascript 文件

Question

我想将 Grails 中的视图拆分为 2 个文件，一个 .gsp 文件和一个 .js 文件，以便将 Javascript 与我的视图更清晰地分离。 所以这是一个例子：

views/index.gsp
views/index.js
views/home/index.jsp
views/home/index.js

但是当我像这样简单地添加index.js脚本引用时：

<script src="index.js" type="text/javascript"></script>

我得到的只是404。

有谁知道如何处理这个问题？

一个很大的好处是能够使用 index.js 文件内的视图数据来生成所需的内容。

马蒂亚斯.

Answer 1

实际上，完全可以从您的 grails-app/views/ 目录中将 JS 文件（或任何其他文件类型）作为 GSP 提供服务。 你唯一要做的就是为这些 GSP 定义一个合适的 URL 映射，例如：

"/javascript/home/index"(view:'/home/index.js')

通过这个 URL 映射，你可以将 JS 代码放入 grails-app/views/home/index.js.gsp （注意后面的 .gsp），您可以在 JS 源中使用任何 grails 标签。 为了确保您的 JS 以正确的内容类型交付，您可能需要将其放置

<%@ page contentType="text/javascript"%>

在 GSP 的开头。

不幸的是，createLink 标记不支持将链接重写为视图，但编写您自己的标记来创建这些链接应该很容易。

无论如何，请记住，这不会对您的应用程序的性能产生非常积极的影响。 例如，通常最好拥有静态 JS 文件（并将它们作为静态资源），同时将动态内容作为参数传递给 JS 函数。 这也将使您免受一些头痛的困扰。 缓存等

Answer 2

这个想法很好，但是 Grails 拥有这种目录结构是有原因的。 视图文件夹适用于某种工件类型（视图）。

您可以在 web-inf 下克隆视图文件夹结构，但这会给您带来更多工作，因为我猜这背后的想法是为了方便起见，将相关文件放在一起。 。

尽管我对将 Javascript 与视图存储在一起并不感到兴奋，但我喜欢 Robert 的想法，即通过使用构建事件将 javascript 源复制到正确的目录来挂钩构建过程！ 如果您决定走这条路，您不妨在这样做时压缩源代码。 ShrinkSafe 是流行的库。

Answer 3

我不认为你被允许访问视图/内部的js，

如果你需要这样做......这是

1. 创建你的js并用myjs.gsp重命名它的技巧（使用“”）
   输入 js

... write down you js in here ...

2. iniside _myjs.gsp在 gsp 中 （例如：index.gsp、view.gsp 等）
   输入这个标签来上传你的js

Answer 4

更新 2：

Grails 提供了使用 自定义事件。

可以编写一个事件处理程序，将 grails-app/views 下的所有 JavaScript 文件与 web-app/js 的目标文件夹同步。

将自定义代码放入 $PROJECT/scripts/Events.groovy 中。 PackagingEnd 是一个很好的调用目标，因为它发生在 web.xml 生成之后。

eventPackagingEnd = {  ->
     // for each js file under grails-app/views move to web-app/js
}

---

更新

如果您希望 JavaScript 文件简单地“啮合”在一起，您可以使用符号链接来做到这一点，例如：

grails-app/views/view1/index.js -> webapp/js/view1/index.js

据我所知，没有办法强制 grails 直接提供内容在网络应用程序之外。

或者，您可以内联 JavaScript，但这可能会影响性能。

---

JavaScript 文件位于 web-app/js 下。

然后您可以使用 引用它们。