程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> JSP編程 >> 關於JSP >> JSP自定義標簽開發入門

JSP自定義標簽開發入門

編輯:關於JSP

       一般情況下開發jsp自定義標簽需要引用以下兩個包

    import javax.servlet.jsp.*;

    import javax.servlet.jsp.tagext.*;

    首先我們需要大致了解開發自定義標簽所涉及到的接口與類的層次結構(其中SimpleTag接口與SimpleTagSupport類是JSP2.0中新引入的)。

     

     

    目標1:自定義一個用表格顯示用戶信息的簡單標簽

    效果圖:

     

     

    在jsp頁面使用此自定義標簽:

    假設我們有一個UserInfo的javabean,那麼在JSP頁面使用此標簽只需調用此標簽即可

    1. <!-- 創建需要展現UserInfo的實例(用於測試數據) --> 
    2.     <%  
    3.     UserInfo user = new UserInfo();  
    4.     user.setUserName("Xuwei");  
    5.     user.setAge(33);  
    6.     user.setEmail("[email protected]");  
    7.     pageContext.setAttribute("userinfo", user);    
    8.     %> 
    9.    
    10.     <!-- 給標簽設置user屬性綁定要展現的UserInfo對象  --> 
    11.     <cc:showUserInfo user="${pageScope.userinfo }" /> 

    開發步驟:

    簡單標簽的開發我們只要實現Tag接口即可,為了簡單起見可以直接繼承實現了此接口的TagSupport類

    1 創建自定義標簽類

    1. public class UserInfoTag extends TagSupport {  
    2.      
    3.     private UserInfo user;  
    4.    
    5.     @Override  
    6.     public int doStartTag() throws JspException {  
    7.         try {  
    8.             JspWriter out = this.pageContext.getOut();  
    9.             if(user == null) {  
    10.                 out.println("No UserInfo Found...");  
    11.             &


    nbsp;   return SKIP_BODY;  

    •             }  
    •             out.println("<table width='500px' border='1' align='center'>");  
    •             out.println("<tr>");  
    •             out.println("<td width='20%'>Username:</td>");  
    •             out.println("<td>" + user.getUserName() + "</td>");  
    •             out.println("</tr>");  
    •             out.println("<tr>");  
    •             out.println("<td>Age:</td>");  
    •             out.println("<td>" + user.getAge() + "</td>");  
    •             out.println("</tr>");  
    •             out.println("<tr>");  
    •             out.println("<td>Email:</td>");  
    •             out.println("<td>" + user.getEmail() + "</td>");  
    •             out.println("</tr>");  
    •             out.println("</table>");  
    •         } catch(Exception e) {  
    •             throw new JspException(e.getMessage());  
    •         }  
    •         return SKIP_BODY;  
    •     }  
    •      
    •     @Override  
    •     public int doEndTag() throws JspException {  
    •    &nbs


    p;    return EVAL_PAGE;  

    •     }  
    •    
    •     @Override  
    •     public void release() {  
    •         super.release();  
    •         this.user = null;  
    •     }  
    •      
    •     //getter and setters  
    •     public UserInfo getUser() {  
    •         return user;  
    •     }  
    •     public void setUser(UserInfo user) {  
    •         this.user = user;  
    •     }  
    • }  
    •   

    2 在Web-Inf創建標簽庫描述文件.tdl(Tag Library Description)

    1. <?xml version="1.0" encoding="UTF-8"?> 
    2. <taglib version="2.0" xmlns="http://java.sun.com/xml/ns/j2ee" 
    3.  xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
    4.  xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee web-jsptaglibrary_2_0.xsd"> 
    5. <tlib-version>1.0</tlib-version> 
    6. <jsp-version>2.0</jsp-version> 
    7. <short-name>cc</short-name> 
    8. <uri>/mytaglib</uri> 
    9. <tag> 
    10.     <name>showUserInfo</name> 
    11.     <tag-class>com.mytags.UserInfoTag</tag-class> 
    12.     <body-content>empty</body-content> 
    13.     <attribute> 
    14.         <name>user</name> 
    15.          <required>false</required> 
    16.          <rtexprvalue>true</rtexprvalue> 
    17.     </attribute> 
    18.  </tag> 
    19. </taglib> 

    3 配置web.xml

    1. <jsp-config> 
    2.     <taglib> 
    3.         <taglib-uri>/mytaglib</taglib-uri>&n


    bsp;

    •         <taglib-location>/WEB-INF/mytaglib.tld</taglib-location> 
    •     </taglib> 
    •   </jsp-config> 

    4 在需要使用此標簽的jsp頁面頭部引入

    1. <%@ taglib uri="/mytaglib" prefix="cc"%> 

    5 使用(參照上面的使用步驟)

    此致,一個簡單的JSP標簽開發完成

    標簽類說明:

     

     

    我們創建的UserInfoTag類繼承了TagSupport類,而它又實現了Tag接口,Tag接口的生命周期由其所在的容器控制,如下圖:

    setPageContext() 將所在jsp頁面的pageContext注入進來,目的是為了在後面的方法中可以訪問到jsp頁面對象的pageContext屬性

    setParent() 設置此標簽的父標簽

    setAttribute() 將標簽中的屬性注入到此class的屬性,不需要自己實現但要提供屬性的get與set方法

    doStartTag() 在開始標簽屬性設置後調用,如果返回SKIP_BODY則忽略標簽之中的內容,如果返回EVAL_BODY_INCLUDE則將標簽體的內容進行輸出

    doEndTag() 在結束標簽之前調用,返回SKIP_PAGE跳過整個jsp頁面後面的輸出,返回EVAL_PAGE執行頁面余下部分

    release() 生命周期結束時調用

    特別說明:在tomcat4.1之後的版本中默認開啟了標簽緩沖池(websphere和weblogic並不會這麼做),所以執行完標簽後並不會執行release()方法(_jspDestroy()時才釋放),也就是說同一個jsp頁面自定義標簽不管使用多少次只會存在一個實例,但也並不是每一個標簽都會為其創建一個緩沖池,要根據參數來判斷,例如:

    1. <cc:UserInfoTag user=”…” /> 
    2. <cc:UserInfoTag /> 

    上面例子中由於參數不同就會創建兩個標簽緩沖池。

    這個問題可以通過設定tomcat的配置文件加以解決:

    在%tomcat%confweb.xml加入enablePooling參數,並設置為false(不緩存自定義標簽)。

    1. <init-param> 
    2.   <param-name>enablePooling</param-name> 
    3.   <param-value>false</param-value> 
    4. </init-param> 

    清空%tomcat%conf目錄

     

     

     

    TagSupport類已經為我們實現並擴展了一些方法(比如在上述方法中我們可以直接使用pageContext對象,調用父標簽getParent()等),所以一般情況下我們只需重寫doStartTag(),doEndTag() 即可

    TLD文件說明:

    <!--版本號-->
    <tlib-version>1.0</tlib-version>
    <jsp-version>2.0</jsp-version>
    <short-name>cc</short-name>
    <tag>
    <!—指定標簽名 -->
    <name>showUserInfo</name>
    <!—指定標簽類文件的全路徑 -->
    <tag-class>com.mytags.UserInfoTag</tag-class>
    <!--如果不需要標簽體則設置empty,反之設定jsp -->
    <body-content>empty</body-content>
    <!—設定屬性(如果有的話) -->
    <attribute>
    <!—指定標簽名 -->
    <name>user</name>
    <!—是否是必須,如果非必須沒設置則為空 -->
    <required>false</required>
    <rtexprvalue>true</rtexprvalue><!—是否可在屬性中使用表達式 -->
    </attribute>
    </tag>

    Web.xml文件說明:

    <jsp-config>
    <taglib>
    <!--

    標簽庫的uri路徑
    即jsp頭文件中聲明<%@ taglib uri="/mytaglib" prefix="cc"%>
    的uri
    -->
    <taglib-uri>/mytaglib</taglib-uri>
    <!—tld文件所在的位置-->
    <taglib-location>/WEB-INF/mytaglib.tld</taglib-location>
    </taglib>
    </jsp-config>

    目標2:自定義一個類似於Asp.Net中的Reapter控件的標簽

    效果圖:

     

     

    在jsp頁面使用此自定義標簽:

    1. <!-- 創建需要展現javabean(UserInfo)集合的實例(用於測試數據) --> 
    2. <%  
    3.     List<UserInfo> users = new ArrayList<UserInfo>();     
    4.     users.add(new UserInfo("Zhangsan", 12, "[email protected]"));  
    5.     users.add(new UserInfo("Lisi", 22, "[email protected]"));  
    6.     users.add(new UserInfo("Wangwu", 33, "[email protected]"));  
    7.     pageContext.setAttribute("users", users);  
    8. %> 
    9.    
    10. <!-- 給標簽綁定數據源  --> 
    11. <table width='500px' border='1' align='center'> 
    12.     <tr> 
    13.         <td width='20%'>UserName</td> 
    14.         <td width='20%'>Age</td> 
    15.         <td>Email</td> 
    16.     </tr> 
    17.     <cc:repeater var="item" items="${pageScope.users }"> 
    18.         <tr> 
    19.             <td>${item.userName }</td> 
    20.             <td>${item.age }</td> 
    21.             <td>${item.email }</td> 
    22.         </tr> 
    23.     </cc:repeater> 
    24. </table> 


    ;

    開發步驟:

    要完成此控件我們需要實現一個迭代接口,即IterationTag,由於TagSupport同樣實現了此接口,所以我們繼承此類

    1 創建自定義標簽類

    1. public class Repeater extends TagSupport {  
    2.     private Collection items;  
    3.     private Iterator it;  
    4.     private String var;  
    5.    
    6.     @Override  
    7.     public int doStartTag() throws JspException {  
    8.         if(items == null || items.size() == 0) return SKIP_BODY;  
    9.         it = items.iterator();    
    10.         if(it.hasNext()) {  
    11.             pageContext.setAttribute(var, it.next());  
    12.         }  
    13.         return EVAL_BODY_INCLUDE;  
    14.     }  
    15.      
    16.     @Override  
    17.     public int doAfterBody() throws JspException {  
    18.         if(it.hasNext()) {  
    19.             pageContext.setAttribute(var, it.next());  
    20.             return EVAL_BODY_AGAIN;  
    21.         }  
    22.         return SKIP_BODY;  
    23.     }  
    24.      
    25.     @Override  
    26.     public int doEndTag() throws JspException {  
    27.         return EVAL_PAGE;  
    28.     }  
    29.      
    30.     public void setItems(Collection items) {  
    31.         this.items = items;  
    32.     }  
    33.      
    34.     public void setVar(String var) {  
    35.      &


    nbsp;  this.var = var;  

    •     }  

    2在Web-Inf創建標簽庫描述文件.tdl(Tag Library Description)由於目標1種已經創建了此文件,我們只需增加此標簽的配置即可

    1. <tag> 
    2.     <name>repeater</name> 
    3.     <tag-class>com.mytags.Repeater</tag-class> 
    4.     <body-content>jsp</body-content> 
    5.     <attribute> 
    6.         <name>items</name> 
    7.         <required>false</required> 
    8.         <rtexprvalue>true</rtexprvalue> 
    9.     </attribute> 
    10.     <attribute> 
    11.         <name>var</name> 
    12.         <required>true</required> 
    13.         <rtexprvalue>true</rtexprvalue> 
    14.     </attribute> 
    15.  </tag> 
    16.   

    3 配置web.xml (目標1中已完成,無需修改)

     

     



    4 在需要使用此標簽的jsp頁面頭部引入

     

    1. <%@ taglib uri="/mytaglib" prefix="cc"%> 

    5 使用(參照上面的使用步驟)

    標簽類說明:

    我們用到了迭代接口,以下是容器處理此接口的流程

     

     

    作為目標1中的補充: 在doAfterBody()如果返回值是EVAL_BODY_AGAIN那麼將重新執行此方法

    目標3:使用BodyTagSupport

    此目標並不會使用實際例子進行顯示,主要是說明為什麼,什麼情況下需要使用到BodyTag接口或者BodyTagSupport類?

    如果我們需要在 …. 之間的標簽體的頭部和尾部加上一些標記或者是其他處理,一般的處理方法是在doStartTag和doEndTag方法中進行, 但是如果是個迭代標簽,標簽體的每段內容在循環輸出時每次都需要在頭部和尾部加上一些標記,我們使用BodyTagSupport就很方便了,

    此接口在doStartTag()方法返回值多了一個EVAL_BODY_BUFFERED,它將對主體進行計算,並輸出到緩沖區(注:此處是緩沖區並非直接輸出到客戶端,需要我們手動(this.bodyContent.getEnclosingWriter().write(this.bodyContent.getString());)進行輸出客戶端的調用,否則主體內容不會進行顯示)

    標簽類說明:

    關於BodyTagSupport接口的說明

     

     

    目標4:自定義的函數庫
    >

    1 創建函數庫類

    1. public class MyFunctions {  
    2.     public static String formatMyName(String name) {  
    3.        return "your name is " + name;  
    4.     }  
    5.     public static int add(int a, int b) {  
    6.        return a+b;  
    7.     }  

    2 在TLD文件中配置 (引用於目標1中的tld文件)

    1. <function> 
    2.     <name>formatMyName</name> 
    3.     <function-class>com.taglib.MyFunctions</function-class> 
    4.     <function-signature>java.lang.String formatMyName(java.lang.String)</function-signature> 
    5.  </function> 
    6.    
    7. <function> 
    8.     <name>add</name> 
    9.     <function-class>com.taglib.MyFunctions</function-class> 
    10.     <function-signature>java.lang.String add(int, int)</function-signature> 
    11.  </function> 

    3 JSP中調用

    1. ${cc:formatMyName("wangfei") }  
    2. ${cc:add(12, 34) } 
    1. 上一頁:
    2. 下一頁:
    Copyright © 程式師世界 All Rights Reserved