struts2 学习笔记

最新推荐文章于 2024-04-06 15:33:48 发布

最新推荐文章于 2024-04-06 15:33:48 发布 · 109 阅读

文章标签：

#Ajax #JSP #Oracle #Servlet #ASP.net

struts2 专栏收录该内容

5 篇文章

订阅专栏

本文详细介绍了Struts2框架中的各种表单标签用法，包括文本框、密码框、单选按钮、复选框等，并展示了如何利用这些标签快速生成动态网页表单。

.要在JSP中加入<%@ taglib prefix="s" uri="/struts-tags" %> 才可以使用struts2标签，

1.文本框 <s:textfield name="loginName" label="loginName"></s:textfield>

生成HTML后为

<tr>
    <td class="tdLabel"><label for="checkLogin_loginName" class="label">loginName:</label></td>
    <td><input name="loginName" value="" id="checkLogin_loginName" type="text"></td>
</tr>

生成的代码可以看出，name 不变，如果ID不指定的话，会生成ACTION_NAME 的形式的ID，建议人为指定相关的ID 这样可以方便后面的操作

2.密码框 <s:password name="pwd" label="password"></s:password>

没什么说的，跟上面差不多。

3.单选按钮：radio 与checkboxlist 差不多

<s:radio
            list="{'JSP','Servlet','Struts2.0','Ajax'}"
            name="skills"
            label="熟悉的技术"
            labelposition="top"
        >
        </s:radio>
        
        <s:radio
            list="#{'JSP':'JSP','Servlet':'Struts2.0','Struts2.0':'Struts2.0','Ajax':'Ajax'}"
            name="skillsarea"
            label="你所关注的技术领域"
            labelposition="top"
            listKey="key"
            listValue="value"
        >
        </s:radio>
        
        <s:radio
            list="#bs.books"
            name="books"
            label="选择你喜欢的图书"
            labelposition="top"
            listKey="num"
            listValue="name"
        >
        </s:radio>
4.checkboxlist 创建多个复选框，
list 属性指定集合来生成多个复选框，如果list是一个字符串集合就不用指定其他属性了
如果是一个Map或者JAVA多个对象要指定listKey listValue两个属性了
listKey该属性用来指定元素中的某个属性作为复选框的value 如果是MAP 则使用key
listValue 该属性用来指定元素中某个属性作为复选框的标签如果是Map 则使用value

<s:checkboxlist
            list="{'JSP','Servlet','Struts2.0','Ajax'}"
            name="skills"
            label="熟悉的技术"
            labelposition="top"
        >
        </s:checkboxlist>
        
        <s:checkboxlist
            list="#{'JSP':'JSP','Servlet':'Struts2.0','Struts2.0':'Struts2.0','Ajax':'Ajax'}"
            name="skillsarea"
            label="你所关注的技术领域"
            labelposition="top"
            listKey="key"
            listValue="value"
        >
        </s:checkboxlist>
        <hr/>
        
        <s:bean name="com.zjr.BookService" id="bs"></s:bean>
        <s:checkboxlist
            list="#bs.books"
            name="books"
            label="选择你喜欢的图书"
            labelposition="top"
            listKey="num"
            listValue="name"
        >
        </s:checkboxlist>

5.combobox

  <s:combobox
   label="图书列表"
   labelposition="top"
   list="{'JSP','Servlet','Struts2.0','Ajax'}"
   size="20"
   maxlength="20"
   name="books_1"
  >
  </s:combobox>
  <s:combobox
   label="图书列表"
   labelposition="top"
   list="#bs.books"
   size="20"
   maxlength="20"
   name="book_1"
   listKey="num"
   listValue="name"
  >
  </s:combobox>
6.

<s:select
  list="{'JSP','Servlet1','Struts2.0','Ajax'}"
   name="books11"
   label="图书列表"
>
</s:select>
<s:select name="books_selectmap" label="图书列表" labelposition="top"
  list="#{'JSP':'JSP','Servlet':'Struts2.0','Struts2.0':'Struts2.0','Ajax':'Ajax'}"
  listKey="key"
  listValue="value"
