基于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数据库技术应用，数据挖掘.