jsp自定义标签02(案例)

前言

在本人上一篇博客中写了jsp自定义标签的概念,已经认识了自定义标签,这次我们来动手实战
链接: jsp自定义标签01.

1、自定义标签开发步骤

第一步:助手类
第二步:.tld文件
第三步:jsp界面引用标签,taglib

2、实战自定义标签(set ,out,if,foreach,select)

首先我们先分析一下这五个标签分别是什么标签

1.UI标签:    out(2)       select(5)
		注:JspWriter  writer=pageContext.getOut();
2.控制标签:    if(3)       foreach(4) 
		注:page(pageContext)|request(......)|session(.....)|application(......)是用来存储和交换数据
3.数据标签:    set(1)
		注:数据标签就是用来存储数据的

括号中的数字代表接下来我写的顺序,也间接的表示这五个标签的难易程度,我们先从简到难,所以这是我排的顺序

2.1自定义set标签

首先我们先来看自定义set标签:
第一步:导入架包
在这里插入图片描述

第二步:建立SetTag助手类(类名可根据自己取)
此类记得继承BodyTagSupport

package com.xiaoqing.day02;

import javax.servlet.jsp.JspException;
import javax.servlet.jsp.tagext.BodyTagSupport;

public class SetTag extends BodyTagSupport{
	private static final long serialVersionUID = 1L;
	private String var;//属性名
	private Object value;//属性值
	public String getVar() {
		return var;
	}
	public void setVar(String var) {
		this.var = var;
	}
	public Object getValue() {
		return value;
	}
	public void setValue(Object value) {
		this.value = value;
	}
	
	@Override
	public int doStartTag() throws JspException {
		// TODO Auto-generated method stub
		//当前页面传值:把value值赋值给var
		pageContext.setAttribute(var, value);
		return SKIP_BODY;//由于set标签没有标签主体,所以跳过标签主体,只需要设置值
	}
	
	
}

第三步:配置描述标签库.tld文件
注: tag lib description是tld的全称。该文件必须保存到WEB-INF目录或其子目录,以便于容器启动时加载到内存。
在这里插入图片描述

<?xml version="1.0" encoding="UTF-8" ?>

<taglib xmlns="http://java.sun.com/xml/ns/j2ee"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-jsptaglibrary_2_0.xsd"
    version="2.0">
    
  <description>JSTL 1.1 core library</description>
  <display-name>JSTL core</display-name>
  <tlib-version>1.1</tlib-version>
  <short-name>z</short-name>//相当于prefix="z"
  <uri>/xiaoqing</uri>//相当于uri="/xiaoqing"

  <!--标签  -->
  <tag>
  	<!--标签名  -->
    <name>set</name>
    <!--标签工具类:助手类的全名  -->
    <tag-class>com.xiaoqing.day02.SetTag</tag-class>
     <!--标签的内容类型:empty表示空标签,JSP表示可以为任何合法的标签  -->
    <body-content>JSP</body-content>
    <attribute>
   	 	<!--自定义标签的属性名称  -->
        <name>var</name>
        <!--是否必填  -->
        <required>true</required>
        <!--是否支持表达式  -->
        <rtexprvalue>false</rtexprvalue>
    </attribute> 
    
     <attribute>
        <name>value</name>
        <required>true</required>
        <rtexprvalue>true</rtexprvalue>
    </attribute> 
  </tag>

第四步:最后到jsp页面去验证(这一步在jsp页面中没有明显的效果,所以我们结合自定义标签out中测试看效果)

现在我们来写自定义标签out

2.2 自定义out标签

第一步:导入架包
在这里插入图片描述

第二步:建立OutTag助手类(类名可根据自己取)
此类记得继承BodyTagSupport

package com.xiaoqing.day02;

import java.io.IOException;

import javax.servlet.jsp.JspException;
import javax.servlet.jsp.JspWriter;
import javax.servlet.jsp.tagext.BodyTagSupport;
/**
 * 属于UI标签:标签本身自己能输出内容,不需要借助标签体输出,所以跳过标签体
 * @author 晴sister
 *
 * https://i.csdn.net/#/uc/profile
 */
