-
七、 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 " /> 行 & nbsp;
第 < s:property value = " currentPage " /> 页 & nbsp;
共 < s:property value = " pager.getTotalPages() " /> 页 & nbsp;
< 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.其相关的参数及使用如下表所示:
名称
必需
默认
类型
描述
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属性
未完待续......
Struts2+Spring2+Hibernate3 web应用示例(五)
最新推荐文章于 2024-09-06 11:04:13 发布