JSP标签

思维导图

 jsp的组成部分:

1.开始标签

2.标签体

3.结束标签

jsp标签的分类:

1.空标签——hr,br

2.UI标签——table,input,h3

3.控制标签——c:if,c:foreach

4.数据标签——c:set

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="zking" uri="http://java.veryedu.cn"%>
   
<!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>

<zking:if test=""></zking:if>




<!-- 标签的构成:开始标签、标签体、结束标签 -->
<a>标签语言的特点</a>

<!-- 有没有内容 -->
<br>
<hr>

UI标签
<table>
<tr></tr>
</table>
<input>

控制标签
<c:if test="true">输出</c:if>
<c:if test="false">不输出</c:if>

数据标签
<c:set var="name" value="mwy"></c:set>
<c:out value="${name }"></c:out>

</body>
</html>

 自定义标签的步骤:

1.新建tld文件

2.创建标签助手类

3.taglib引入自定义标签库

标签库描述文件:

<?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>zking 1.1 core library</description>
  <display-name>zking core</display-name>
  <tlib-version>1.1</tlib-version>
  <short-name>zking</short-name>
  <uri>http://java.veryedu.cn</uri>
 
  <validator>
    <description>
        Provides core validation features for JSTL tags.
    </description>
    <validator-class>
        org.apache.taglibs.standard.tlv.JstlCoreTLV
    </validator-class>
  </validator>
  
  <tag>
  <name>Test</name>
  <tag-class>com.Test</tag-class>
  <body-content>JSP</body-content>
  </tag>

标签的生命周期:

 三种路线(根据生命周期图整理出来的)


  1、doStartTag——SKIP_BODY——doEndTag
  2、doStartTag——EVAL_BODY_INCLUDE——doAfterBody——EVAL_PAGE——doEndTag
  3、doStartTag——EVAL_BODY_INCLUDE——doAfterBody——EVAL_BODY_AGAIN(N次)——doEndTag
 第一种:

 

package tag;

import javax.servlet.jsp.JspException;
import javax.servlet.jsp.tagext.BodyTagSupport;
/**
 * 三种路线(根据生命周期图整理出来的)
 * 1、doStartTag——SKIP_BODY——doEndTag
 * 2、doStartTag——EVAL_BODY_INCLUDE——doAfterBody——EVAL_PAGE——doEndTag
 * 3、doStartTag——EVAL_BODY_INCLUDE——doAfterBody——EVAL_BODY_AGAIN(N次)——doEndTag
 * 
 */
public class Test01 extends BodyTagSupport{
	
	//第一个例子:根据代码论证这三条路线的执行顺序(涉及三个类:Test01.java,Test02.java,Test03.java)
	
	@Override
	public int doStartTag() throws JspException {
		System.out.println("Test01_doStartTag");
		//return super.doStartTag();
		return SKIP_BODY;
	}
	
	@Override
	public int doEndTag() throws JspException {
		System.out.println("Test01_doEndTag");
		// TODO Auto-generated method stub
		return super.doEndTag();
	}
	
	
	
	
	
	
	
	

}

 第二种:

package tag;

import javax.servlet.jsp.JspException;
import javax.servlet.jsp.tagext.BodyTagSupport;
/**
 * 三种路线(根据生命周期图整理出来的)
 * 1、doStartTag——SKIP_BODY——doEndTag
 * 2、doStartTag——EVAL_BODY_INCLUDE——doAfterBody——EVAL_PAGE——doEndTag
 * 3、doStartTag——EVAL_BODY_INCLUDE——doAfterBody——EVAL_BODY_AGAIN(N次)——doEndTag
 * 
 */
public class Test02 extends BodyTagSupport{
	
	//第一个例子:根据代码论证这三条路线的执行顺序(涉及三个类:Test01.java,Test02.java,Test03.java)
	
	@Override
	public int doStartTag() throws JspException {
		System.out.println("Test02_doStartTag");
		//return super.doStartTag();
		return EVAL_BODY_INCLUDE;
	}
	
	@Override
	public int doAfterBody() throws JspException {
		System.out.println("Test02_doAfterBody");
		// TODO Auto-generated method stub
		return EVAL_PAGE;
	}
	
	@Override
	public int doEndTag() throws JspException {
		System.out.println("Test02_doEndTag");
		// TODO Auto-generated method stub
		return super.doEndTag();
	}
	
	
	
	
	
	
	
	

}

第三种:

package tag;

import javax.servlet.jsp.JspException;
import javax.servlet.jsp.tagext.BodyTagSupport;
/**
 * 三种路线(根据生命周期图整理出来的)
 * 1、doStartTag——SKIP_BODY——doEndTag
 * 2、doStartTag——EVAL_BODY_INCLUDE——doAfterBody——EVAL_PAGE——doEndTag
 * 3、doStartTag——EVAL_BODY_INCLUDE——doAfterBody——EVAL_BODY_AGAIN(N次)——doEndTag
 * 
 */
public class Test03 extends BodyTagSupport{
	
	//第一个例子:根据代码论证这三条路线的执行顺序(涉及三个类:Test01.java,Test02.java,Test03.java)
	