public class OutTag extends BodyTagSupport{
	
	
	private static final long serialVersionUID = 4269386557221194950L;
	private Object value;//需要打印的值
	public Object getValue() {
		return value;
	}
	public void setValue(Object value) {
		this.value = value;
	}
	@Override
	public int doStartTag() throws JspException {
		// TODO Auto-generated method stub
		JspWriter out = pageContext.getOut();//获取out
		try {
			out.print(value);//打印value值
		} catch (IOException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		return SKIP_BODY;//跳过标签主体
	}

}

第三步:配置描述标签库.tld文件
注: tag lib description是tld的全称。该文件必须保存到WEB-INF目录或其子目录,以便于容器启动时加载到内存。
在这里插入图片描述

<?xml version="1.0" encoding="UTF-8" ?>

<taglib xmlns="http://java.sun.com/xml/ns/j2ee"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-jsptaglibrary_2_0.xsd"
    version="2.0">
    
  <description>JSTL 1.1 core library</description>
  <display-name>JSTL core</display-name>
  <tlib-version>1.1</tlib-version>
  <short-name>z</short-name>
  <uri>/xiaoqing</uri>

   <tag>
    <name>out</name>
    <tag-class>com.xiaoqing.day02.OutTag</tag-class>
    <body-content>JSP</body-content>
    <attribute>
    	<!--属性名  -->
        <name>value</name>
        <!--是否必填  -->
        <required>true</required>
        <!--是否支持表达式  -->
        <rtexprvalue>true</rtexprvalue>
    </attribute> 
  </tag>

</taglib>

第四步:最后到jsp页面去验证set&out标签
在jsp页面中别忘了导入指令 比如:<%@taglib uri="/xiaoqing" prefix=“z”%>

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
     <%@taglib uri="/xiaoqing"  prefix="z"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
	<h2>自定义标签之set标签</h2>
	<z:set var="sex" value="妖"></z:set>
	<h2>自定义标签之out标签</h2>
	<z:out value="${sex }"></z:out>
</body>
</html>

运行结果为:(能打印出来,说明自定义set和out标签是成功的)
在这里插入图片描述

2.3 自定义if标签

第一步:导入架包
在这里插入图片描述

第二步:建立IfTag助手类(类名可根据自己取)
此类记得继承BodyTagSupport

package com.xiaoqing.day02;

import javax.servlet.jsp.JspException;
import javax.servlet.jsp.tagext.BodyTagSupport;

public class IfTag extends BodyTagSupport{

	private static final long serialVersionUID = -7285741694118171102L;
	private boolean test;//条件

	public boolean isTest() {
		return test;
	}

	public void setTest(boolean test) {
		this.test = test;
	}
	
	@Override
	public int doStartTag() throws JspException {
		// TODO Auto-generated method stub
		//这里运用了三元运算符:如果test为true,那么就执行EVAL_BODY_INCLUDE:计算主体并输出
		//如果test为false,那么就执行SKIP_BODY:跳过标签主体
		return test?EVAL_BODY_INCLUDE:SKIP_BODY;
	}
}

第三步:配置描述标签库.tld文件
注: tag lib description是tld的全称。该文件必须保存到WEB-INF目录或其子目录,以便于容器启动时加载到内存。
在这里插入图片描述

<?xml version="1.0" encoding="UTF-8" ?>

<taglib xmlns="http://java.sun.com/xml/ns/j2ee"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-jsptaglibrary_2_0.xsd"
    version="2.0">
    
  <description>JSTL 1.1 core library</description>
  <display-name>JSTL core</display-name>
  <tlib-version>1.1</tlib-version>
  <short-name>z</short-name>
  <uri>/xiaoqing</uri>
  
 <tag>
    <name>if</name>
    <tag-class>com.xiaoqing.day02.IfTag</tag-class>
    <body-content>JSP</body-content>
    <attribute>
    	<!--属性名  -->
        <name>test</name>
        <!--是否必填  -->
        <required>true</required>
        <!--是否支持表达式  -->
        <rtexprvalue>true</rtexprvalue>
    </attribute> 
  </tag>
</taglib>

第四步:最后到jsp页面去验证if标签
在jsp页面中别忘了导入指令 比如:<%@taglib uri="/xiaoqing" prefix=“z”%>

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
     <%@taglib uri="/xiaoqing"  prefix="z"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
	<h2>自定义标签之if标签</h2>
	<z:if test="true">gay</z:if>
	<h2>-----------------------</h2>
	<z:if test="false">baihe</z:if>	
</body>
</html>

运行结果为:(能打印出来gay,说明自定义if标签是成功的)
在这里插入图片描述

2.3 自定义foreach标签

在写之前,首先我们来分析一下c:foreach标签

