Xây dựng custom tag hiển thị dữ liệu table của 1 databse

Ở bài này tôi sẽ đề cập với các bạn cách tạo 1 custom tag dùng để hiển thị dữ liệu của 1 bảng bất kỳ trong csdl của 1 database. Trong bài viết này, tôi chỉ có thể thao tác được với 1 trong loại datasource: mssql, mysql và jdbc.

Mong muốn rằng sau khi công việc hoàn tất, với tag sau ta có thể nối đến databse mssql và lấy dữ liệu của bảng AdventureWorksDW với username là sa.

<dt:datatable dbmsType=”mssql” dbName=”AdventureWorksDW” dbTableName=”DimEmployee” dbUserName=”sa” dbUserPassword=”"> Employees </dt:datatable>

Kết quả của tag trên sẽ là 1 html table hiển thị như hình sau

Đầu tiên ta tạo 1 project dạng “Dynamic Web Project” trong eclipse.

Copy 2 thư viện msjdbc.jar và mysql.jar vào thư mục lib của project với mục đích nhằm có thể truy xuất được đến 2 hệ quản trị csdl này. Bạn có thể download chúng từ microsoft sqlserver jdbc và từ http://dev.mysql.com/downloads/

Cấu trúc tổng quát của project trong eclipse khi làm xong ví dụ này như sau

Trước hết ta tạo lớp DataTableTag.java trong package vovanhai.wordpress.com. Nội dung của nó như sau:

