七、 Web页面
在这一节中，主要使用到了Struts2的标签库。在这里，会对所用到的主要标签做一个初步的介绍。更多的知识请读者访问Struts的官方网站做更多的学习。在编写Web页面之前，先从总体上，对Struts 1.x与Struts 2.0的标志库（Tag Library）作比较。
|
Struts 1.x
|
Struts 2.0
| |
|
分类
|
将标志库按功能分成HTML、Tiles、Logic和Bean等几部分
|
严格上来说，没有分类，所有标志都在URI为“/struts-tags”命名空间下，不过，我们可以从功能上将其分为两大类：非UI标志和UI标志
|
|
表达式语言（expression languages）
|
不支持嵌入语言（EL）
|
OGNL、JSTL、Groovy和Velcity
|
1、主页面：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
>
图书管理系统
</
title
>
</
head
>
<
body
>
<
p
><
a href
=
"
<s:url action=
"
list
"
/>
"
>
进入图书管理系统
</
a
></
p
>
</
body
>
</
html
>
WebRoot/index.jsp
要在JSP中使用Struts 2.0标志，先要指明标志的引入。通过在JSP的代码的顶部加入以下代码可以做到这点。<%@taglib prefix="s" uri="/struts-tags" %>
1
、
<s:url>标签：该标签用于创建url,可以通过"param"标签提供request参数。当includeParams的值时'all'或者'get', param标签中定义的参数将有优先权,也就是说其会覆盖其他同名参数的值。
2、列表页面：list.jsp
<%@page pageEncoding="gb2312" contentType="text/html; charset=UTF-8" %><%@ taglib prefix="s" uri="/struts-tags" %><html><head><title>图书管理系统</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("请输入查询关键字!"); }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">书名</option> <option value="bookAuthor">作者</option> <option value="bookPublish">出版社</option> <option value="bookDate">出版日期</option> <option value="bookIsbn">ISNB</option> <option value="bookPage">页数</option> </select> <input type="text" name="searchValue" value="" size="10"/> <input type="button" value="查询" 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>书名</th> <th>作者</th> <th>出版社</th> <th>出版日期</th> <th>ISNB</th> <th>页数</th> <th>价格</th> <th>内容提要</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"/>页 共<s:property value="pager.getTotalPages()"/>页 <a href="<s:url value="list.action"> <s:param name="currentPage" value="currentPage"/> <s:param name="pagerMethod" value="'first'"/> </s:url>">首页</a> <a href="<s:url value="list.action"> <s:param name="currentPage" value="currentPage"/> <s:param name="pagerMethod" value="'previous'"/> </s:url>">上一页</a> <a href="<s:url value="list.action"> <s:param name="currentPage" value="currentPage"/> <s:param name="pagerMethod" value="'next'"/> </s:url>">下一页</a> <a href="<s:url value="list.action"> <s:param name="currentPage" value="currentPage"/> <s:param name="pagerMethod" value="'last'"/> </s:url>">尾页</a> </td> </tr> </tbody></table></td></tr></table></body></html>
/WebRoot/list.jsp
(1)、<s:property> :得到'value'的属性,如果value没提供,默认为堆栈顶端的元素。其相关的参数及使用如下表所示：
|
名称
|
必需
|
默认
|
类型
|
描述
|
|
default
|
否
|
String
|
如果属性是null则显示的default值
| |
|
escape
|
否
|
true
|
Booelean
|
是否escape HTML
|
|
value
|
否
|
栈顶
|
Object
|
要显示的值
|
|
id
|
否
|
Object/String
|
用来标识元素的id。在UI和表单中为HTML的id属性
|
(2)、<s:Iterator>：用于遍历集合（java.util.Collection）或枚举值（java.util.Iterator）。其相关的参数及使用如下表所示：
|
名称
|
必需
|
默认
|
类型
|
描述
|
|
status
|
否
|
String
|
如果设置此参数，一个IteratorStatus的实例将会压入每个遍历的堆栈
| |
|
value
|
否
|
Object/String
|
要遍历的可枚举的（iteratable）数据源，或者将放入新列表（List）的对象
| |
|
id
|
否
|
Object/String
|
用来标识元素的id。在UI和表单中为HTML的id属性
|
(3)、<s:param>:为其他标签提供参数,比如include标签和bean标签. 参数的name属性是可选的,如果提供，会调用Component的方法addParameter(String, Object), 如果不提供，则外层嵌套标签必须实现UnnamedParametric接口(如TextTag)。 value的提供有两种方式,通过value属性或者标签中间的text,不同之处我们看一下例子:
<param name="color">blue</param><!-- (A) -->
<param name="color" value="blue"/><!-- (B) -->
(A)参数值会以String的格式放入statck.
(B)该值会以java.lang.Object的格式放入statck.
(A)参数值会以String的格式放入statck.
(B)该值会以java.lang.Object的格式放入statck.
其相关的参数及使用如下表所示：
|
名称
|
必需
|
默认
|
类型
|
描述
|
|
name
|
否
|
String
|
参数名
| |
|
value
|
否
|
String
|
value表达式
| |
|
id
|
否
|
Object/String
|
用来标识元素的id。在UI和表单中为HTML的id属性
|
（4）、
国际化是商业系统中不可或缺的一部分，所以无论您学习的是什么
Web
框架，它都是必须掌握的技能。其实，
Struts 1.x
在此部分已经做得相当不错了。它极大地简化了我们程序员在做国际化时所需的工作，例如，如果您要输出一条国际化的信息，只需在代码包中加入
FILE-NAME_xx_XX.properties
（其中
FILE-NAME
为默认资源文件的文件名），然后在
struts-config.xml
中指明其路径，再在页面用
<bean:message>
标志输出即可。
不过，所谓
“
没有最好，只有更好
”
。
Struts 2.0
并没有在这部分止步，而是在原有的简单易用的基础上，将其做得更灵活、更强大。
（5）、
list.jsp
文件中：
<s:text name="format.date"><s:param value="bookDate"/></s:text>
，为了正确的输出出版日期的格式，采用在资源文件中定义输出的格式，并在页面上调用。
format.date
就是在资源文件
com.sterning.books.web.actions.BooksAction.properties中定义。当然也可以别的文件，放在别的路径下，但此时需要在web.xml中注册才可以使用它。
正如读者所见，在
pojo
（本例为
Books.java
）中将日期字段设置为
java.util.Date
，在映射文件中（
books.hbm.xml
）设置为
timestamp
（包括日期和时间）。为了便于管理，将日期格式保存在国际化资源文件中。如：
globalMessages
或
globalMessages_zh_CN
文件。
其内容为：
format.date={0,date,yyyy-MM-dd}
在页面显示日期时间时：
<s:text name="format.date"><s:param value="bookDate"/></s:text>
。这样就解决了日期（时间）的显示格式化问题。
3、增加/修改页面：editBook.jsp
<%@page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8" %><%@ taglib prefix="s" uri="/struts-tags" %><html><head> <title>编辑图书</title> <s:head/></head><body> <h2> <s:if test="null == book"> 增加图书 </s:if> <s:else> 编辑图书 </s:else> </h2> <s:form name="editForm" action="save" validate="true"> <s:textfield label="书名" 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="页数" name="book.bookPage"/> <s:textfield label="价格(元)" name="book.bookPrice"/> <s:textfield label="内容摘要" 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> ：执行基本的条件流转。其相关的参数及使用如下表所示：
|
名称
|
必需
|
默认
|
类型
|
描述
|
备注
|
|
test
|
是
|
|
Boolean
|
决定标志里内容是否显示的表达式
|
else标志没有这个参数
|
|
id
|
否
|
|
Object/String
|
用来标识元素的id。在UI和表单中为HTML的id属性
|
|
（2）、<s:text>：支持国际化信息的标签。国际化信息必须放在一个和当前action同名的resource bundle中,如果没有找到相应message,tag body将被当作默认message,如果没有tag body,message的name会被作为默认message。其相关的参数及使用如下表所示：
|
名称
|
必需
|
默认
|
类型
|
描述
|
|
name
|
是
|
|
String
|
资源属性的名字
|
|
id
|
否
|
|
Object/String
|
用来标识元素的id。在UI和表单中为HTML的id属性
|
未完待续......
174
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