	例如:
	<c:foreach var="stu" items="stus">
	${stu.name}.........
	</c:foreach>

分析:
var :指针(大家不要误理解var是对象或者是字符串,它是指针,会不断的流动它的位置,它只是指向了你需要表达的对象,也是foreach在内存中的一个走向,看如下图所示:简图)
items:指的是需要遍历的集合对象
在这里插入图片描述

接下来我们来分析一下foreach标签的生命周期路线:(在小编上一个博客中有详解的生命周期图,有兴趣的朋友欢迎去查阅:链接: jsp自定义标签01.)
我们先回顾一下jsp自定义标签生命周期图:
在这里插入图片描述
流程图中有三条线路可行(如下图):
在这里插入图片描述
而foreach标签需要走第二条和第三条线路
现在我们来开始写代码
第一步:导入架包
在这里插入图片描述

第二步:建立ForeachTag助手类(类名可根据自己取),文件中的注释也打的很清楚了
此类记得继承BodyTagSupport

package com.xiaoqing.day02;

import java.util.ArrayList;
import java.util.Iterator;
import java.util.List;

import javax.servlet.jsp.JspException;
import javax.servlet.jsp.tagext.BodyTagSupport;
/**
 * c:foreach
 * var :指针
 * items:指的是需要遍历的集合对象
 * <c:foreach var="stu" items="stus">
 * 
 * </c:foreach>
 * 
 * @author 晴sister
 *
 * https://i.csdn.net/#/uc/profile
 */
public class ForeachTag extends BodyTagSupport{

	
	private static final long serialVersionUID = -3614322660531731960L;
	
	private String var;
	private List<Object> items=new ArrayList<Object>();
	public String getVar() {
		return var;
	}
	public void setVar(String var) {
		this.var = var;
	}
	public List<Object> getItems() {
		return items;
	}
	public void setItems(List<Object> items) {
		this.items = items;
	}
	
	@Override
	public int doStartTag() throws JspException {
		Iterator<Object> it=items.iterator();
		//默认指针存放的位置是没有指向对象的,现在需要指向对象,那么需要指针下移
		pageContext.setAttribute(var, it.next());
		//因为集合中元素较多,那么指针需要循环的向下移动,那么我们需要将迭代器保存,用于下一次指针下移所用
		pageContext.setAttribute("it", it);
		return EVAL_BODY_INCLUDE;
	}

	@Override
	public int doAfterBody() throws JspException {
		//获取已经保存了的迭代器
		Iterator<Object> it =(Iterator<Object>)pageContext.getAttribute("it");
			//如果有下一个值
		if(it.hasNext()) {
			//指针下移指向新的元素
			pageContext.setAttribute(var, it.next());
			//再保存正在使用的迭代器
			pageContext.setAttribute("it", it);
			return EVAL_BODY_AGAIN;
		}else {
			return EVAL_PAGE;
		}
		
	}
	
}

第三步:配置描述标签库.tld文件(在这里我把多个标签配置到一个文件中了)
注: tag lib description是tld的全称。该文件必须保存到WEB-INF目录或其子目录,以便于容器启动时加载到内存。
在这里插入图片描述

<?xml version="1.0" encoding="UTF-8" ?>

<taglib xmlns="http://java.sun.com/xml/ns/j2ee"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-jsptaglibrary_2_0.xsd"
    version="2.0">
    
  <description>JSTL 1.1 core library</description>
  <display-name>JSTL core</display-name>
  <tlib-version>1.1</tlib-version>
  <short-name>z</short-name>
  <uri>/xiaoqing</uri>


  <tag>
    <name>demo</name>
    <tag-class>com.xiaoqing.day01.Demo1</tag-class>
    <body-content>JSP</body-content>
  </tag>

    <tag>
    <name>if</name>
    <tag-class>com.xiaoqing.day02.IfTag</tag-class>
    <body-content>JSP</body-content>
    <attribute>
    	<!--属性名  -->
        <name>test</name>
        <!--是否必填  -->
        <required>true</required>
        <!--是否支持表达式  -->
        <rtexprvalue>true</rtexprvalue>
    </attribute> 
  </tag>
  
