七、 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,其代码如下:
<%@pagepageEncoding="UTF-8"contentType="text/html;charset=UTF-8"%>
<%@taglibprefix="s"uri="/struts-tags"%>
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=GBK"/>
<title>图书管理系统</title>
</head>
<body>
<p><ahref="<s:urlaction="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
<%@pagepageEncoding="gb2312"contentType="text/html;charset=UTF-8"%>
<%@taglibprefix="s"uri="/struts-tags"%>

<html>
<head><title>图书管理系统</title></head>
<styletype="text/css">

table
{
border:1pxsolidblack;
border-collapse:collapse;
}


tabletheadtrth
{
border:1pxsolidblack;
padding:3px;
background-color:#cccccc;
background-color:expression(this.rowIndex%2==0?"#FFFFFF":"#EEEEEE");
}


tabletbodytrtd
{
border:1pxsolidblack;
padding:3px;
}

.trs
{
background-color:expression(this.rowIndex%2==0?"#FFFFFF":"#EEEEEE");
}
</style>

<scriptlanguage="JavaScript">

functiondoSearch()
{
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>

<tablealign="center">
<tralign="center">
<td>
<selectname="searchName">
<optionvalue="bookName">书名</option>
<optionvalue="bookAuthor">作者</option>
<optionvalue="bookPublish">出版社</option>
<optionvalue="bookDate">出版日期</option>
<optionvalue="bookIsbn">ISNB</option>
<optionvalue="bookPage">页数</option>
</select>
<inputtype="text"name="searchValue"value=""size="10"/>
<inputtype="button"value="查询"onClick="doSearch();">
</td>
</tr>
<tralign="center">
<td>
<ahref="<s:urlaction="list"includeParams="none"/>">全部</a>
<ahref='<s:urlaction="edit"></s:url>'>增加</a>
</td>
</tr>
<tr>
<td>
<tablecellspacing="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:iteratorvalue="availableItems">
<trclass="trs">
<td>
<ahref='<s:urlaction="edit"><s:paramname="bookId"value="bookId"/></s:url>'>
<s:propertyvalue="bookName"/>
</a>
</td>
<td><s:propertyvalue="bookAuthor"/></td>
<td><s:propertyvalue="bookPublish"/></td>
<td><s:textname="format.date"><s:paramvalue="bookDate"/></s:text></td>
<td><s:propertyvalue="bookIsbn"/></td>
<td><s:propertyvalue="bookPage"/></td>
<td><s:propertyvalue="bookPrice"/></td>
<td><s:propertyvalue="bookContent"/></td>

<td><ahref='<s:urlaction="delete"><s:paramname="bookId"value="bookId"/></s:url>'>删除</a></td>
</tr>
</s:iterator>
<tralign="right">
<tdcolspan="9">
共<s:propertyvalue="totalRows"/>行
第<s:propertyvalue="currentPage"/>页
共<s:propertyvalue="pager.getTotalPages()"/>页
<ahref="<s:urlvalue="list.action">
<s:paramname="currentPage"value="currentPage"/>
<s:paramname="pagerMethod"value="'first'"/>

</s:url>">首页</a>
<ahref="<s:urlvalue="list.action">
<s:paramname="currentPage"value="currentPage"/>
<s:paramname="pagerMethod"value="'previous'"/>
</s:url>">上一页</a>
<ahref="<s:urlvalue="list.action">
<s:paramname="currentPage"value="currentPage"/>
<s:paramname="pagerMethod"value="'next'"/>
</s:url>">下一页</a>
<ahref="<s:urlvalue="list.action">
<s:paramname="currentPage"value="currentPage"/>
<s:paramname="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
<%@pagepageEncoding="UTF-8"contentType="text/html;charset=UTF-8"%>
<%@taglibprefix="s"uri="/struts-tags"%>

<html>
<head>
<title>编辑图书</title>
<s:head/>
</head>
<body>
<h2>
<s:iftest="null==book">
增加图书
</s:if>
<s:else>
编辑图书
</s:else>
</h2>
<s:formname="editForm"action="save"validate="true">

<s:textfieldlabel="书名"name="book.bookName"/>
<s:textfieldlabel="作者"name="book.bookAuthor"/>
<s:textfieldlabel="出版社"name="book.bookPublish"/>
<s:datetimepickerlabel="出版日期"name="book.bookDate"></s:datetimepicker>
<s:textfieldlabel="ISBN"name="book.bookIsbn"/>
<s:textfieldlabel="页数"name="book.bookPage"/>
<s:textfieldlabel="价格(元)"name="book.bookPrice"/>
<s:textfieldlabel="内容摘要"name="book.bookContent"/>
<s:iftest="null==book">
<s:hiddenname="book.bookId"value="%{bookId}"/>
</s:if>
<s:else>
<s:hiddenname="book.bookId"/>
</s:else>
<s:hiddenname="queryName"/>
<s:hiddenname="queryValue"/>
<s:submitvalue="%{getText('保存')}"/>
</s:form>

<p><ahref="<s:urlaction="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+Spring+Hibernate和Struts2+Spring+Ibatis是两种常见的Java Web应用程序集成框架,它们分别基于ORM框架Hibernate和轻量级数据访问框架Ibatis。这两种框架结合Spring,旨在提供一个强大的、可扩展的、易于...
Struts2+Spring2+Hibernate3 web应用示例
这个“博客Struts2+Spring2+Hibernate3 web应用示例”旨在展示如何将这三个框架有效地结合在一起,以实现一个完整的后端管理系统,比如书管理应用。 Struts2是Action导向的MVC框架,负责处理HTTP请求,提供控制器层...
Struts2、Spring3和Hibernate4是Java Web开发中的三个核心框架,它们分别负责MVC(Model-View-Controller)架构中的控制层、业务层和服务层。本示例结合这三个框架,提供了一种完整的三层架构实现,以提高开发效率和...
《轻量级Java EE企业应用实战(第4版)》这本书深入探讨了Struts 2、Spring 4和Hibernate这三大框架的整合开发,旨在帮助读者掌握如何在实际项目中高效构建Java EE应用。SSH(Struts 2、Spring、Hibernate)是Java ...
这个“Struts2+Hibernate+Spring基于单表的增删改查code”项目是一个典型的Java Web应用程序示例,用于教学初学者如何在实际开发中运用这三个框架来实现对数据库中单个表的操作。 **Struts2** 是一个MVC(Model-...
《轻量级Java EE企业应用实战:Struts2+Spring3+Hibernate整合开发(第3版)》介绍了Java EE领域的三个开源框架:Struts 2、Spring和Hibernate。其中Struts 2升级到2.2.1,Spring升级到3.0.5,Hibernate升级到了...
### Struts2+Spring3+Hibernate整合 #### 一、简介与背景 本文将详细介绍如何实现Struts2、Spring3和Hibernate三个框架的整合。这种整合通常被称为SSH(Struts2-Spring-Hibernate)框架集成,是Java Web开发中非常...
Struts2、Spring和Hibernate是Java Web开发中的三大框架,它们的整合应用极大地提升了开发效率和项目的可维护性。在本示例中,我们将探讨如何将这三个框架集成在一起,实现一个完整的MVC(模型-视图-控制器)架构。 ...
应广大网友需求,自己抽了点时间写了一个Struts2.0+Spring2.0+Hibernate3.1的登录及增删改查的完整演示示例,以此奉献给大家,由于本人水平有限,有写的不好的地方还望大家多提宝贵意见,如果有不明白的地方请关注我的...
Struts2.3 + Spring3.2 + Hibernate4.1 + HTML5 + CSS3开发示例代码。 其中包括如下文件: 介绍文档 Struts2.3 + Spring3.2 + Hibernate4.1 + HTML5 + CSS3开发示例.docx Eclipse工程文件 SSH2.zip Zip包是Eclipse...