Struts2+Spring2+Hibernate3 web应用示例(五)

 

• 七、       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属性

  
  未完待续......