  <!--标签  -->
  <tag>
  	<!--标签名  -->
    <name>foreach</name>
    <!--标签工具类:助手类的全名  -->
    <tag-class>com.xiaoqing.day02.ForeachTag</tag-class>
     <!--标签的内容类型:empty表示空标签,JSP表示可以为任何合法的标签  -->
    <body-content>JSP</body-content>
    <attribute>
   	 	<!--自定义标签的属性名称  -->
        <name>var</name>
        <!--是否必填  -->
        <required>true</required>
        <!--是否支持表达式  -->
        <rtexprvalue>false</rtexprvalue>
    </attribute> 
    
     <attribute>
        <name>items</name>
        <required>true</required>
        <rtexprvalue>true</rtexprvalue>
    </attribute> 
  </tag>
</taglib>

第四步:最后到jsp页面去验证if标签
在jsp页面中别忘了导入指令 比如:<%@taglib uri="/xiaoqing" prefix=“z”%>

在验证时,我们需要一组数据放入集合中,所以我们先建一个Student.java实体类(好增加数据到集合)

Student.java文件

package com.xiaoqing.day02;

public class Student {
	
	private String sid;
	private String sname;
	public String getSid() {
		return sid;
	}
	public void setSid(String sid) {
		this.sid = sid;
	}
	public String getSname() {
		return sname;
	}
	public void setSname(String sname) {
		this.sname = sname;
	}
	
	public Student() {}
	public Student(String sid, String sname) {
		this.sid = sid;
		this.sname = sname;
	}
	@Override
	public String toString() {
		return "Student [sid=" + sid + ", sname=" + sname + "]";
	}
	

}

我们再去jsp界面验证

<%@page import="com.xiaoqing.day02.Student"%>
<%@page import="java.util.ArrayList"%>
<%@page import="java.util.List"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
     <%@taglib uri="/xiaoqing"  prefix="z"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>自定义标签实战</title>
</head>
<body>
	<%
		List list=new ArrayList();
		list.add(new Student("s001","zs"));
		list.add(new Student("s002","ls"));
		list.add(new Student("s003","ww"));
		request.setAttribute("stus", list);
	%>
	<h2>自定义标签之foreach标签</h2>
	<ul>
	<z:foreach items="${stus }" var="stu">
		<li>${stu.sid },${stu.sname }</li>
	</z:foreach>
	</ul>
</body>
</html>

运行结果:(结果表示是成功的)
在这里插入图片描述

2.3 自定义select标签(相对于foreach标签来说,难度增大)

分析:

<select id='' name=''> 		
<option value='-1'  selected>======请选择======</option> 
</select>

案例:

  • 1、下拉列表加载需要向后台传值,所以必须要id、name属性
  • 2、下拉列表出现数据,必须要有数据源items,还有存入数据库中的值textKey(代表value的值)、展示列textVal(代表option标签体中的值,显示的数据)
  • 3、加入属性(默认的头部属性值headTextKey,默认的展示列值headTextVal),也就是说我们需要下拉框默认显示的第一行就是“=请选择=”
  • 前面3点只能实现查询维度功能
  • 4、再加入属性:能够实现数据回显的功能selectedVal

第一步:导入架包(前面两个架包是反射工具类的架包)

在这里插入图片描述
反射工具类的使用:

1、PropertyUtils.getProperty(bean, name);返回Object
2、BeanUtils.getProperty(bean, name);返回String

第二步:建立SelectTag助手类(类名可根据自己取)
此类记得继承BodyTagSupport

package com.xiaoqing.day02;

import java.io.IOException;
import java.lang.reflect.Field;
import java.util.ArrayList;
import java.util.List;

import javax.servlet.jsp.JspException;
import javax.servlet.jsp.JspWriter;
import javax.servlet.jsp.tagext.BodyTagSupport;

import org.apache.commons.beanutils.BeanUtils;

/**
 * 
 * <select id='' name=''>
		<option value='-1' selected>======请选择======</option>
	</select>
	分析:<z:select....></z:select>
 * select 一般应用在哪:
 * 查询数据,下拉列表
 * 修改页面:下拉列表(数据回显)
 * 
 * 1、下拉列表加载需要向后台传值,所以必须要id、name属性
 * 2、下拉列表出现数据,必须要有数据源items,还有存入数据库中的值textKey(代表value的值)、展示列textVal(代表option标签体中的值,显示的数据)
 * 3、加入属性(默认的头部属性值headTextKey,默认的展示列值headTextVal),也就是说我们需要下拉框默认显示的第一行就是“=====请选择=====”
 * 前面3点只能实现查询维度功能
 * 4、再加入属性:能够实现数据回显的功能selectedVal
 * @author 晴sister
 *
 * https://i.csdn.net/#/uc/profile
 */

public class SelectTag extends BodyTagSupport{

