基于Java的Web通用DataTable組件設計

摘 要：在Java Web項目開發中需要呈現用戶數據查詢結果，利用JDBC數據訪問技術，設計一個通用的Web組件-DataTable。根據用戶需要實現動態查詢，并利用查詢結果為數據源構建類。用戶使用時只需動態加載數據源、樣式文件等就可以呈現具備各種風格的數據，縮短項目周期，提高開發效率。

關鍵詞：查詢；Web；組件；JDBC

中圖分類號：TP311 文獻標識碼：A

1 引言（Introduction）

隨著企業信息化建設水平的發展，基于Java Web技術的B/S架構項目開發，成為開發的主流技術[1]。在實際項目開發過程中，查詢結果的數據呈現是大多數系統必備功能。然而，現有Java開發工具中并沒有提供用于呈現查詢結果的通用組件，在設計過程中功能模塊與界面設計密切關聯。當用戶查詢發生改變，就必須重新編寫代碼。這種模式不利于代碼維護及用戶使用，開發效率較低。因此，如何設計一個通用Web組件DataTable：當用戶業務需求發生變化時，不需重寫代碼，只需通過動態加載數據源、簡單修改用戶樣式文件，達到動態呈現數據目的，這樣既可以提高開發效率、縮短項目周期，又方便用戶使用。

2 系統設計（System design）

2.1 設計思路

依據組件通用設計思路，設計一個通用查詢結果數據呈現組件DataTable。該組件的前臺展示樣式由用戶自行設計，查詢條件完全取決于用戶需求，可以隨意創建、沒有任何限制，用戶只需動態加載查詢結果數據源即可。組件工作模型如圖1所示。

圖1 DataTable工作模型

Fig.1 DataTable working model

2.2 技術方案（Technical scheme）

2.2.1 JDBC技術方案

采用Java作為組件開發語言，它不直接運行在操作系統上，而是通過Java虛擬機與底層操作系統進行交互處理，具備統一的編程接口、可方便移植，確保系統與用戶的安全性。采用JDBC數據庫訪問技術，實現異構數據庫系統的統一訪問。JDBC建立了一個數據庫的公共應用程序訪問接口，實現通過基于平臺程序或驅動程序來實現數據庫透明訪問。采用SQL語句實現對數據庫數據存取。基于Java及JDBC技術的應用系統具備安全性高、執行速度快、可靠性和可移植性強等特點。基于Java-JDBC三層應用模型如圖2所示。

圖2 應用模型

Fig.2 Application model

2.2.2 DataTable組件通用類設計

軟件設計組件是指可以進行獨立分離的、易于重復使用的功能對象[2]。基于Java的Web通用DataTable組件是指在任何基于Java的Web應用程序中均可使用的數據呈現組件，同時支持記錄自動分頁。DataTable組件構建在數據庫基礎之上，將數據庫連接、數據記錄查詢、數據處理、樣式文件等整合到一起構成DataTable組件。這樣其他Web應用程序便可使用該組件進行快速開發，提高開發效率，其通用類設計如圖3所示。

圖3 通用類設計

Fig.3 General class design

3 系統實現（System implementation）

DataTable組件采用Visio設計模型、使用MyEclipse開發工具，主要使用HTML、Css、JavaScript、JSP、Servlet等Java Web開發技術[3]；使用Access作為后臺數據庫，用戶可根據實際開發需要選擇數據庫；使用Tomcat作為Web服務器。采用JavaScript的事件處理與HTML及進行用戶交互，經處理實現用戶數據感知[4]。其具體實現步驟如下：

第一步：新建一個JavaWeb工程：DataTableDemo。

第二步：利用Access建立一個DB數據庫，并在該數據庫中建立一張名為User的數據表，其表結構如表1所示。

表1 User數據表設計

Tab.1 User DataTable design

字段名 數據類型

User_ID 自動編號

User_Code 文本

User_Name 文本

User_Sex 文本

User_Type 文本

User_Password 文本

User_Tel 文本

User_Email 文本

User_Address 文本

User_PostCode 文本

第三步：新建通用的DbHelp數據庫訪問類、DataTable類，具體結構如通用類設計圖。

第四步：新建數據表樣式文件DataTableCss及用于用戶交互的DataTable.js文件。

第五步：導入數據庫訪問類、DataTable類、DataTableCss、DataTale.js等文件，以Web形式顯示user數據表中數據，其處理效果如圖4所示。

圖4 DataTable組件應用

Fig.4 Application of DataTable components

4 結論（Conclusion）

在使用現有的Java Web開發技術及工具下，通過構建Web通用開發組件，既滿足了用戶業務需求的不斷變化，又適用于所有基于Java Web技術的項目開發。DataTable組件現已應用到了多個基于Java的Web企業信息系統開發項目，提高了工作效率，明顯縮短了項目周期。

參考文獻（References）

[1] 舒紅平，劉魁.基于Java Web的通用組件設計及應用[J].成都信 息工程學院學報，2006，21（3）：31-35.

[2] 李華彪.Java中間件技術及其應用開發[M].北京：中國水利水 電出版社，2012：70-72.

[3] 舒紅平.基于Java的審批流程管理設計及實現[J].成都信息工 程學院學報，2011，19（1）：12-17.

[4] 彭智勇，黃澤謙.基于對象代理數據庫的微生物信息服務系統 [J].計算機應用，2010，30（1）：5-8.

作者簡介：

譚海中（1979-），男，碩士，高級工程師.研究領域：軟件工 程，WEB數據庫技術應用，數據挖掘.