[发明专利]基于GRID组件的列表数据展现方法及系统

说明书

技术领域

本发明涉及计算机技术领域，特别涉及一种基于GRID组件的列表数据展现方法及系统。

背景技术

在软件设计开发中，经常需要在前台进行列表数据展示。现有技术中大多采用后台封装数据成List或其它数组类型数据传入到前台，再在前台页面中对数组类型数据进行遍历，将数据填充到table、div等Html表格中展示出来。

上述方法在实际应用中存在很多明显不足的地方：

1、代码量大，数据层数处理过多，需要传输的数据量太大，造成显示缓慢且容易出错，不利于维护；

2、开发效率低下，无法实现代码的重用。后台的查询和页面的遍历都已经写死，无法在其他模块或项目中重复使用，增加了工作量；

3、开发人员技术要求高，开发人员需要对MVC或系统设计有足够的了解，需要关注的地方较多；

4、风格样式难以控制、用户体验不友好、扩展性太差。每个列表的开发，都需要开发人员单个处理，无法做到统一控制，而且用户体验及扩展性太差。

发明内容

本发明的目的是提出一种基于GRID组件的列表数据展现方法，能解决列表数据展现的代码量大、开发效率低下及用户体验及扩展性差的问题。

为达到上述目的，本发明提出了一种基于GRID组件的列表数据展现方法，包括以下步骤：

步骤S1：后台接到前台的列表数据展现命令后，通过JS及CSS模块对所述列表数据进行封装，并通过AJAX模块对所述列表数据进一步封装其交互方式及格式，得到预设标准样式的封装数据；

步骤S2：前台中设定JSP自定义标签，通过该JSP自定义标签将各类参数设置和业务控制抽取共性并封装；

步骤S3：后台从数据库中获取所需的列表数据，通过OR-Mapping机制将所述需要展示的列表数据转换成GRID组件能识别的数据格式，然后将转换好的数据同样通过AJAX方式返回到前台；

步骤S4：前台根据所述JSP自定义标签将列表数据加载到所述GRID组件中，所述GRID组件根据OR-Mapping数据对应关系，按照所述预设标准样式自动展示所述列表数据。

进一步，在上述基于GRID组件的列表数据展现方法中，所述步骤S1具体包括：

后台接到前台的列表数据展现命令后，通过JS模块对所述命令转换成键值对格式的JSON数据并根据自定义和CSS模块的样式进行封装，并通过AJAX模块对所述命令进一步封装其交互方式及格式，并将其提交到后台。

进一步，在上述基于GRID组件的列表数据展现方法中，所述步骤S2具体包括：

前台中在页面上采用类似HTML语言的方式设定JSP自定义标签，通过该JSP自定义标签将各类参数设置和业务控制抽取包括样式、宽度、字体大小、格式的数据共性特性并封装成公用的JAVA和JS代码，最终以HTML网页格式展示。

进一步，在上述基于GRID组件的列表数据展现方法中，所述步骤S3中后台从数据库中获取所需的列表数据的步骤具体包括：

后台通过异步方式从数据库中获取所需的列表数据。

进一步，在上述基于GRID组件的列表数据展现方法中，所述步骤S3中通过OR-Mapping机制将所述需要展示的列表数据转换成GRID组件能识别的数据格式的步骤具体包括：

后台通过OR-Mapping机制将所述列表数据与实例对应起来，并通过调用公用类将转换成GRID组件能识别的数据格式。

进一步，在上述基于GRID组件的列表数据展现方法中，所述步骤S4之后还包括：通过异步CDUQ模块对所述列表数据进行增、删或改、查。

本发明还提供一种基于GRID组件的列表数据展现系统，所述系统包括：后台及前台，所述后台中设有JS及CSS模块、AJAX模块及GRID组件转化模块，所述前台中设有JSP标签模块、GRID组件加载模块及列表数据展示模块；

所述JS及CSS模块用于对所述列表数据进行封装，所述AJAX模块连接于JS及CSS模块，用于对所述列表数据进一步封装其交互方式及格式，得到预设标准样式的封装数据。所述GRID组件转化模块用于通过OR-Mapping机制将从数据库中获取所需的列表数据转换成所需数据格式的GRID组件。

所述JSP标签模块用于设定JSP自定义标签，通过该JSP自定义标签将各类参数设置和业务控制抽取共性并封装。