CN104063219A - 一种web系统的表格开发方法及系统 - Google Patents

Abstract

本发明涉及一种WEB系统的表格开发方法及系统，所述方法包括以下步骤：步骤1，在客户端根据不同的业务需求设计表格，并在服务器端为设计的每一个表格配置相应的服务代码；步骤2，在服务器端设置多个IGird接口，每个IGrid接口对应执行一段服务代码；步骤3，在客户端，通过JS技术从服务器端加载相应的IGrid接口，将该IGrid接口对应的表格展现在界面。本发明通过表格定制化展现很好地实现表格组织，同时也实现了表格分类集中管理，通过对表格数据的管控，形成业务系统可用的、面向领域、面向业务的表格组件。

Description

一种WEB系统的表格开发方法及系统

技术领域

本发明涉及通信领域，特别是涉及一种WEB系统的表格开发方法及系统。

背景技术

在电信行业业务系统，常用表格开发方法出现了以下几个问题：

1)样式风格不统一：由于开发各自表格，自定义开发比较多，容易导致表格展现风格不统一，展现功能不全。

2)开发人员工作量增大：这往往要求各系统有熟练的开发人员开发表格组件(包括界面和服务)。并且针对每个系统都开发一套，造成资源浪费和人力成本的增加。

3)重复开发多，不便于管理：表格重复开发，而且存放位置散乱穿插于各个模块之中，不便于管理。

4)业务组件化提高：表格需求一般比较个性，差异性大，把表格组件进行抽取，并集中管理。剩余的业务组件(主要是对系统的更新操作)业务就比较容易统一，形成组件。

5)数据组织方式统一：采用面向接口，面向对象的方式，把表格数据提供形式规范化，统一化，开发者通过泛型方式定制自己的数据格式。

针对上述问题，现有技术中出现了采用JS模板技术实现界面表面的定制化展现，但在对表格内容表格服务统一集中管理上仍存在问题。对此，本发明提出了一种WEB系统表格开发方法及系统。

下面给出本发明的技术方案相关的名词解释，用于解决相关术语的意义，并不限定本发明的保护范围。

JS：JavaScript的简写，JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。

JSON:JSON(JavaScript Object Notation)是一种轻量级的数据交换格式。它基于JavaScript(Standard ECMA-2623rd Edition-December1999)的一个子集。

面向对象：面向对象的程序设计语言必须有描述对象及其相互之间关系的语言成分。这些程序设计语言可以归纳为以下几类：系统中一切皆为对象；对象是属性及其操作的封装体；对象可按其性质划分为类，对象成为类的实例；实例关系和继承关系是对象之间的静态关系；消息传递是对象之间动态联系的唯一形式，也是计算的唯一形式；方法是消息的序列。

领域模型：领域模型是对领域内的概念类或现实世界中对象的可视化表示。又称概念模型、领域对象模型、分析对象模型。它专注于分析问题领域本身，发掘重要的业务领域概念，并建立业务领域概念之间的关系。

发明内容

本发明所要解决的技术问题是提供一种WEB系统的表格开发方法及系统，用于解决表格数据的组织及管控问题。

本发明解决上述技术问题的技术方案如下：一种WEB系统表格开发方法，包括以下步骤：

步骤1，在客户端根据不同的业务需求设计表格，并在服务器端为设计的每一个表格配置相应的服务代码；

步骤2，在服务器端设置多个IGird接口，每个IGrid接口对应执行一段服务代码；

步骤3，在客户端，通过JS技术从服务器端加载相应的IGrid接口，将该IGrid接口对应的表格展现在界面。

在上述技术方案的基础上，本发明还可以做如下改进。

进一步，所述步骤1中，根据不同的业务需求设计表格具体包括：根据业务需求定义表格需要展示的列、定义各列是否能自定义显示状态和隐藏状态以及定义表格是否需要分页。

进一步，所述步骤1中，将所有服务代码存放在同一目录下。

进一步，当进行表格设计时，查找存放服务代码的目录下是否存在该表格对应的服务代码，若不存在，则开发相应的服务代码。

进一步，所述步骤3具体包括：

