Struts2+Spring2+Hibernate3 web應(yīng)用示例(五)
七、 Web頁(yè)面
在這一節(jié)中，主要使用到了Struts2的標(biāo)簽庫(kù)。在這里，會(huì)對(duì)所用到的主要標(biāo)簽做一個(gè)初步的介紹。更多的知識(shí)請(qǐng)讀者訪問(wèn)Struts的官方網(wǎng)站做更多的學(xué)習(xí)。在編寫(xiě)Web頁(yè)面之前，先從總體上，對(duì)Struts 1.x與Struts 2.0的標(biāo)志庫(kù)（Tag Library）作比較。
|
Struts 1.x
|
Struts 2.0
|
|
分類(lèi)
|
將標(biāo)志庫(kù)按功能分成HTML、Tiles、Logic和Bean等幾部分
|
嚴(yán)格上來(lái)說(shuō)，沒(méi)有分類(lèi)，所有標(biāo)志都在URI為“/struts-tags”命名空間下，不過(guò)，我們可以從功能上將其分為兩大類(lèi)：非UI標(biāo)志和UI標(biāo)志
|
|
表達(dá)式語(yǔ)言（expression languages）
|
不支持嵌入語(yǔ)言（EL）
|
OGNL、JSTL、Groovy和Velcity
|
1、主頁(yè)面：index.jsp，其代碼如下：
<%@page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8" %>
<%@ taglib prefix="s" uri="/struts-tags" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK"/>
<title>圖書(shū)管理系統(tǒng)</title>
</head>
<body>
<p><a href="<s:url action="list" />">進(jìn)入圖書(shū)管理系統(tǒng)</a></p>
</body>
</html>
WebRoot/index.jsp
要在JSP中使用Struts 2.0標(biāo)志，先要指明標(biāo)志的引入。通過(guò)在JSP的代碼的頂部加入以下代碼可以做到這點(diǎn)。<%@taglib prefix="s" uri="/struts-tags" %>
1、<s:url>標(biāo)簽：該標(biāo)簽用于創(chuàng)建url,可以通過(guò)"param"標(biāo)簽提供request參數(shù)。當(dāng)includeParams的值時(shí)'all'或者'get', param標(biāo)簽中定義的參數(shù)將有優(yōu)先權(quán),也就是說(shuō)其會(huì)覆蓋其他同名參數(shù)的值。
2、列表頁(yè)面：list.jsp
<%@page pageEncoding="gb2312" contentType="text/html; charset=UTF-8" %>
<%@ taglib prefix="s" uri="/struts-tags" %>
<html>
<head><title>圖書(shū)管理系統(tǒng)</title></head>
<style type="text/css">
table 
{
border: 1px solid black;
border-collapse: collapse;
}
table thead tr th {
border: 1px solid black;
padding: 3px;
background-color: #cccccc;
background-color: expression(this.rowIndex % 2 == 0 ? "#FFFFFF" : "#EEEEEE");
}
table tbody tr td {
border: 1px solid black;
padding: 3px;
}
.trs{
background-color: expression(this.rowIndex % 2 == 0 ? "#FFFFFF" : "#EEEEEE");
}
</style>
<script language="JavaScript">
function doSearch(){
if(document.all.searchValue.value=="")
{
alert("請(qǐng)輸入查詢(xún)關(guān)鍵字!");
}else{
window.location.href="bookAdmin/list.action?queryName="+document.all.searchName.value+"&&queryValue="+document.all.searchValue.value;
}
}
</script>
<body>
<table align="center">
<tr align="center">
<td>
<select name="searchName">
<option value="bookName">書(shū)名</option>
<option value="bookAuthor">作者</option>
<option value="bookPublish">出版社</option>
<option value="bookDate">出版日期</option>
<option value="bookIsbn">ISNB</option>
<option value="bookPage">頁(yè)數(shù)</option>
</select>
<input type="text" name="searchValue" value="" size="10"/>
<input type="button" value="查詢(xún)" onClick="doSearch();">
</td>
</tr>
<tr align="center">
<td>
<a href="<s:url action="list" includeParams="none"/>">全部</a>
<a href='<s:url action="edit" ></s:url>'>增加</a>
</td>
</tr>
<tr>
<td>
<table cellspacing="0" align="center">
<thead>
<tr>
<th>書(shū)名</th>
<th>作者</th>
<th>出版社</th>
<th>出版日期</th>
<th>ISNB</th>
<th>頁(yè)數(shù)</th>
<th>價(jià)格</th>
<th>內(nèi)容提要</th>
<th>刪除</th>
</tr>
</thead>
<tbody>
<s:iterator value="availableItems">
<tr class="trs">
<td>
<a href='<s:url action="edit" ><s:param name="bookId" value="bookId" /></s:url>'>
<s:property value="bookName"/>
</a>
</td>
<td><s:property value="bookAuthor"/></td>
<td><s:property value="bookPublish"/></td>
<td><s:text name="format.date"><s:param value="bookDate"/></s:text></td>
<td><s:property value="bookIsbn" /></td>
<td><s:property value="bookPage" /></td>
<td><s:property value="bookPrice"/></td>
<td><s:property value="bookContent"/></td>
<td><a href='<s:url action="delete"><s:param name="bookId" value="bookId" /></s:url>'>刪除</a></td>
</tr>
</s:iterator>
<tr align="right">
<td colspan="9">
共<s:property value="totalRows"/>行
第<s:property value="currentPage"/>頁(yè)
共<s:property value="pager.getTotalPages()"/>頁(yè)
<a href="<s:url value="list.action">
<s:param name="currentPage" value="currentPage"/>
<s:param name="pagerMethod" value="'first'"/>
</s:url>">首頁(yè)</a>
<a href="<s:url value="list.action">
<s:param name="currentPage" value="currentPage"/>
<s:param name="pagerMethod" value="'previous'"/>
</s:url>">上一頁(yè)</a>
<a href="<s:url value="list.action">
<s:param name="currentPage" value="currentPage"/>
<s:param name="pagerMethod" value="'next'"/>
</s:url>">下一頁(yè)</a>
<a href="<s:url value="list.action">
<s:param name="currentPage" value="currentPage"/>
<s:param name="pagerMethod" value="'last'"/>
</s:url>">尾頁(yè)</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</body>
</html>
/WebRoot/list.jsp
(1)、<s:property> :得到'value'的屬性,如果value沒(méi)提供,默認(rèn)為堆棧頂端的元素。其相關(guān)的參數(shù)及使用如下表所示：
|
名稱(chēng)
|
必需
|
默認(rèn)
|
類(lèi)型
|
描述
|
|
default
|
否
|
|
String
|
如果屬性是null則顯示的default值
|
|
escape
|
否
|
true
|
Booelean
|
是否escape HTML
|
|
value
|
否
|
棧頂
|
Object
|
要顯示的值
|
|
id
|
否
|
|
Object/String
|
用來(lái)標(biāo)識(shí)元素的id。在UI和表單中為HTML的id屬性
|
(2)、<s:Iterator>：用于遍歷集合（java.util.Collection）或枚舉值（java.util.Iterator）。其相關(guān)的參數(shù)及使用如下表所示：
|
名稱(chēng)
|
必需
|
默認(rèn)
|
類(lèi)型
|
描述
|
|
status
|
否
|
|
String
|
如果設(shè)置此參數(shù)，一個(gè)IteratorStatus的實(shí)例將會(huì)壓入每個(gè)遍歷的堆棧
|
|
value
|
否
|
|
Object/String
|
要遍歷的可枚舉的（iteratable）數(shù)據(jù)源，或者將放入新列表（List）的對(duì)象
|
|
id
|
否
|
|
Object/String
|
用來(lái)標(biāo)識(shí)元素的id。在UI和表單中為HTML的id屬性
|
(3)、<s:param>:為其他標(biāo)簽提供參數(shù),比如include標(biāo)簽和bean標(biāo)簽. 參數(shù)的name屬性是可選的,如果提供，會(huì)調(diào)用Component的方法addParameter(String, Object), 如果不提供，則外層嵌套標(biāo)簽必須實(shí)現(xiàn)UnnamedParametric接口(如TextTag)。 value的提供有兩種方式,通過(guò)value屬性或者標(biāo)簽中間的text,不同之處我們看一下例子:
<param name="color">blue</param><!-- (A) -->
<param name="color" value="blue"/><!-- (B) -->
(A)參數(shù)值會(huì)以String的格式放入statck.
(B)該值會(huì)以java.lang.Object的格式放入statck.
其相關(guān)的參數(shù)及使用如下表所示：
|
名稱(chēng)
|
必需
|
默認(rèn)
|
類(lèi)型
|
描述
|
|
name
|
否
|
|
String
|
參數(shù)名
|
|
value
|
否
|
|
String
|
value表達(dá)式
|
|
id
|
否
|
|
Object/String
|
用來(lái)標(biāo)識(shí)元素的id。在UI和表單中為HTML的id屬性
|
（4）、國(guó)際化是商業(yè)系統(tǒng)中不可或缺的一部分，所以無(wú)論您學(xué)習(xí)的是什么Web框架，它都是必須掌握的技能。其實(shí)，Struts 1.x在此部分已經(jīng)做得相當(dāng)不錯(cuò)了。它極大地簡(jiǎn)化了我們程序員在做國(guó)際化時(shí)所需的工作，例如，如果您要輸出一條國(guó)際化的信息，只需在代碼包中加入FILE-NAME_xx_XX.properties（其中FILE-NAME為默認(rèn)資源文件的文件名），然后在struts-config.xml中指明其路徑，再在頁(yè)面用<bean:message>標(biāo)志輸出即可。
不過(guò)，所謂“沒(méi)有最好，只有更好”。Struts 2.0并沒(méi)有在這部分止步，而是在原有的簡(jiǎn)單易用的基礎(chǔ)上，將其做得更靈活、更強(qiáng)大。
（5）、list.jsp文件中：
<s:text name="format.date"><s:param value="bookDate"/></s:text>，為了正確的輸出出版日期的格式，采用在資源文件中定義輸出的格式，并在頁(yè)面上調(diào)用。format.date就是在資源文件com.sterning.books.web.actions.BooksAction.properties中定義。當(dāng)然也可以別的文件，放在別的路徑下，但此時(shí)需要在web.xml中注冊(cè)才可以使用它。
正如讀者所見(jiàn)，在pojo（本例為Books.java）中將日期字段設(shè)置為java.util.Date，在映射文件中（books.hbm.xml）設(shè)置為timestamp（包括日期和時(shí)間）。為了便于管理，將日期格式保存在國(guó)際化資源文件中。如：globalMessages或globalMessages_zh_CN文件。
其內(nèi)容為：
format.date={0,date,yyyy-MM-dd}
在頁(yè)面顯示日期時(shí)間時(shí)：<s:text name="format.date"><s:param value="bookDate"/></s:text>。這樣就解決了日期（時(shí)間）的顯示格式化問(wèn)題。
3、增加/修改頁(yè)面：editBook.jsp
<%@page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8" %>
<%@ taglib prefix="s" uri="/struts-tags" %>
<html>
<head>
<title>編輯圖書(shū)</title>
<s:head/>
</head>
<body>
<h2>
<s:if test="null == book">
增加圖書(shū)
</s:if>
<s:else>
編輯圖書(shū)
</s:else>
</h2>
<s:form name="editForm" action="save" validate="true">
<s:textfield label="書(shū)名" name="book.bookName"/>
<s:textfield label="作者" name="book.bookAuthor"/>
<s:textfield label="出版社" name="book.bookPublish"/>
<s:datetimepicker label="出版日期" name="book.bookDate"></s:datetimepicker>
<s:textfield label="ISBN" name="book.bookIsbn"/>
<s:textfield label="頁(yè)數(shù)" name="book.bookPage"/>
<s:textfield label="價(jià)格(元)" name="book.bookPrice"/>
<s:textfield label="內(nèi)容摘要" name="book.bookContent"/>
<s:if test="null == book">
<s:hidden name="book.bookId" value="%{bookId}"/>
</s:if>
<s:else>
<s:hidden name="book.bookId" />
</s:else>
<s:hidden name="queryName" />
<s:hidden name="queryValue" />
<s:submit value="%{getText('保存')}" />
</s:form>
<p><a href="<s:url action="list"/>">返回</a></p>
</body>
</html>
WebRoot/editBook.jsp
（1）、<s:if>、<s:elseif>和<s:else> ：執(zhí)行基本的條件流轉(zhuǎn)。 其相關(guān)的參數(shù)及使用如下表所示：
|
名稱(chēng)
|
必需
|
默認(rèn)
|
類(lèi)型
|
描述
|
備注
|
|
test
|
是
|
|
Boolean
|
決定標(biāo)志里內(nèi)容是否顯示的表達(dá)式
|
else標(biāo)志沒(méi)有這個(gè)參數(shù)
|
|
id
|
否
|
|
Object/String
|
用來(lái)標(biāo)識(shí)元素的id。在UI和表單中為HTML的id屬性
|
|
（2）、<s:text>：支持國(guó)際化信息的標(biāo)簽。國(guó)際化信息必須放在一個(gè)和當(dāng)前action同名的resource bundle中,如果沒(méi)有找到相應(yīng)message,tag body將被當(dāng)作默認(rèn)message,如果沒(méi)有tag body,message的name會(huì)被作為默認(rèn)message。 其相關(guān)的參數(shù)及使用如下表所示：
|
名稱(chēng)
|
必需
|
默認(rèn)
|
類(lèi)型
|
描述
|
|
name
|
是
|
|
String
|
資源屬性的名字
|
|
id
|
否
|
|
Object/String
|
用來(lái)標(biāo)識(shí)元素的id。在UI和表單中為HTML的id屬性
|
未完待續(xù)......