	/**
	 * 在写属性时,请大家首字母不要大写,因为css底层代码中会把截取,把大写字母的变小写字母
	 */
	private static final long serialVersionUID = -2852453870327920399L;
	private String id;//为了改变select的样式定义id
	private String name;//传值用的
	private List<Object> items=new ArrayList<Object>();//数据源
	private String textKey;//value中的值
	private String textVal;//标签体中数据库显示的数据
	private String headTextKey;//默认选中的头部value值
	private String headTextVal;//默认选中的头部标签体显示的数据
	private String selectedVal;//数据回显选中的数据值,接收数据库中的值来选中
	public String getId() {
		return id;
	}
	public void setId(String id) {
		this.id = id;
	}
	public String getName() {
		return name;
	}
	public void setName(String name) {
		this.name = name;
	}
	public List<Object> getItems() {
		return items;
	}
	public void setItems(List<Object> items) {
		this.items = items;
	}
	public String getTextKey() {
		return textKey;
	}
	public void setTextKey(String textKey) {
		this.textKey = textKey;
	}
	public String getTextVal() {
		return textVal;
	}
	public void setTextVal(String textVal) {
		this.textVal = textVal;
	}
	public String getHeadTextKey() {
		return headTextKey;
	}
	public void setHeadTextKey(String headTextKey) {
		this.headTextKey = headTextKey;
	}
	public String getHeadTextVal() {
		return headTextVal;
	}
	public void setHeadTextVal(String headTextVal) {
		this.headTextVal = headTextVal;
	}
	public String getSelectedVal() {
		return selectedVal;
	}
	public void setSelectedVal(String selectedVal) {
		this.selectedVal = selectedVal;
	}
	
	@Override
	public int doStartTag() throws JspException {
		JspWriter out = pageContext.getOut();
		try {
			out.write(toHTML());
		} catch (Exception e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		return super.doStartTag();
	}
	
	/**
	 *拼接出下拉列表所对应的select的html代码
	 *如下:
	 *<select id='' name=''>
		<option value='-1' selected>======请选择======</option>
	  </select>
	 * @return
	 * @throws SecurityException 
	 * @throws NoSuchFieldException 
	 */
	private String toHTML() throws Exception {
		StringBuilder sb=new StringBuilder();
		sb.append("<select id='"+id+"' name='"+name+"'>");
		//根据项目的需求,来确定要不要加默认的选中<option value='-1' selected>======请选择======</option>
		//所以这里可以判断一下jsp传过来的headTextKey、headTextVal值为不为空
		if(!(headTextKey==null||"".equals(headTextKey)||headTextVal==null||"".equals(headTextVal))) {
			sb.append("<option value='"+headTextKey+"' selected>"+headTextVal+"</option>");
		}
		String val;
		String html;
		for (Object obj : items) {
			//要让学生的id存入数据库,让学生的名字展示在jsp页面
			//例如:<option value='s001'>张三</option>
			//所以obj是实例化对象,假如这个对象有sid和sname属性
			
			//第一种方式是反射(原生态方式,类实例化)得到对象中的属性值
			Field textKeyFiled = obj.getClass().getDeclaredField(textKey);
			textKeyFiled.setAccessible(true);
			val=(String)textKeyFiled.get(obj);
			
			//第二种方式取值,就是利用反射工具类BeanUtils的封装,需要导入别人封装好的架包去得到属性值getProperty
			//反射工具类的使用:
			/*PropertyUtils.getProperty(bean, name);返回Object
			BeanUtils.getProperty(bean, name);返回String*/
			
			html=BeanUtils.getProperty(obj, textVal);
			//下拉框回显值
			if(val.equals(selectedVal)) {
				sb.append("<option value='"+val+"' selected>"+html+"</option>");
			}else {
				sb.append("<option value='"+val+"'>"+html+"</option>");
			}
			
		}
		sb.append("</select>");
		return sb.toString();
	}
}

第三步:配置描述标签库.tld文件
注: tag lib description是tld的全称。该文件必须保存到WEB-INF目录或其子目录,以便于容器启动时加载到内存。
在这里插入图片描述

