Chinaunix首页 | 论坛 | 博客
  • 博客访问: 34527
  • 博文数量: 12
  • 博客积分: 610
  • 博客等级: 上士
  • 技术积分: 155
  • 用 户 组: 普通用户
  • 注册时间: 2008-03-12 23:09
文章分类
文章存档

2008年(12)

我的朋友
最近访客

分类: Java

2008-03-15 17:36:25

  • 七、       Web页面

     

    在这一节中,主要使用到了Struts2的标签库。在这里,会对所用到的主要标签做一个初步的介绍。更多的知识请读者访问Struts的官方网站做更多的学习。在编写Web页面之前,先从总体上,对Struts 1.xStruts 2.0的标志库(Tag Library)作比较。

    Struts 1.x

    Struts 2.0

    分类

    将标志库按功能分成HTMLTilesLogicBean等几部分

    严格上来说,没有分类,所有标志都在URI“/struts-tags”命名空间下,不过,我们可以从功能上将其分为两大类:非UI标志和UI标志

    表达式语言(expression languages

    不支持嵌入语言(EL

    OGNLJSTLGroovyVelcity

     

    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=""list" />">进入图书管理系统a>p>
    body>
    html>

    WebRoot/index.jsp

    要在JSP中使用Struts 2.0标志,先要指明标志的引入。通过在JSP的代码的顶部加入以下代码可以做到这点。<%@taglib prefix="s" uri="/struts-tags" %>

    1url>标签:该标签用于创建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">ISNBoption>
                
    <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=""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>ISNBth>
            
    <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=""list.action">
                    "currentPage" value="currentPage"/>
                    "pagerMethod" value="'first'"/>
                    
                
    ">首页a>
                
    <a href=""list.action">
                    "currentPage" value="currentPage"/>
                    "pagerMethod" value="'previous'"/>
                
    ">上一页a>
                
    <a href=""list.action">
                    "currentPage" value="currentPage"/>
                    "pagerMethod" value="'next'"/>
                
    ">下一页a>
                
    <a href=""list.action">
                    "currentPage" value="currentPage"/>
                    "pagerMethod" value="'last'"/>
                
    ">尾页a>
            
    td>
        
    tr>    
        
    tbody>
    table>
    td>
    tr>
    table>
    body>
    html>

    /WebRoot/list.jsp

    (1) :得到'value'的属性,如果value没提供,默认为堆栈顶端的元素。其相关的参数及使用如下表所示:

    名称

    必需

    默认

    类型

    描述

    default

    String

    如果属性是null则显示的default

    escape

    true

    Booelean

    是否escape HTML

    value

    栈顶

    Object

    要显示的值

    id

    Object/String

    用来标识元素的id。在UI和表单中为HTMLid属性

    (2):用于遍历集合(java.util.Collection)或枚举值(java.util.Iterator)。其相关的参数及使用如下表所示:  

    名称

    必需

    默认

    类型

    描述

    status

    String

    如果设置此参数,一个IteratorStatus的实例将会压入每个遍历的堆栈

    value

    Object/String

    要遍历的可枚举的(iteratable)数据源,或者将放入新列表(List)的对象

    id

    Object/String

    用来标识元素的id。在UI和表单中为HTMLid属性

    (3):为其他标签提供参数,比如include标签和bean标签. 参数的name属性是可选的,如果提供,会调用Component的方法addParameter(String, Object), 如果不提供,则外层嵌套标签必须实现UnnamedParametric接口(TextTag) value的提供有两种方式,通过value属性或者标签中间的text,不同之处我们看一下例子:

    blue


    (A)参数值会以String的格式放入statck.
    (B)该值会以java.lang.Object的格式放入statck.

    其相关的参数及使用如下表所示:

    名称

    必需

    默认

    类型

    描述

    name

    String

    参数名

    value

    String

    value表达式

    id

    Object/String

    用来标识元素的id。在UI和表单中为HTMLid属性

    4)、国际化是商业系统中不可或缺的一部分,所以无论您学习的是什么Web框架,它都是必须掌握的技能。其实,Struts 1.x在此部分已经做得相当不错了。它极大地简化了我们程序员在做国际化时所需的工作,例如,如果您要输出一条国际化的信息,只需在代码包中加入FILE-NAME_xx_XX.properties(其中FILE-NAME为默认资源文件的文件名),然后在struts-config.xml中指明其路径,再在页面用标志输出即可。

    不过,所谓没有最好,只有更好Struts 2.0并没有在这部分止步,而是在原有的简单易用的基础上,将其做得更灵活、更强大。

    5)、list.jsp文件中:

    ,为了正确的输出出版日期的格式,采用在资源文件中定义输出的格式,并在页面上调用。format.date就是在资源文件com.sterning.books.web.actions.BooksAction.properties中定义。当然也可以别的文件,放在别的路径下,但此时需要在web.xml中注册才可以使用它。

    正如读者所见,在pojo(本例为Books.java)中将日期字段设置为java.util.Date,在映射文件中(books.hbm.xml)设置为timestamp(包括日期和时间)。为了便于管理,将日期格式保存在国际化资源文件中。如:globalMessagesglobalMessages_zh_CN文件。

    其内容为:

    format.date={0,date,yyyy-MM-dd}

    在页面显示日期时间时:。这样就解决了日期(时间)的显示格式化问题。

     

    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=""list"/>">返回a>p>
    body>
    html>


    WebRoot/editBook.jsp

    1)、 :执行基本的条件流转。 其相关的参数及使用如下表所示:

    名称

    必需

    默认

    类型

    描述

    备注

    test

     

    Boolean

    决定标志里内容是否显示的表达式

    else标志没有这个参数

    id

     

    Object/String

    用来标识元素的id。在UI和表单中为HTMLid属性

     

     

    2)、:支持国际化信息的标签。国际化信息必须放在一个和当前action同名的resource bundle,如果没有找到相应message,tag body将被当作默认message,如果没有tag body,messagename会被作为默认message 其相关的参数及使用如下表所示:

    名称

    必需

    默认

    类型

    描述

    name

     

    String

    资源属性的名字

    id

     

    Object/String

    用来标识元素的id。在UI和表单中为HTMLid属性


    未完待续......

  • 阅读(735) | 评论(0) | 转发(0) |
    给主人留下些什么吧!~~