package vovanhai.wordpress.com; import java.sql.Connection; import java.sql.DriverManager; import java.sql.ResultSet; import java.sql.ResultSetMetaData; import java.sql.Statement; import javax.servlet.jsp.JspException; import javax.servlet.jsp.JspWriter; import javax.servlet.jsp.tagext.BodyContent; import javax.servlet.jsp.tagext.BodyTagSupport; public class DataTableTag extends BodyTagSupport{ private static final long serialVersionUID = 7908537941853208739L; private String dbmsType; private String dbName; private String dbTableName; private String dbUserName = “”; private String dbUserPassword = “”; @Override public int doAfterBody() throws JspException { try { BodyContent bodycontent = getBodyContent(); String body = bodycontent.getString(); JspWriter out = bodycontent.getEnclosingWriter(); if(body != null) out.println(“<h1 align=’center’>”+body+“</h1>”); else out.println(“<h1 align=’center’>Data in: “+dbTableName+“</h1>”); //=========================================================== String driver=“”,dbURL=“”; if(dbmsType.equalsIgnoreCase(“mssql”)){ driver=“com.microsoft.sqlserver.jdbc.SQLServerDriver”; dbURL=“jdbc:sqlserver://localhost:1433;databaseName=”+dbName; } else if(dbmsType.equalsIgnoreCase(“mysql”)){ driver=“com.mysql.jdbc.Driver”; dbURL=“jdbc:mysql://localhost:3306/”+dbName; } else if(dbmsType.equalsIgnoreCase(“jdbc”)){ driver=“sun.jdbc.odbc.JdbcOdbcDriver”; dbURL=“jdbc:odbc:”+dbName; } //============================= DoTag(driver, dbURL);// //============================== } catch(Exception ioe) { throw new JspException(“Error:”+ioe.getMessage()); } return SKIP_BODY; } private void DoTag(String driver,String dbURL)throws Exception{ Class.forName(driver); Connection con = DriverManager.getConnection(dbURL, dbUserName, dbUserPassword); Statement stmt = con.createStatement(); String query=“SELECT * FROM “+dbTableName; ResultSet rs=stmt.executeQuery(query); BodyContent bodycontent = getBodyContent(); JspWriter out = bodycontent.getEnclosingWriter(); out.println(“<table border=’1′ width=’100%’>”); //header String header=createTableHeader(rs); out.println(header); //body int cols=rs.getMetaData().getColumnCount(); while(rs.next()){ String st=“<tr>”; for (int i = 1; i <= cols; i++) { st+=“<td>”+rs.getString(i)+“</td>”; } st+=“</tr>”; out.println(st); } //end out.println(“</table>”); con.close(); } private String createTableHeader(ResultSet rs) throws Exception{ ResultSetMetaData rsM=rs.getMetaData(); String st=“<tr>”; for (int i = 1; i <= rsM.getColumnCount(); i++) { st+=“<td>”+rsM.getColumnLabel(i)+“</td>”; } st+=“</tr>”; return st; } //=============các thuá»™c tính================================= public String getDbmsType() { return dbmsType; } public void setDbmsType(String dbmsType) { this.dbmsType = dbmsType; } public String getDbName() { return dbName; } public void setDbName(String dbName) { this.dbName = dbName; } public String getDbTableName() { return dbTableName; } public void setDbTableName(String dbTableName) { this.dbTableName = dbTableName; } public String getDbUserName() { return dbUserName; } public void setDbUserName(String dbUserName) { this.dbUserName = dbUserName; } public String getDbUserPassword() { return dbUserPassword; } public void setDbUserPassword(String dbUserPassWord) { this.dbUserPassword = dbUserPassWord; } }

Như vậy chúng ta có các thuộc tính:

private String dbmsType; //để chỉ đến hệ quản trị csdl được chọn lựa
private String dbName;//database name mà chúng ta sẽ làm việc
private String dbTableName; //Bảng cần truy xuất thông tin
private String dbUserName;//User đăng nhập CSDL
private String dbUserPassword;//mật khẩu đăng nhập

Ở đây ứng với từng dbms type mà chúng ta sẽ xây dựng chuỗi kết nối riêng.

Các công việc còn lại là đọc metadata để hiển thị tiêu đề và đọc dữ liệu để hiển thị nội dung.

Sau đó tạo tập tin định nghĩa thẻ, tập tin datatable.tld. Nội dung như sau:

<?xml version=”1.0″ encoding=”UTF-8″?> <!DOCTYPE taglib PUBLIC “-//Sun Microsystems, Inc.//DTD JSP Tag Library 1.2/EN” “http://java.sun.com/dtd/web-jsptaglibrary_1_2.dtd” > <taglib> <tlib-version>1.0</tlib-version> <jsp-version>1.2</jsp-version> <short-name>Hiển thị bảng trong cơ sở dữ liệu</short-name> <tag> <name>datatable</name> <tag-class>vovanhai.wordpress.com.DataTableTag</tag-class> <body-content>JSP</body-content> <attribute> <name>dbmsType</name> <required>true</required> <rtexprvalue>mssql|mysql|jdbc</rtexprvalue> <description>Tên hệ quản trị CSDL ví dụ như mssql, mysql, jdbc</description> </attribute> <attribute> <name>dbName</name> <required>true</required> <description>Tên của cơ sở dữ liệu</description> </attribute> <attribute> <name>dbTableName</name> <required>true</required> <description>Tên của bảng trong CSDL</description> </attribute> <attribute> <name>dbUserName</name> <required>true</required> <description>Tên đăng nhập</description> </attribute> <attribute> <name>dbUserPassword</name> <required>true</required> <description>Mật khẩu đăng nhập</description> </attribute> </tag> </taglib>

Công việc cuối cùng là tạo trang jsp để thử. Ở đây tôi tạo tập tin DisplayTable.jsp để thử, nội dung như sau:

<%@ page language=”java” contentType=”text/html; charset=UTF-8″ pageEncoding=”UTF-8″%> <%@ taglib prefix=”dt” uri=”/WEB-INF/tlds/datatable.tld”%> <!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>Custom tag hiển thị datatable</title> </head> <body> <dt:datatable dbmsType=”mysql” dbName=”cdcol” dbTableName=”cds” dbUserName=”root” dbUserPassword=”"> CD Collections </dt:datatable> <hr/> <dt:datatable dbmsType=”mssql” dbName=”AdventureWorksDW” dbTableName=”DimEmployee” dbUserName=”sa” dbUserPassword=”"> Employees </dt:datatable> </body> </html>

Kết quả sau khi triển khai trên Tomcat 6.18, vào url http://localhost:8086/MyCustomTag/DisplayTable.jsp, thu được như hình :

Bạn có thể phát triển thêm nhiều thứ để đáp ứng yêu cầu của mình

Chúc thành công!