常用struts2标签讲解(上)

本文详细介绍 Struts2 中的 UI 和非 UI 标签,包括表单 UI 如 textfield、datepicker 的使用方法及非 UI 标签如 if、elseif 的条件判断用法。同时提供 iterator 标签的遍历示例。
一、
写jsp页面的时候,在struts2中,用的是s标记,先引入标记:
<%@ taglib prefix="s" uri="/struts-tags"%>


二、
struts2的标签和1是完全不同的。
struts2的标签分为两大类:非UI标志和UI标志 struts1 将标志库按功能分成HTML、Tiles、Logic和Bean等几部分
下面就介绍strut2的具体标签:
1、UI
UI标志又可以分为表单UI和非表单UI两部分。表单UI部分基本与Struts 1.x相同,都是对HTML表单元素的包装。不过,Struts 2.0加了几个我们经常在项目中用到的控件如:datepicker、doubleselect、timepicker、optiontransferselect等。因为这些标志很多都经常用到,而且参数也很多,要在一篇文章详细说明并非易事。
下面主要是ui标签的一些用法


form:

<s:form action="exampleSubmit" method="post" enctype="multipart/form-data"> 
<s:submit /> 
    <s:reset />

</s:form>可以上传文件的form。 


textfield:

<s:textfield 
            label="姓名:" 
            name="name" 
            tooltip="Enter your Name here" /> 


datepicker:

<s:datepicker 
            tooltip="Select Your Birthday" 
            label="生日" 
            name="birthday" /> 


textarea:

<s:textarea 
            tooltip="Enter your remart" 
            label="备注" 
            name="remart" 
            cols="20" 
            rows="3"/> 


select:

<s:select 
            tooltip="Choose user_type" 
            label="" 
            list="#{'free':'免费','vip':'收费'}" value="#{'free':'免费'}"   
           name="bean.user_type" 
            emptyOption="true" 
            headerKey="None" 
            headerValue="None"/> 
<s:select 
            tooltip="Choose user_type" 
            label="" 
            list="#{'free':'免费','vip':'收费'}" value="#{'free':'免费'}"   
           name="bean.user_type" 
            emptyOption="true" 
            headerKey="None" 
            headerValue="None"/> 
<s:select 
list="venderList" 
listKey="id" 
listValue="name" 
value="%{profile.companyName}" 
name="companyName" cssClass="sel_style_w_180"/>   


挺好用的
checkboxlist:

<s:checkboxlist 
            tooltip="Choose your Friends" 
            label="朋友" 
            list="{'Patrick', 'Jason', 'Jay', 'Toby', 'Rene'}" 
            name="friends"/> 


checkbox:

<s:checkbox 
            tooltip="Confirmed that your are Over 18" 
            label="年龄" 
            name="legalAge" 
            value="18"/> 


file:

<s:file 
       tooltip="Upload Your Picture" 
       label="Picture" 
       name="picture" /> 


a:

<s:a href="getP.jsp">超链接提交</s:a> 


date :

<s:date name="ad_end_time" format="yyyy-MM-dd"/>


2、非UI
if、elseif和else 描述:
执行基本的条件流转。
参数:
名称必需默认类型描述备注test是Boolean决定标志里内容是否显示的表达式else标志没有这个参数id否Object/String用来标识元素的id。在UI和表单中为HTML的id属性 例子:

<%@ page c %> 
<%@ taglib prefix="s" uri="/struts-tags" %> 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
    <head> 
        <title>Condition Flow</title> 
    </head> 
    <body> 
        <h3>Condition Flow</h3>             
        <!-- 
            这里有点小技巧: 
            本来可以用#parameters.name[0]来获得,请求中name的值。但是,在我实现include例子时, 
            无论我用param标志给name赋任何值,#parameters里面不会含有任何值,所以#parameters.name也为空值。 
             
            其原因为: 
            当使用include标志时,被包含的页面(included)里#parameters拿到的是包含页面里的请求参数。 
             
            因此,这里必须手工调用request.getParameter("name")。 
        --> 
    <s:iterator value="linkList" status="bean">
   <tr>
    <td class="data_tab_tdcl">
     <s:property value="#bean.Index+1" />    </td>
    <td class="data_tab_tdcl"><s:property value="link_title" /></td>
    <td class="data_tab_tdcl"><s:property value="link_url" /></td>
    <td class="data_tab_tdcl">
    <s:if test="link_type == 1"> 
                   文字
                </s:if> 
                <s:elseif test="link_type == 2"> 
                   图片
                </s:elseif> 
                 <s:else> 
                 -----
               </s:else>    
    </td>
  </body> 
</html> 


例1 condition.jsp
iterator 描述:
用于遍历集合(java.util.Collection)或枚举值(java.util.Iterator)。
参数:
名称必需默认类型描述status否String如果设置此参数,一个IteratorStatus的实例将会压入每个遍历的堆栈value否Object/String要遍历的可枚举的(iteratable)数据源,或者将放入新列表(List)的对象id否Object/String用来标识元素的id。在UI和表单中为HTML的id属性 例子:

<%@ page c %> 
<%@ page import="java.util.List" %> 
<%@ page import="java.util.ArrayList" %> 
<%@ taglib prefix="s" uri="/struts-tags" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<% 
    List list = new ArrayList(); 
    list.add("Max"); 
    list.add("Scott"); 
    list.add("Jeffry"); 
    list.add("Joe"); 
    list.add("Kelvin"); 
    request.setAttribute("names", list); 
