gpt4 book ai didi

image - Grails 资源插件、模块和 to render images?

转载 作者:行者123 更新时间:2023-12-02 13:46:20 26 4
gpt4 key购买 nike

尝试学习资源插件

据我了解,它有助于定义“资源”,例如 css 和 javascript 文件,并在需要时自动将它们拉入您的 gsp。我了解如何创建可以使用标签等加载的模块。

我不明白的部分是:http://grails-plugins.github.com/grails-resources/guide/4.%20Using%20resources.html#4.2%20Linking%20to%20images

所以我在 Config.groovy 中创建了一个名为“images”的模块,如下所示:

grails.resources.modules = {
images {
resource url:'/images/view.jpg', attrs:[width: 1280, height:720 , alt: 'my view']
resource url:'/images/breakfast.jpg', attrs:[width: 1280, height:720, alt: 'breakfast']
}
}

资源包含在 head 部分的 .gsp 页面中,如下所示:
<head>
<r:require modules="jquery-ui, blueprint"/>
</head>

我知道资源已成功添加到 head 部分,因为当我检查页面源时,我在那里看到它们:
<link href="/ResourceTest/static/Aa7jV0N2qZjOz7TLZ9cl5cREIh2y5jJYV0ytn4nQg9r.jpg" rel="shortcut icon" width="1280" height="720" alt="my view" />
<link href="/ResourceTest/static/IpQBSjrYeLDdSUBGbP3jhf6Kkhvu1zV3XRtwWfKOIMn.jpg" rel="shortcut icon" width="1280" height="720" alt="breakfast" />

我的问题是:图像资源是如何使用的?我的意思是我知道它是否是 javascript,资源的导入使您可以使用 html 代码中的功能,但关于图像,该网站说“一旦你这样做了,使用引用它们将自动设置宽度、高度和其他属性。”

如何?我尝试了以下方法:
<r:img module="images">
<r:img alt="breakfast">

和其他少数没有成功的人

什么工作是:
<r:img uri="/images/breakfast.jpg">

但是无论您是否添加带有 r:require 标签的模块,这都有效。那么,使用这个插件来处理图像有什么意义,我将如何使用它?

最佳答案

<r:img>标签在我们没有 <r:require> 的情况下工作得很好; it even works with undeclared image resources .

require 标签的重点是防止资源重复。因此,例如,假设您有多个依赖 jQuery 的 javascript 资源,并且它们都是必需的。添加另一层复杂性:假设您实际上是通过 sitemesh 将不同的 gsp 模板组合在一起,并且它们每个都有自己的资源依赖关系。如果您只是在每个 gsp 布局的头部放置普通的 HTML 代码来引用这些资源,您可能会在页面标题中获得它们的多个实例,这可能会出现问题。使用资源插件可确保您只获得所需资源的一个实例。

http://grails-plugins.github.io/grails-resources/ref/Tags/require.htmlhttp://grails-plugins.github.io/grails-resources/ref/Tags/layoutResources.html .

但是,对于图像,这并不是必需的。如果您在一个页面上不止一次使用图像,可能是因为您想要它,或者因为您正在应用冗余布局并且需要进行一些重构。因此,您是正确的,require 标签对于通过 <r:img> 调用的图像实际上并没有多大作用。 .这仅仅是因为图像是一种不同类型的资源,因此它们的处理方式不同。不要出汗。 :)

关于image - Grails 资源插件、模块和 <r :img> to render images?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9002167/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com