	@Override
	public int doStartTag() throws JspException {
		System.out.println("Test03_doStartTag");
		//return super.doStartTag();
		return EVAL_BODY_INCLUDE;
	}
	
	@Override
	public int doAfterBody() throws JspException {
		System.out.println("Test03_doAfterBody");
		// TODO Auto-generated method stub
		return EVAL_BODY_AGAIN;
	}
	
	@Override
	public int doEndTag() throws JspException {
		System.out.println("Test03_doEndTag");
		// TODO Auto-generated method stub
		return super.doEndTag();
	}
	
	
	
	
	
	
	
	

}

标签:

1.foreach标签

package tag;

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

import javax.servlet.jsp.JspException;
import javax.servlet.jsp.tagext.BodyTagSupport;
/**
 * 熟悉第二第三路径的开发
 * 2、doStartTag——EVAL_BODY_INCLUDE——doAfterBody——EVAL_PAGE——doEndTag
 * 3、doStartTag——EVAL_BODY_INCLUDE——doAfterBody——EVAL_BODY_AGAIN(N次)——doEndTag
 * 
 * 实现思路
 *1、最少接受两个参数 var /items
 *2、一定有标签体的,那么对应需要重写doAfterBody方法
 *3、必须有判断条件决定doAfterBody的返回值是EVAL_PAGE还是EVAL_BODY_AGAIN
 *
 *
 */
public class ForeachTag extends BodyTagSupport {
	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 {
		//在此处保存迭代器,供doAfterBody中使用
		Iterator<Object> it = items.iterator();
		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()) {
			//1、在页面上,需要通过var将集合中的对象拿到
			//<c:forEach items="${user}" var="user">一定会有标签体</c:forEach>
			//通过user拿到当前对象
			pageContext.setAttribute(var, it.next());
			pageContext.setAttribute("it", it);
			//继续循环
			return EVAL_BODY_AGAIN;
		}else {
			//结束循环
		    return EVAL_PAGE;
		}
	}
	
	
	
	

}

2、if标签

package tag;

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

/**
 * 开发一个控制标签
 * 1、doStartTag——SKIP_BODY——doEndTag
 * 2、doStartTag——EVAL_BODY_INCLUDE——doAfterBody——EVAL_PAGE——doEndTag 
 *
 *zking:if test=true  输出标签体 要输出走第二条路线
 *zking:if test=false  输不出标签体 不要输出走第一条路线
 */

public class ifTag extends BodyTagSupport{
	private boolean test;
	
	
	public boolean isTest() {
		return test;
	}


	public void setTest(boolean test) {
		this.test = test;
	}


	//针对第一条路线和第二条路线实际应用
	@Override
	public int doStartTag() throws JspException {
		//需要一个变量来控制返回值。从而控制本标签走第一路线还是第二路线
		return test ? EVAL_BODY_INCLUDE:SKIP_BODY;
	}
	
	
	
	

}

3、out标签

package tag;

import java.io.IOException;

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

public class OutTag extends BodyTagSupport {
	private Object value;

	public Object getValue() {
		return value;
	}

	public void setValue(Object value) {
		this.value = value;
	}
	
	@Override
	public int doStartTag() throws JspException {
		JspWriter out = pageContext.getOut();
		try {
			out.print(value);
		} catch (IOException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		return super.doStartTag();
	}
	
	
	
	

}

4、set标签

package tag;

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

import com.sun.glass.ui.Application;

import jdk.nashorn.internal.ir.RuntimeNode.Request;
/**
 * 开发一个数据标签
 * 用第一条路线
 *  1、doStartTag——SKIP_BODY——doEndTag
 *只不过,set/out标签,本身是没有标签体的,需要在页面上输出内容,需要借助一个类JspWriter
 *
 *在没有标签体的情况下,是通过JspWriter来输出内容的
 */
public class SetTag extends BodyTagSupport {
	//存放标签的键
	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;
	}
	
	
	
	//set标签
	@Override
	public int doStartTag() throws JspException {
		// 将value值保存到var对应的变量中
		//四大作用域:pageContext,Request,session,Application
		pageContext.setAttribute(var, value);
		return super.doStartTag();
	}
	
	
	

}

5、selectTag标签

package tag;
 
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.PropertyUtils;
 