  <tag>
  	<!--标签名  -->
    <name>select</name>
    <!--标签工具类:助手类的全名  -->
    <tag-class>com.xiaoqing.day02.SelectTag</tag-class>
     <!--标签的内容类型:empty表示空标签,JSP表示可以为任何合法的标签  -->
    <body-content>JSP</body-content>
    <attribute>
   	 	<!--自定义标签的属性名称  -->
        <name>id</name>
        <!--是否必填  -->
        <required>false</required>
        <!--是否支持表达式  -->
        <rtexprvalue>false</rtexprvalue>
    </attribute> 
    
     <attribute>
        <name>name</name>
        <required>false</required>
        <rtexprvalue>false</rtexprvalue>
    </attribute> 
    
     <attribute>
   	 	<!--自定义标签的属性名称  -->
        <name>items</name>
        <!--是否必填  -->
        <required>true</required>
        <!--是否支持表达式  -->
        <rtexprvalue>true</rtexprvalue>
    </attribute> 
    
    <attribute>
   	 	<!--自定义标签的属性名称  -->
        <name>textKey</name>
        <!--是否必填  -->
        <required>true</required>
        <!--是否支持表达式  -->
        <rtexprvalue>false</rtexprvalue>
    </attribute> 
    
    <attribute>
   	 	<!--自定义标签的属性名称  -->
        <name>textVal</name>
        <!--是否必填  -->
        <required>true</required>
        <!--是否支持表达式  -->
        <rtexprvalue>false</rtexprvalue>
    </attribute> 
    
    <attribute>
   	 	<!--自定义标签的属性名称  -->
        <name>headTextKey</name>
        <!--是否必填  -->
        <required>false</required>
        <!--是否支持表达式  -->
        <rtexprvalue>false</rtexprvalue>
    </attribute> 
    
    <attribute>
   	 	<!--自定义标签的属性名称  -->
        <name>headTextVal</name>
        <!--是否必填  -->
        <required>false</required>
        <!--是否支持表达式  -->
        <rtexprvalue>false</rtexprvalue>
    </attribute> 
       <attribute>
   	 	<!--自定义标签的属性名称  -->
        <name>selectedVal</name>
        <!--是否必填  -->
        <required>false</required>
        <!--是否支持表达式  -->
        <rtexprvalue>true</rtexprvalue>
    </attribute> 
  </tag>

第四步:最后到jsp页面去验证if标签(这个是下拉框显示所有的数据,默认“请选择”)
在jsp页面中别忘了导入指令 比如:<%@taglib uri="/xiaoqing" prefix=“z”%>

<%@page import="com.xiaoqing.day02.Student"%>
<%@page import="java.util.ArrayList"%>
<%@page import="java.util.List"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
     <%@taglib uri="/xiaoqing"  prefix="z"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>自定义标签实战</title>
</head>
<body>

	<%
		List list=new ArrayList();
		list.add(new Student("s001","zs"));
		list.add(new Student("s002","ls"));
		list.add(new Student("s003","ww"));
		request.setAttribute("stus", list);
	%>
	<h2>自定义标签之select标签</h2>
	<z:select headTextKey="-1" headTextVal="=====请选择学生=======" textVal="sname" items="${stus }" textKey="sid" >
	</z:select>
</body>
</html>

运行结果为:
在这里插入图片描述
回显值,这里我回显的是sid =s002的学生名字,在原基础上加上selected=“s002”

<z:select headTextKey="-1" headTextVal="=====请选择学生=======" textVal="sname" items="${stus }" textKey="sid" selectedVal="s002">
</z:select>

运行结果为:

在这里插入图片描述

最后,今天的博客就到这里啦!慢慢的去理解理解今天的代码,自定义标签给程序员提供了便捷的方式,好好理解

goodbye!!!!!!!!!!!

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 10
    评论
评论 10
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值