></s:select><br/><br/>
<s:select
  label="图书列表"
   labelposition="top"
   list="#bs.books"
   name="book_select_java"
   listKey="num"
   listValue="name"
></s:select><br/><br/>
7.doubleselect

<s:set name="pc"
   value="#{'广西省':{'南宁','贵港','柳州'},'广东省':{'广州','深圳','珠海'}}"/>
<s:doubleselect
name="province" label="所在城市"
list="#pc.keySet()" doubleName="city" doubleList="#pc[top]"
></s:doubleselect>
<s:set name="foobar"
              value="#{'Java': {'Spring', 'Hibernate', 'Struts 2'},
              '.Net': {'Linq', ' ASP.NET 2.0'},'Database': {'Oracle', 'SQL Server', 'DB2', 'MySQL'}}" />
        <s:doubleselect list="#foobar.keySet()"
                          doubleName="technology"
                          doubleList="#foobar[top]"
                          label="Technology" />

8.optgroup标签
     <s:select label="您所关注的技术领域" name="skillsArea"
     list="#{'JavaScript':'JavaScript','ajax':'ajax','oracle':'oracle'}">
      <s:optgroup label="J2EE"
      list="#{'JSP':'JSP','Servlet':'Servlet','JavaBean':'JavaBean'}"
      listKey="value"
      listValue="key"
      ></s:optgroup>
      <s:optgroup label="JAVA开源框架"
      list="#{'Struts2':'Struts2','Hibernate3':'Hibernate3','Spring2':'Spring2'}"
      listKey="value"
      listValue="key"
      ></s:optgroup>
     </s:select>

   9.时间标签

<s:datetimepicker name="birthday" label="出生日期" displayFormat="yyyy/MM/dd" />
<s:datetimepicker name="recordtime" label="记录时间" type="time" language="en_US"></s:datetimepicker>

10.

<s:updownselect
    label="图书列表"
    list="{'struts2从入门到精通','Spring2开发宝典','Ajax实战'}"
    name="books_updownselect"
    headerKey="-1"
    headerValue="-----请选择-----"
    emptyOption="true"
    selectAllLabel="全选"
    moveUpLabel="上移"
    moveDownLabel="下移"
    />
   <s:updownselect
     label="您所关注的领域"
     list="#{'JAVA':'java','.NET':'.net','DATABASE':'database'}"
     name="skillarea"
     headerKey="-1"
    headerValue="-----请选择-----"
    emptyOption="true"
    selectAllLabel="全选"
    moveUpLabel="上移"
    moveDownLabel="下移"
   />
   <s:updownselect
     label="图书列表"
     list="#bs.books"
     listKey="name"
     listValue="name"
     name="skillarea_aba"
     headerKey="-1"
    headerValue="-----请选择-----"
    emptyOption="true"
    selectAllLabel="全选"
    moveUpLabel="上移"
    moveDownLabel="下移"
   />

   11.

   <s:optiontransferselect
     label="您目前已经掌握的技术"
     name="canSkills"
     leftTitle="技术信息列表"
     rightTitle="您的选择"
     list="{'struts2从入门到精通','Spring2开发宝典','Ajax实战'}"
     multiple="true"
     headerKey="-1"
  headerValue="---- 请选择 -----"
  emptyOption="true"
     doubleList=""
     doubleName="rightSideCartoonCharacters"
     doubleHeaderKey="doubleHeaderKey"
     doubleHeaderValue="---- 请选择 -----"
     doubleEmptyOption="true"
     doubleMultiple="true"
     addAllToLeftLabel="全部左移"
     addAllToRightLabel="全部右移"
     addToRightLabel="右移"
     addToLeftLabel="左移"
     selectAllLabel="全选"
     rightDownLabel="下称"
     rightUpLabel="上移"
     leftDownLabel="下称"
     leftUpLabel="上称"
     >

   </s:optiontransferselect>