步骤31，客户端通过JS技术将资源请求发送给服务器端，服务器端的GridAction接收到资源请求，进行资源转发，并调用GommonGridService；

步骤32，GommonGridService根据资源请求进行表格分类，加载满足资源请求的IGird接口；

步骤33，客户端通过JS技术调用步骤32中加载的IGird接口，将该IGrid接口对应的表格展现在界面。

本发明的技术方案还包括一种WEB系统表格开发系统，包括服务器端和客户端：

所述服务器端，用于为客户端设计的每一个表格配置相应的服务代码，并设置多个IGird接口，每个IGrid接口对应执行一段服务代码；

所述客户端，用于根据不同的业务需求设计表格，还用于通过JS技术从服务器端加载相应的IGrid接口，将该IGrid接口对应的表格展现在界面。

进一步，所述客户端根据不同的业务需求设计表格具体包括：根据业务需求定义表格需要展示的列、定义各列是否能自定义显示状态和隐藏状态以及定义表格是否需要分页。

进一步，所述服务器端将所有服务代码存放在同一目录下。

进一步，当进行表格设计时，查找存放服务代码的目录下是否存在该表格对应的服务代码，若不存在，则开发相应的服务代码。

进一步，所述客户端通过JS技术从服务器端加载相应的IGrid接口，将该IGrid接口对应的表格展现在界面，具体包括：

客户端通过JS技术将资源请求发送给服务器端，服务器端的GridAction接收到资源请求，进行资源转发，并调用GommonGridService；

GommonGridService根据资源请求进行表格分类，加载满足资源请求的IGird接口；

客户端通过JS技术调用加载好的IGird接口，将该IGrid接口对应的表格展现在界面。

本发明的有益效果是：现有技术中实现界面表格展现的组件很多，但对表格数据的组织则不够。本发明除提供表格展现和表格定制功能外，还通过表格定制化展现很好地实现表格组织，同时也实现了表格分类集中管理，通过对表格数据的管控，形成业务系统可用的、面向领域、面向业务的表格组件，具体有以下三个特性：

一、面向服务的表格：每个表格代表一种服务，提供一种业务能力。

二、表格分类集中管理：所有表格代码都存放于系统的特定目录，都需要实现IGrid接口。同时可防止表格的重复开发，提供同一个服务的表格在此目录下只存在一个。

三、表格定制化展现：每个表格在界面上可以对展现的列数，展现的形式等进行定制化展现。

附图说明

图1为本发明所述一种WEB系统的表格开发方法的流程示意图。

具体实施方式

以下结合附图对本发明的原理和特征进行描述，所举实例只用于解释本发明，并非用于限定本发明的范围。

如图1所示，本实施例给出了一种WEB系统表格开发方法，包括以下步骤：

步骤1，在客户端根据不同的业务需求设计表格，并在服务器端为设计的每一个表格配置相应的服务代码；

步骤2，在服务器端设置多个IGird接口，每个IGrid接口对应执行一段服务代码；

步骤3，在客户端，通过JS技术从服务器端加载相应的IGrid接口，将该IGrid接口对应的表格展现在界面。

其中，根据不同的业务需求设计表格具体包括：根据业务需求定义表格需要展示的列、定义各列是否能自定义显示状态和隐藏状态以及定义表格是否需要分页。此外，本实施例中将所有服务代码存放在同一目录下。当进行表格设计时，查找存放服务代码的目录下是否存在该表格对应的服务代码，若不存在，则开发相应的服务代码。

进一步，所述步骤3具体包括：

步骤31，客户端通过JS技术将资源请求发送给服务器端，服务器端的GridAction接收到资源请求，进行资源转发，并调用GommonGridService；

步骤32，GommonGridService根据资源请求进行表格分类，加载满足资源请求的IGird接口；

步骤33，客户端通过JS技术调用步骤32中加载的IGird接口，将该IGrid接口对应的表格展现在界面。

本实施例采用了JS技术，即是设计JS程序，调用统一URL资源，加载不同的IGrid实现表格展现。通过JS技术对表格数据进行规范化，转换为JSON、XML等格式，提供给客户端界面使用。