/**
 * 
 * 将所学的自定义标签的知识点,用于实际项目开发
 * 不管if/set/out/foreach...,那都是C标签已经具备的功能,直接用别人的就好
 * 学习自定义标签理解其底层的目的,就是弥补现成C标签没有的功能
 *
 * 查询下拉框
 * 修改回显,在这里有大量的c:foreach/c:if判断
 * 不足之处,代码量过大,以及凡是涉及到下拉框以及复选框,相类似代码量过多
 * 目前:
 * <zking:select></zking:select>通过该标签实现上述代码的相同功能
 * 分析属性:
 * 1、需要遍历展示,需要数据源属性items,用于遍历展示     users->List<User>->id=option>value;name=option>test
 * 2、对象Key属性textKey,用于对应option>value
 * 3、对象value属性textVal,用于对应option>text
 * 4、对象默认Key属性headerTextKey,用于对应默认option>value
 * 5、对象默认value属性headerTextVal,用于对应默认option>text
 * 6、对象回显属性selectedVal,用于判断数据回显选择 
 * 
*/
public class SelectTag extends BodyTagSupport{
    private List<Object> items=new ArrayList<Object>();
    //用于对应option>value
    private String textKey;
    //用于对应option>text
    private String textVal;
    //用于对应默认option>value
    private String headerTextKey;
    //用于对应默认option>value
    private String headerTextVal;
    //用于判断数据回显选择
    private String selectedVal;
    //定义属性美化,扩展/操作标签
    //美化
    private String cssStyle;
    //绑定事件      操作标签
    private String id; 
    //美化
    private String className;
    
    
	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 getHeaderTextKey() {
		return headerTextKey;
	}
	public void setHeaderTextKey(String headerTextKey) {
		this.headerTextKey = headerTextKey;
	}
	public String getHeaderTextVal() {
		return headerTextVal;
	}
	public void setHeaderTextVal(String headerTextVal) {
		this.headerTextVal = headerTextVal;
	}
	public String getSelectedVal() {
		return selectedVal;
	}
	public void setSelectedVal(String selectedVal) {
		this.selectedVal = selectedVal;
	}
	public String getCssStyle() {
		return cssStyle;
	}
	public void setCssStyle(String cssStyle) {
		this.cssStyle = cssStyle;
	}
	public String getId() {
		return id;
	}
	public void setId(String id) {
		this.id = id;
	}
	public String getClassName() {
		return className;
	}
	public void setClassName(String className) {
		this.className = className;
	}
    
    @Override
    public int doStartTag() throws JspException {
        JspWriter out=pageContext.getOut();
        try {
			out.print(doHTML());
		} catch (Exception e) {
			e.printStackTrace();
		}
    	return super.doStartTag();
    }
	private String doHTML() throws Exception,Exception{
		StringBuffer sb=new StringBuffer();
		sb.append("<select id='"+id+"' class='"+className+"' style='"+cssStyle+"'>");
		//拼接默认显示标签
		if(headerTextVal!=null&&!"".equals(headerTextVal)) {
			sb.append("<option value='"+headerTextKey+"'>"+headerTextVal+"</option>");
		}
		//循环显示数据
		if(items.size()>0) {
			for (Object obj: items) {
				//obj对应user,希望拿到当前user的id放入option-value,name放入option-text
				//通过反射获取到id对应的属性对象
				Field textKeyField=obj.getClass().getDeclaredField(textKey);
				//打开权限
				textKeyField.setAccessible(true);
				//textKeyField.get(obj);//获取id对应的值
				//以下方法等价于上面三行代码
				//PropertyUtils.getProperty(obj, textVal);
				String value=textKeyField.get(obj).toString();
				//System.out.println(value+"--------");
				sb.append("<option value='"+value+"'>"+PropertyUtils.getProperty(obj, textVal)+"<option>");
				//修改页面下拉框回显选中
				//当下拉框的Value值等于selectedVal,那么就要默认下拉框选中;
				if(value.equals(selectedVal)) {
					sb.append("<option selected value='"+value+"'>"+PropertyUtils.getProperty(obj, textVal)+"</option>");
				}else {
					sb.append("<option value='"+value+"'>"+PropertyUtils.getProperty(obj, textVal)+"</option>");
				}
 
			}
		}
		sb.append("</select>");
		return sb.toString();
	}

}

标签库描述文件:

<tag>
   <name>if</name>
  <tag-class>com.tag.IfTag</tag-class>
  <body-content>JSP</body-content>
  <attribute>
    <name>Test</name>
    <required>false</required>
    <rtexprvalue>false</rtexprvalue>
  </attribute>
  </tag>
 
  <tag>
   <name>set</name>
  <tag-class>com.tag.SetTag</tag-class>
  <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>
  
  <tag>
   <name>out</name>
  <tag-class>com.tag.OutTag</tag-class>
  <body-content>JSP</body-content>
  <attribute>
    <name>value</name>
    <required>true</required>
    <rtexprvalue>true</rtexprvalue>
  </attribute>
  </tag>
  
  <tag>
   <name>forEach</name>
  <tag-class>com.tag.ForEachTag</tag-class>
  <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>
  
  <tag>
  <name>select</name>
  <tag-class>com.jsp02.SelectTag</tag-class>
  <body-content>JSP</body-content>
  <attribute>
  <name>id</name>
  <required>false</required>
  <rtexprvalue>false</rtexprvalue>
  </attribute>
  <attribute>
  <name>cssStyle</name>
  <required>false</required>
  <rtexprvalue>false</rtexprvalue>
  </attribute>
  <attribute>
  <name>className</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>headerTextKey</name>
  <required>false</required>
  <rtexprvalue>false</rtexprvalue>
  </attribute>
  
  <attribute>
  <name>headerTextVal</name>
  <required>false</required>
  <rtexprvalue>false</rtexprvalue>
  </attribute>
  
  <attribute>
  <name>selectedVal</name>
  <required>false</required>
  <rtexprvalue>false</rtexprvalue>
  </attribute>
  </tag>

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值