jsp 自定義標籤

第一版本:

 

爲什麼要使用自定義標籤呢?

主要是爲了取代醜陋的JSP腳本。在HTML頁面中插入JSP腳本有如下幾個壞處:

 

JSP腳本非常醜陋,難以閱讀。

 

JSP腳本和HTML代碼混雜,維護成本高。

 

HTML頁面中嵌入JSP腳本,導致美工人員難以參與開發。

 

以下是jsp開發1.1;

1.自定義一個處理類,繼承BodyTagSupport類

重寫以下方法:

  @Override  

  public int doEndTag() throws JspException { 

      JspWriter out = pageContext.getOut();  //這裏可以out自己定義的標籤//return this.EVAL_PAGE;表示將這個頁面返回

  }

 注意:要導servlet.jar包。

 

2,TLD是Tag Library Definition的縮寫,即標籤庫定義,文件的後綴是tld,每個TLD文件對應一個標籤庫,一個標籤庫中可包含多個標籤。TLD文件也稱爲標籤庫定義文件

配置:

 

<taglib>

<tlibversion>1.0</tlibversion>

<jspversion>1.1</jspversion>

<shortname>寫寫信息</shortname>

<uri>/取個名字</uri>

<tag>

<name>隨便取個名字(如:aaa)</name>

<tag-class>包名.類名(即自定義標籤處理類)</tag-class>

<body-content>jsp</body-content>

 

</tag>

</taglib>

 taglib下有3個子元素:

 

tlib-version:指定該標籤庫實現的版本,這是一個作爲標識的內部版本號,對程序沒有太大的作用。

 

shortname:該標籤庫的默認短名,該名稱通常也沒有太大的用處。

 

uri:這個屬性非常重要,它指定該標籤庫的URI,相當於指定該標籤庫的唯一標識。如上面斜體字代碼所 示,JSP頁面中使用標籤庫時就是根據該URI屬性來定位標籤庫的。

 

除此之外,taglib元素下可以包含多個tag元素,每個tag元素定義一個標籤,tag元素下至少應包含如下3個 子元素:

 

name:該標籤庫的名稱,這個屬性很重要,JSP頁面中就是根據該名稱來使用此標籤的。

 

tag-class:指定標籤的處理類,毋庸置疑,這個屬性非常重要,指定了標籤由哪個Java類來處理。

 

body-content:這個屬性也很重要,它指定標籤體內容。該元素的值可以是如下幾個:

 

tagdependent:指定標籤處理類自己負責處理標籤體。

 

empty:指定該標籤只能作爲空標籤使用。

 

scriptless:指定該標籤的標籤體可以是靜態HTML元素、表達式語言,但不允許出現JSP腳本。

 

JSP:指定該標籤的標籤體可以使用JSP腳本。

 

在jsp文件的上方寫這個:

<%@taglib uri="/WEB-INF/tld文件名(如a.tld)" prefix="隨便取個名字(如:ppp)"%>

在<body><跟prefix一樣的名字(如:ppp):跟上面的配置的name一樣的(如:aaa)/></body>

 

總結一下;

在JSP頁面中確定指定的標籤需要兩點:

 

標籤庫URI:確定使用哪個標籤庫。

 

標籤名:確定使用哪個標籤。

 

使用標籤庫分成以下兩個步驟:

 

導入標籤庫:使用taglib編譯指令導入標籤庫,就是將標籤庫和指定前綴關聯起來。

 

使用標籤:在JSP頁面中使用自定義標籤。

 

屬性標籤:

 

<!-- 配置標籤屬性 -->

<attribute>

<name>屬性名</name> 

<required>true</required>

<fragment>true</fragment>

</attribute>

 

name:設置屬性名,子元素的值是字符串內容。

required:設置該屬性是否爲必需屬性,該子元素的值是true或false。

fragment:設置該屬性是否支持JSP腳本、表達式等動態內容,子元素的值是true或false

 

二、JSP自定義標籤的優點

 

1、分離了程序邏輯和表示邏輯

2、將java代碼從html中剝離,便於美工維護頁面

3、減少了jsp頁面中的腳步,減少了維護成本

4、提高了可重用的功能組件

 

 

第二版本:

 

SimpleTagSupport類別顧名思義,就是可以處理一些簡單的自定義標籤需求,它是在JSP 2.0之後新增的類別,對於一些簡單的自訂標籤頁求,您可以繼承它來實作標籤處理類別,而不用爲了處理一些TagSupport、 BodyTagSuppourt類別中回傳值的問題。

處理類要繼承SimpleTagSupport和:

// 重寫doTag方法,該方法在標籤結束時生成頁面內容

public void doTag() throws JspException, IOException {

// 獲取頁面輸出流,並輸出字符串

getJspContext().getOut().write("Hello World");

}

配置tld文件:

 <?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">

 <tlib-version>1.0</tlib-version> 

 <short-name>取個名字</short-name>

<uri>取個名字</uri>

<tag>

<name>取個名字</name>

<tag-class>包名.類名(即自定義標籤處理類</tag-class>

<body-content>scriptless</body-content>

<!-- 以下是配置屬性 -->

 

<attribute>

            <name>屬性名</name>

            <required>true</required>

            <rtexprvalue>true</rtexprvalue>

        </attribute>

</tag>

 

</taglib>


例子:定義數據庫的標籤:

處理類:
package action;
import java.io.IOException;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.ResultSet;
import java.sql.Statement;

import javax.servlet.jsp.JspException;
import javax.servlet.jsp.JspWriter;
import javax.servlet.jsp.tagext.SimpleTagSupport;
public class DBTag extends SimpleTagSupport{
private String driver=null;
private String url=null;
private String username=null;
private String password=null;
private String sql=null;
public String getDriver() {
return driver;
}

public void setDriver(String driver) {
this.driver = driver;
}

public String getUrl() {
return url;
}

public void setUrl(String url) {
this.url = url;
}

public String getUsername() {
return username;
}

public void setUsername(String username) {
this.username = username;
}

public String getPassword() {
return password;
}

public void setPassword(String password) {
this.password = password;
}

public String getSql() {
return sql;
}

public void setSql(String sql) {
this.sql = sql;
}

public void doTag() throws JspException, IOException {
// 獲取頁面輸出流,並輸出字符串
JspWriter out=getJspContext().getOut();
try {
Class.forName(driver);
Connection con=DriverManager.getConnection(url,username,password);
Statement statement=con.createStatement();
ResultSet resultSet=statement.executeQuery(sql);
out.println("<form name=login  method=post>");
out.println("<table border=1  id=table style=cursor:hand bgColor='9999cc' width='400'>");
out.println("<thead>");
out.println("<tr>");
out.println("<td onclick='sortTable(0);'>"+"學號"+"</td>");
out.println("<td onclick='sortTable(1);'>"+"姓名"+"</td>");
out.println("<td onclick='sortTable(2);'>"+"性別"+"</td>");
out.println("<td onclick='sortTable(3);'>"+"年齡"+"</td>");
out.println("</tr>");
out.println("</thead>");
out.println("<tbody>");
try {
while(resultSet.next()){
   out.println("<tr>");
for(int i=1;i<resultSet.getMetaData().getColumnCount()+1;i++){
   out.println("<td>");
   out.println(resultSet.getObject(i));
   out.println("</td>");
}
out.println("</tr>");
}
} catch (Exception e) {
e.printStackTrace();
}
out.println("</tbody>");
out.println("</table>");
out.println("</form>");
} catch (Exception e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
   
        

}
}

tld文件:
<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">
  <tlib-version>1.0</tlib-version> 
  <short-name>mytag</short-name>
  <uri>http://www.db.com</uri>
  <tag>
 <name>dbGirl</name>
 <tag-class>action.DBTag</tag-class>
 <body-content>scriptless</body-content>
 <!-- 以下是配置屬性 -->
 <attribute>
       <name>driver</name>
       <required>true</required>
       <rtexprvalue>true</rtexprvalue>
 </attribute>
  <attribute>
       <name>url</name>
       <required>true</required>
       <rtexprvalue>true</rtexprvalue>
 </attribute>
   <attribute>
       <name>username</name>
       <required>true</required>
       <rtexprvalue>true</rtexprvalue>
 </attribute>
  <attribute>
       <name>password</name>
       <required>true</required>
       <rtexprvalue>true</rtexprvalue>
 </attribute>
   <attribute>
       <name>sql</name>
       <required>true</required>
       <rtexprvalue>true</rtexprvalue>
 </attribute>
  </tag>
</taglib>

jsp文件:
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib uri="http://www.db.com"  prefix="dbtag"%>
<!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>我的DBjsp頁面</title>
</head>
<body>
<dbtag:dbGirl driver="com.mysql.jdbc.Driver"  url="jdbc:mysql://localhost:3306/student?useUnicode=true&characterEncoding=UTF-8"   username="root" password="********" sql="select * from student"></dbtag:dbGirl>
</body>
</html>

效果看以下圖片:

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章