視圖存儲在grails-app/views directory目錄下。主要想學(xué)習(xí)如何創(chuàng)建Taglib和如何利用模板技術(shù)。
Grails使用GSP作為表現(xiàn)層，在GSP中g(shù)roovy不只是表明GSP是基于什么技術(shù)的，而且還可以利用Groovy來創(chuàng)建一些腳本來在GSP中執(zhí)行。在這點上說GSP和JSP很相像。
當(dāng)然內(nèi)嵌的腳本并不利于代碼的重用。Grails中的Taglib和模板給你提供了一個很好的重用代碼的途徑。
GSP 是Grails的視圖的基礎(chǔ)。List頁面提供到Show頁面的連接，Show頁面允許你導(dǎo)航到Edit頁面。
MVC的分離策略主要是可以給應(yīng)用程序不同的視圖，Grails通過不同的插件來支持不同的表現(xiàn)層技術(shù)。可以通過命令grails install-plugin 來查看現(xiàn)在安裝的插件。 或使用grails list-plugins來獲得當(dāng)前可用的插件。
雖然Grails 并不支持 native和
JSF，但是你還是可以使用他們。一個Grails程序就是一個標(biāo)準(zhǔn)的Java EE程序，因此只要你在lib目錄中放置了正確的Jar文件，并在WEB-INF/web.xml文件中進行了正確的配置，就可以正常的使用了。Grails實在一個標(biāo)準(zhǔn)的servlet容器中開發(fā)的，所以Grails程序也支持JSP。
類似的增加Ajax框架也同樣的簡單，拷貝JavaScript庫到web-app/js目錄下。 Prototype和Scriptaculous是Grails默認安裝的。RichUI插件可以很好的從Ajax庫中選擇正確的UI。
當(dāng)查看插件列表時，可以看到對富客戶端，如：Flex，OpenLazlo，GWT和ZK的支持。
在GSP文件中有許多有用的以<g:開頭的標(biāo)簽。GSP文件就是Html和Grails標(biāo)簽的混合體。
在控制器中使用def scaffold 的作用是指示Grails動態(tài)的在運行的時候產(chǎn)生GSP文件。
輸入命令 grails generate-all Trip會產(chǎn)生控制器和相關(guān)的GSP文件
當(dāng)訪問 http://localhost:9090/trip-planner/trip/list時，會先調(diào)用TripController來返回Trip的列表，并傳遞給list.gsp來顯示。
下面介紹一些常用的Grails的標(biāo)簽，包括<g:each>。
<g:each>是個非常常用的Grails標(biāo)簽。它遍歷列表中的每個元素，打開文件/trip/list.gsp 就可以看到如何使用這個標(biāo)簽：
|
<g:each in="${tripList}"
status="i" var="trip">
<tr
class="${(i % 2) == 0 ? 'even' : 'odd'}">
<td><link action="show"
id="${trip.id}">${trip.id?.encodeAsHTML()}</g:link></td>
<td>${trip.airline?.encodeAsHTML()}</td>
<td>${trip.name?.encodeAsHTML()}</td>
<td>${trip.city?.encodeAsHTML()}</td>
<td>${trip.startDate?.encodeAsHTML()}</td>
<td>${trip.endDate?.encodeAsHTML()}</td>
</tr>
</g:each>
|
The status attribute in the在 <g:each>中，status就是一個簡單的計數(shù)器。Var屬性允許你定義一個當(dāng)前元素的名字。
另一個Grails 標(biāo)簽是 <g:link>，它建立一個HTML的<a href>連接。<g:createLink>標(biāo)簽會創(chuàng)建一個真正的URL字符串。在list.gsp上部，你可以看到另一個和連接相關(guān)的標(biāo)簽<g:createLinkTo>，這個標(biāo)簽接受一個dir和 file屬性：
|
<div class="nav">
<span
class="menuButton"><a class="home"
href="${createLinkTo(dir:'')}">Home</a></span>
<span
class="menuButton"><link class="create"
action="create">New Trip</g:link></span>
</div>
|
在list.gsp中還可以看到<g:if>標(biāo)簽：
|
<h1>Trip List</h1>
<if test="${flash.message}">
<div
class="message">${flash.message}</div>
</g:if>
|
<g:paginate>標(biāo)簽顯示的是相關(guān)的分頁邏輯；<g:sortable>把列的標(biāo)題變成可點擊的，用來進行排序。其他的一些標(biāo)簽，如：<g:form>和 <g:submit>指示顯示相對應(yīng)的html元素。
自定義標(biāo)簽庫
雖然標(biāo)準(zhǔn)的Grails標(biāo)簽非常有用，但是最終你還是需要自己的標(biāo)簽。
在Grails中創(chuàng)建標(biāo)簽庫要比在JSP中創(chuàng)建標(biāo)簽庫方便。
在Grails中創(chuàng)建標(biāo)簽庫的第一步是輸入命令grails create-tag-lib Date。這樣就會創(chuàng)建兩個文件： grails-app/taglib/DateTagLib.groovy (標(biāo)簽庫)和
grails-app/test/integration/DateTagLibTests.groovy (測試文件)向文件DateTagLib.groovy中添加以下的代碼：
|
class DateTagLib {
def thisYear =
{
out <<
Calendar.getInstance().get(Calendar.YEAR)
}
}
|
這樣就創(chuàng)建了<g:thisYear>標(biāo)簽，年的屬性直接輸出到輸出流中。
測試標(biāo)簽庫
在文件DateTagLibTests.groovy里添加如下的測試代碼：
|
class DateTagLibTests extends GroovyTestCase {
def dateTagLib
void setUp(){
dateTagLib =
new DateTagLib()
}
void
testThisYear() {
String
expected = Calendar.getInstance().get(Calendar.YEAR)
assertEquals("the years don't match", expected,
dateTagLib.thisYear())
}
}
|
輸入命令grails test-app來進行測試
命令grails test-app除了運行測試用例外，還會生成測試報告。打開文件test/reports/html/index.html可以進行查看。
這樣這個標(biāo)簽就測試開發(fā)完了。
自定義標(biāo)簽的高級話題
大部分標(biāo)簽可以有body和屬性。
|
class DateTagLib {
def thisYear =
{
out <<
Calendar.getInstance().get(Calendar.YEAR)
}
def copyright =
{ attrs, body ->
out <<
"<div id='copyright'>"
out <<
"© ${attrs['startYear']} - ${thisYear()}, ${body()}"
out <<
" All Rights Reserved."
out <<
"</div>"
}
}
|
注意attrs是一個包含標(biāo)簽屬性的HashMap。可以通過這個HashMap來得到startYear屬性。類似的body是作為一個Closure傳遞進來的。
默認的自定義的標(biāo)簽都放在g:命名空間下，如果想修改這個行為的話，需要在DateTagLib.groovy 中添加static namespace = 'trip'。這樣在GSP中就可以使用以下的方式進行調(diào)用：<trip:copyright startYear="2002">FakeCo
Inc.</trip:copyright>。
模板
自定義標(biāo)簽庫是重用代碼的一個好的辦法，但是大段的代碼的好的重用方式是使用模板。
一個模板就是可以在多個GSP文件中共享的一段GSP代碼。在the
grails-app/views/trip 目錄下創(chuàng)建的文件，只有Trip的視圖才能訪問。只有在grails-app/views 目錄下創(chuàng)建的文件才能全局共享。創(chuàng)建如下的全局模板：
|
<div id="footer">
<g:copyright
startYear='2002'>FakeCo, Inc.</g:copyright>
<div
id="powered-by">
<img
src="${createLinkTo(dir:'images', file:'grails-powered.jpg')}"
/>
</div>
</div>
|
下面來在相應(yīng)的視圖中引入這個模板：
|
<html><body>
...
<g:render template="/footer" />
</body></html>
|
自定義scaffolding
為了自定義 scaffolding，需要使用命令grails install-templates。這個命令會向項目添加一個新的目錄src/templates。在這個目錄下會有三個子目錄artifacts、scaffolding和war。
artifacts 目錄中保存的是生成Controller、DomainClass和TagLib時需要使用的模板。比如：如果想要所有的控制器都擴展一個相同的抽象類。
war 目錄包含一個web.xml文件。如果需要添加自定義的參數(shù)，如：filters 或者 servlets，都可以在這個文件中進行。但你使用grails war命令時，這個文件就會被包含在生成的war文件中。
scaffolding 目錄中包含的是生成視圖時，需要指定的信息。打開 list.gsp 然后添加 <g:render template="/footer" />到文件的底部。