%> 
<html> 
    <head> 
        <title>Iterator</title> 
    </head> 
    <body> 
        <h3>Names: </h3> 
        <!-- 
            1、此处的空property元素用于获得当前iterator的值 
            2、status被设成stuts,在iterator的里面就可以通过#stuts取得IteratorStatus的对象。IteratorStatus类包含当前序号信息,如是否第一个或最后一个,是否为奇数序号。这些信息在我们做格式化的时候,显得非常有用。 
        --> 
        <ol> 
            <s:iterator value="#request.names" status="stuts">                 
                <s:if test="#stuts.odd == true"> 
                    <li>White <s:property /></li> 
                </s:if> 
                <s:else> 
                    <li style="background-color:gray"><s:property /></li> 
                </s:else> 
            </s:iterator> 
        </ol> 
    </body> 
</html>

 

iterator 下标详解!

<s:iterator id="obj" value="list" status="index">

<!---输出当前元素的属性-->

<s:property value="property"/>
 

<!---输出当前迭代元素的索引-->

<s:property value="#index.index"/>
 

<!---输出当前迭代了几个元素-->

<s:property value="#index.count"/>
 

<!---返回当前迭代元素的索引是否为奇数-->

<s:property value="#index.odd"/>


<!---返回当前迭代元素的索引是否为偶数-->

<s:property value="#index.event"/>
 

<!---返回当前元素是否为第一个-->

<s:property value="#index.first"/>
 

<!---返回当前元素是否为最后一个-->

<s:property value="#index.last"/>


<!---返回当前元素下标-->

<s:property value="#index.getCount()" />
下载前可以先看下教程 https://pan.quark.cn/s/a426667488ae 标题“仿淘宝jquery图片左右切换带数字”揭示了这是一个关于运用jQuery技术完成的图片轮播机制,其特色在于具备淘宝在线平台普遍存在的图片切换表现,并且在整个切换环节中会展示当前图片的序列号。 此类功能一般应用于电子商务平台的产品呈现环节,使用户可以便捷地查看多张商品的照片。 说明中的“NULL”表示未提供进一步的信息,但我们可以借助标题来揣摩若干核心的技术要点。 在构建此类功能时,开发者通常会借助以下技术手段:1. **jQuery库**:jQuery是一个应用广泛的JavaScript框架,它简化了HTML文档的遍历、事件管理、动画效果以及Ajax通信。 在此项目中,jQuery将负责处理用户的点击动作(实现左右切换),并且制造流畅的过渡效果。 2. **图片轮播扩展工具**:开发者或许会采用现成的jQuery扩展,例如Slick、Bootstrap Carousel或个性化的轮播函数,以达成图片切换的功能。 这些扩展能够辅助迅速构建功能完善的轮播模块。 3. **即时数字呈现**:展示当前图片的序列号,这需要通过JavaScript或jQuery来追踪并调整。 每当图片切换时,相应的数字也会同步更新。 4. **CSS美化**:为了达成淘宝图片切换的视觉效果,可能需要设计特定的CSS样式,涵盖图片的排列方式、过渡效果、点状指示器等。 CSS3的动画和过渡特性(如`transition`和`animation`)在此过程中扮演关键角色。 5. **事件监测**:运用jQuery的`.on()`方法来监测用户的操作,比如点击左右控制按钮或自动按时间间隔切换。 根据用户的交互,触发相应的函数来执行...
垃圾实例分割数据集 一、基础信息 • 数据集名称:垃圾实例分割数据集 • 图片数量: 训练集:7,000张图片 验证集:426张图片 测试集:644张图片 • 训练集:7,000张图片 • 验证集:426张图片 • 测试集:644张图片 • 分类类别: 垃圾(Sampah) • 垃圾(Sampah) • 标注格式:YOLO格式,包含实例分割的多边形点坐标,适用于实例分割任务。 • 数据格式:图片文件 二、适用场景 • 智能垃圾检测系统开发:数据集支持实例分割任务,帮助构建能够自动识别和分割图像中垃圾区域的AI模型,适用于智能清洁机器人、自动垃圾桶等应用。 • 环境监控与管理:集成到监控系统中,用于实时检测公共区域的垃圾堆积,辅助环境清洁和治理决策。 • 计算机视觉研究:支持实例分割算法的研究和优化,特别是在垃圾识别领域,促进AI在环保方面的创新。 • 教育与实践:可用于高校或培训机构的AI课程,作为实例分割技术的实践数据集,帮助学生理解计算机视觉应用。 三、数据集优势 • 精确的实例分割标注:每个垃圾实例都使用详细的多边形点进行标注,确保分割边界准确,提升模型训练效果。 • 数据多样性:包含多种垃圾物品实例,覆盖不同场景,增强模型的泛化能力和鲁棒性。 • 格式兼容性强:YOLO标注格式易于与主流深度学习框架集成,如YOLO系列、PyTorch等,方便研究人员和开发者使用。 • 实际应用价值:直接针对现实世界的垃圾管理需求,为自动化环保解决方案提供可靠数据支持,具有重要的社会意义。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值