可知，本实施例中IGrid接口起重要作用，以一个IGrid接口为例，接口IGrid<T>说明如下表(其中，参数类型为T，返回结果集类)：

基于该接口IGrid<T>，例如，需要定制一个表格，界面JS开发如下：

服务器端代码如下：

在本例中，开发人员只需要定制表格列名colNames,表格内容colModel即可实现表格的加载。

对应地，本实施例还给出了一种WEB系统表格开发系统，包括服务器端和客户端：

所述服务器端，用于为客户端设计的每一个表格配置相应的服务代码，并设置多个IGird接口，每个IGrid接口对应执行一段服务代码；

所述客户端，用于根据不同的业务需求设计表格，还用于通过JS技术从服务器端加载相应的IGrid接口，将该IGrid接口对应的表格展现在界面。

该WEB系统表格开发系统的具体实施方法与上述WEB系统表格开发方法相同，这里不再多述。

以上所述仅为本发明的较佳实施例，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (10)

1.一种WEB系统的表格开发方法，其特征在于，包括以下步骤：

步骤1，在客户端根据不同的业务需求设计表格，并在服务器端为设计的每一个表格配置相应的服务代码；

步骤2，在服务器端设置多个IGird接口，每个IGrid接口对应执行一段服务代码；

步骤3，在客户端，通过JS技术从服务器端加载相应的IGrid接口，将该IGrid接口对应的表格展现在界面。

2.根据权利要求1所述的WEB系统的表格开发方法，其特征在于，所述步骤1中，根据不同的业务需求设计表格具体包括：根据业务需求定义表格需要展示的列、定义各列是否能自定义显示状态和隐藏状态以及定义表格是否需要分页。

3.根据权利要求1所述的WEB系统的表格开发方法，其特征在于，所述步骤1中，将所有服务代码存放在同一目录下。

4.根据权利要求3所述的WEB系统的表格开发方法，其特征在于，当进行表格设计时，查找存放服务代码的目录下是否存在该表格对应的服务代码，若不存在，则开发相应的服务代码。

5.根据权利要求1所述的WEB系统的表格开发方法，其特征在于，所述步骤3具体包括：

步骤31，客户端通过JS技术将资源请求发送给服务器端，服务器端的GridAction接收到资源请求，进行资源转发，并调用GommonGridService；

步骤32，GommonGridService根据资源请求进行表格分类，加载满足资源请求的IGird接口；

步骤33，客户端通过JS技术调用步骤32中加载的IGird接口，将该IGrid接口对应的表格展现在界面。

6.一种WEB系统的表格开发系统，其特征在于，包括服务器端和客户端：

所述服务器端，用于为客户端设计的每一个表格配置相应的服务代码，并设置多个IGird接口，每个IGrid接口对应执行一段服务代码；

所述客户端，用于根据不同的业务需求设计表格，还用于通过JS技术从服务器端加载相应的IGrid接口，将该IGrid接口对应的表格展现在界面。

7.根据权利要求6所述的WEB系统的表格开发系统，其特征在于，所述客户端根据不同的业务需求设计表格具体包括：根据业务需求定义表格需要展示的列、定义各列是否能自定义显示状态和隐藏状态以及定义表格是否需要分页。

8.根据权利要求6所述的WEB系统的表格开发系统，其特征在于，所述服务器端将所有服务代码存放在同一目录下。

9.根据权利要求8所述的WEB系统的表格开发系统，其特征在于，当进行表格设计时，查找存放服务代码的目录下是否存在该表格对应的服务代码，若不存在，则开发相应的服务代码。

10.根据权利要求6所述的WEB系统的表格开发系统，其特征在于，所述客户端通过JS技术从服务器端加载相应的IGrid接口，将该IGrid接口对应的表格展现在界面，具体包括：

客户端通过JS技术将资源请求发送给服务器端，服务器端的GridAction接收到资源请求，进行资源转发，并调用GommonGridService；

GommonGridService根据资源请求进行表格分类，加载满足资源请求的IGird接口；

客户端通过JS技术调用加载好的IGird接口，将该IGrid接口对应的表格展现在界面。