如何将Fuel UX集成到Grails项目中?

时间:2013-06-30 11:28:06

标签: grails twitter-bootstrap fuelux

我已经在Grails开始了一个项目,我希望将UI Bootstrap包含在UI中,然后找到有关Fuel UX的内容。有谁知道我如何将Fuel UX集成到grails项目中的任何示例?

感谢。

1 个答案:

答案 0 :(得分:4)

我没有使用过FuelUX,但集成这些库非常简单,只需将资源包含到您的应用中并将它们包含在您的页面中即可。如果您在应用程序中使用资源插件,它将为您处理它。这就是twitter bootstrap和其他插件为你做的。

将所有必需的资源(js / css)从FuelUX复制到web-app文件夹,并在YourResource.groovy文件中定义它们。

实施例: YourResource.groovy

modules = {
fuelux {
    dependsOn 'jquery,
    resource url:'/js/core.js', disposition: 'head'
    resource url:'/js/ui.js'
    resource url:'/css/main.css', 
    resource url:'/css/branding.css'
 }
}

在您的页面中,您可以导入fuelux模块,您已将其定义为所需的css和js。如果它依赖于jquery你可以依赖它,如果不删除它。但是在你的网页中包含它:

<r:require module="fuelux"/>

如果您在整个页面中使用此功能,则可以在layout.gsp中进行定义 有关资源插件的更多信息以及如何使用它,请阅读here