Blog cá nhân của Đức NT (GC00464)

Thứ Năm, 25 tháng 9, 2014

Custom Tag

23:01 Posted by Đức NT No comments

Tìm hiểu về Custom Tag


Như chúng ta được biết thì trong 1 số trang JSP đôi khi ta phải nhúng code Java, việc nhúng code java vào 1 trang JSP lại trở thành 1 vấn đề lớn. Việc đọc hiểu code sẽ trở nên rất khó khăn, thêm vào đó là vấn đề tái sử dụng cũng khó hơn. Sau đây ta cùng tìm hiểu kĩ hơn về Custom Tag:
  • Custom Tag cho phép lập trình viên nhúng các đoạn code java vào trang JSP
  • Cung cấp cơ chế để tái sử dụng và bao gói code, lệnh phức tạp trong JSP
  • Làm đơn giản hóa, tái sử dụng Java Code
  • JSP 1.0 không hỗ trợ Tag Libraries
  • JSP 1.1 hỗ trợ lưu trữ các custom tag của người dùng đã tạo trong JSP
  • Cấu trúc của custom tag trong jsp giống như XML Tag

Custom Tag giống như một thẻ HTML bình thường, có thể không có boby hoặc không.

Custom Tag gồm 2 phần: Tag Handler và Tag Library Descriptor. Trong đó:
  • Tag Handler: Đoạn code thực sự xử lý công việc
  • Tag Library Descriptor: Nơi mô tả Custom Tag.


Quá trình xử lý của Custom Tag

Những loại Custom Tag

Theo dõi video sau để hiểu thêm về quá trình xử lý cũng như các loại Custom Tag: youtu.be/1jZG06TD0ec

Demo Custom Tag


1. Tạo một Tag Library Desciptor (Project > New > Other > Web > Tag Library Desciptor)

2. Tạo một Tag File (Project > New > Other > Web > Tag Library Desciptor)

Thay thế toàn bộ nội dung trong Tag File này như sau:
 <%@tag description="put the tag description here" pageEncoding="UTF-8"%>  
 <%-- The list of normal or fragment attributes can be specified here: --%>  
 <%@attribute name="hello"%>  
 <%-- any content can be specified here e.g.: --%>  
 <h2>Hello, ${hello}!</h2>  

2. Tại index.jsp, thêm các đoạn code sau: (chú ý phần in đậm)
 <%@page contentType="text/html" pageEncoding="UTF-8"%>  
 <%@taglib uri="/WEB-INF/tlds/hello_library.tld" prefix="sayHello"%>  
 <!DOCTYPE html>  
 <html>  
   <head>  
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
     <title>Hello</title>  
   </head>  
   <body>  
     <sayHello:hellotag_file hello="Duc" />  
   </body>  
 </html>  

3. Chạy Project

Kết luận

Custom Tag rất hữu ích trong việc hiển thị các thông báo mà tránh phải viết những dòng code dài lằng ngoằng, nhờ nó mà việc thiết kế giao diện cũng đơn giản hơn.

0 nhận xét:

Đăng nhận xét

Bỏ capcha cho thầy tiện comment :P