概述

現在富客戶端應用，頁面代碼中會引入大量的js、css文件，如，bootstrap、jquery-ui、knockout等，使用Grails的插件機制比較麻煩，首先得看有沒有已經寫好的插件，如果沒有還要自己去寫。如果有，還要看版本是否一致，如果想用新版本的資源文件，還沒有插件，比較費勁。所以，可以使用Grails的resource機制，直接引入需要的資源文件即可。如果文件太大，還可以使用jawr plugin壓縮一下，比較方便。

資源引入

1、在web-app目錄中新建一個static目錄，用來存放資源文件

2、打開ApplicationResource.groovy，根據存放路徑引入資源，資源的引用還可以使用依賴的方式定義引入最小單位的資源文件，具體怎么設置可以參考Grails的指南

 1 modules = {    
 2     bootstrap {
 3         resource url:'static/bootstrap/js/bootstrap.js'
 4         resource url:'static/bootstrap/css/bootstrap.css'
 5         resource url:'static/bootstrap/css/bootstrap-responsive.css'
 6     }
 7     
 8     jquery {
 9         resource url:'static/jqueryui/js/jquery-1.9.0.js'
10     }
11     
12     jqueryui {
13         resource url:'static/jqueryui/js/jquery-ui-1.10.0.custom.js'
14     }
15     
16     dataTables {
17         resource url:'static/dataTables/js/jquery.dataTables.js'
18     }
19 }

資源使用

這里將所有資源文件直接引入所有頁面，打開main.gsp文件，在<head></head>中登記資源名稱即可

1         <g:javascript library="jquery"/>
2         <g:javascript library="jqueryui"/>
3         <g:javascript library="bootstrap"/>
4         <g:javascript library="dataTables"/>

再簡單一點的辦法，直接在頁面中引用

1、把資源文件拷貝到web-app目錄

2、根據需要直接引用，引用方法如下

<link rel="stylesheet" href="${resource(dir: 'css', file: 'bootstrap.min.css')}" type="text/css">
<link rel="stylesheet" href="${resource(dir: 'css', file: 'bootstrap-responsive.min.css')}" type="text/css">

<script type="text/javascript" src="${resource(dir:'js',file:'jquery.min.js')}"></script>
<script type="text/javascript" src="${resource(dir:'js',file:'jquery.ui.custom.js')}"></script>
<script type="text/javascript" src="${resource(dir:'js',file:'bootstrap.min.js')}"></script>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 手工刪除crfclust.bdb文件手工去除 dll 和 exe 文件的數字簽名手工配置rsyslog配置文件詳解 SQL手工注入 cookie手工注入 PHP手工注入 vivado手工布線 DataSet的手工創建 MSSQL手工注入 mssql手工注入