一种web系统的表格开发方法及系统的制作方法
【专利摘要】本发明涉及一种WEB系统的表格开发方法及系统，所述方法包括以下步骤：步骤1，在客户端根据不同的业务需求设计表格，并在服务器端为设计的每一个表格配置相应的服务代码；步骤2，在服务器端设置多个IGird接口，每个IGrid接口对应执行一段服务代码；步骤3，在客户端，通过JS技术从服务器端加载相应的IGrid接口，将该IGrid接口对应的表格展现在界面。本发明通过表格定制化展现很好地实现表格组织，同时也实现了表格分类集中管理，通过对表格数据的管控，形成业务系统可用的、面向领域、面向业务的表格组件。
【专利说明】一种WEB系统的表格开发方法及系统
【技术领域】
[0001] 本发明涉及通信领域，特别是涉及一种WEB系统的表格开发方法及系统。
【背景技术】
[0002] 在电信行业业务系统，常用表格开发方法出现了以下几个问题：
[0003] 1)样式风格不统一：由于开发各自表格，自定义开发比较多，容易导致表格展现 风格不统一，展现功能不全。
[0004] 2)开发人员工作量增大：这往往要求各系统有熟练的开发人员开发表格组件（包 括界面和服务）。并且针对每个系统都开发一套，造成资源浪费和人力成本的增加。
[0005] 3)重复开发多，不便于管理：表格重复开发，而且存放位置散乱穿插于各个模块 之中，不便于管理。
[0006] 4)业务组件化提高：表格需求一般比较个性，差异性大，把表格组件进行抽取，并 集中管理。剩余的业务组件（主要是对系统的更新操作）业务就比较容易统一，形成组件。
[0007] 5)数据组织方式统一：采用面向接口，面向对象的方式，把表格数据提供形式规 范化，统一化，开发者通过泛型方式定制自己的数据格式。
[0008] 针对上述问题，现有技术中出现了采用JS模板技术实现界面表面的定制化展现， 但在对表格内容表格服务统一集中管理上仍存在问题。对此，本发明提出了一种WEB系统 表格开发方法及系统。
[0009] 下面给出本发明的技术方案相关的名词解释，用于解决相关术语的意义，并不限 定本发明的保护范围。
[0010] JS :JavaScript的简写，JavaScript是一种基于对象和事件驱动并具有相对安全 性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML 网页添加动态功能，比如响应用户的各种操作。
[0011] JS0N:JS0N(JavaScript Object Notation)是一种轻量级的数据交换格式。它基 于 JavaScript (Standard ECMA_2623rd Edition-Decemberl"9)的一个子集。
[0012] 面向对象：面向对象的程序设计语言必须有描述对象及其相互之间关系的语言成 分。这些程序设计语言可以归纳为以下几类：系统中一切皆为对象；对象是属性及其操作 的封装体；对象可按其性质划分为类，对象成为类的实例；实例关系和继承关系是对象之 间的静态关系；消息传递是对象之间动态联系的唯一形式，也是计算的唯一形式；方法是 消息的序列。
[0013] 领域模型：领域模型是对领域内的概念类或现实世界中对象的可视化表示。又称 概念模型、领域对象模型、分析对象模型。它专注于分析问题领域本身，发掘重要的业务领 域概念，并建立业务领域概念之间的关系。
【发明内容】
[0014] 本发明所要解决的技术问题是提供一种WEB系统的表格开发方法及系统，用于解 决表格数据的组织及管控问题。
[0015] 本发明解决上述技术问题的技术方案如下：一种WEB系统表格开发方法，包括以 下步骤：
[0016] 步骤1，在客户端根据不同的业务需求设计表格，并在服务器端为设计的每一个表 格配置相应的服务代码；
[0017] 步骤2,在服务器端设置多个IGird接口，每个IGrid接口对应执行一段服务代 码；
[0018] 步骤3,在客户端，通过JS技术从服务器端加载相应的IGrid接口，将该IGrid接 口对应的表格展现在界面。
[0019] 在上述技术方案的基础上，本发明还可以做如下改进。
[0020] 进一步，所述步骤1中，根据不同的业务需求设计表格具体包括：根据业务需求定 义表格需要展示的列、定义各列是否能自定义显示状态和隐藏状态以及定义表格是否需要 分页。
[0021] 进一步，所述步骤1中，将所有服务代码存放在同一目录下。
[0022] 进一步，当进行表格设计时，查找存放服务代码的目录下是否存在该表格对应的 服务代码，若不存在，则开发相应的服务代码。
[0023] 进一步，所述步骤3具体包括：
[0024] 步骤31，客户端通过JS技术将资源请求发送给服务器端，服务器端的GridAction 接收到资源请求，进行资源转发，并调用GommonGridService ;
[0025] 步骤32, GommonGridService根据资源请求进行表格分类，加载满足资源请求的 IGird 接口；
[0026] 步骤33,客户端通过JS技术调用步骤32中加载的IGird接口，将该IGrid接口对 应的表格展现在界面。
[0027] 本发明的技术方案还包括一种WEB系统表格开发系统，包括服务器端和客户端：
[0028] 所述服务器端，用于为客户端设计的每一个表格配置相应的服务代码，并设置多 个IGird接口，每个IGrid接口对应执行一段服务代码；
[0029] 所述客户端，用于根据不同的业务需求设计表格，还用于通过JS技术从服务器端 加载相应的IGrid接口，将该IGrid接口对应的表格展现在界面。
[0030] 进一步，所述客户端根据不同的业务需求设计表格具体包括：根据业务需求定义 表格需要展示的列、定义各列是否能自定义显示状态和隐藏状态以及定义表格是否需要分 页。
[0031] 进一步，所述服务器端将所有服务代码存放在同一目录下。
[0032] 进一步，当进行表格设计时，查找存放服务代码的目录下是否存在该表格对应的 服务代码，若不存在，则开发相应的服务代码。
[0033] 进一步，所述客户端通过JS技术从服务器端加载相应的IGrid接口，将该IGrid 接口对应的表格展现在界面，具体包括：
[0034] 客户端通过JS技术将资源请求发送给服务器端，服务器端的GridAction接收到 资源请求，进行资源转发，并调用GommonGridService ;
[0035] GommonGridService根据资源请求进行表格分类，加载满足资源请求的IGird接 π ；
[0036] 客户端通过JS技术调用加载好的IGird接口，将该IGrid接口对应的表格展现在 界面。
[0037] 本发明的有益效果是：现有技术中实现界面表格展现的组件很多，但对表格数据 的组织则不够。本发明除提供表格展现和表格定制功能外，还通过表格定制化展现很好地 实现表格组织，同时也实现了表格分类集中管理，通过对表格数据的管控，形成业务系统可 用的、面向领域、面向业务的表格组件，具体有以下三个特性：
[0038] -、面向服务的表格：每个表格代表一种服务，提供一种业务能力。
[0039] 二、表格分类集中管理：所有表格代码都存放于系统的特定目录，都需要实现 IGrid接口。同时可防止表格的重复开发，提供同一个服务的表格在此目录下只存在一个。
[0040] 三、表格定制化展现：每个表格在界面上可以对展现的列数，展现的形式等进行定 制化展现。
【专利附图】
【附图说明】
[0041] 图1为本发明所述一种WEB系统的表格开发方法的流程示意图。
【具体实施方式】
[0042] 以下结合附图对本发明的原理和特征进行描述，所举实例只用于解释本发明，并 非用于限定本发明的范围。
[0043] 如图1所示，本实施例给出了一种WEB系统表格开发方法，包括以下步骤：
[0044] 步骤1，在客户端根据不同的业务需求设计表格，并在服务器端为设计的每一个表 格配置相应的服务代码；
[0045] 步骤2,在服务器端设置多个IGird接口，每个IGrid接口对应执行一段服务代 码；
[0046] 步骤3,在客户端，通过JS技术从服务器端加载相应的IGrid接口，将该IGrid接 口对应的表格展现在界面。
[0047] 其中，根据不同的业务需求设计表格具体包括：根据业务需求定义表格需要展示 的列、定义各列是否能自定义显示状态和隐藏状态以及定义表格是否需要分页。此外，本实 施例中将所有服务代码存放在同一目录下。当进行表格设计时，查找存放服务代码的目录 下是否存在该表格对应的服务代码，若不存在，则开发相应的服务代码。
[0048] 进一步，所述步骤3具体包括：
[0049] 步骤31，客户端通过JS技术将资源请求发送给服务器端，服务器端的GridAction 接收到资源请求，进行资源转发，并调用GommonGridService ;
[0050] 步骤32, GommonGridService根据资源请求进行表格分类，加载满足资源请求的 IGird 接口；
[0051] 步骤33,客户端通过JS技术调用步骤32中加载的IGird接口，将该IGrid接口对 应的表格展现在界面。
[0052] 本实施例采用了 JS技术，即是设计JS程序，调用统一URL资源，加载不同的IGrid 实现表格展现。通过JS技术对表格数据进行规范化，转换为JS0N、XML等格式，提供给客户 端界面使用。[0053] 可知，本实施例中IGrid接口起重要作用，以一个IGrid接口为例，接口 IGrid〈T> 说明如下表（其中，参数类型为T，返回结果集类）：
【权利要求】
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，GommonGridSe;rvice根据资源请求进行表格分类，加载满足资源请求的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接口对应的表格展现在界 面。
【文档编号】G06F9/44GK104063219SQ201410290895
【公开日】2014年9月24日 申请日期:2014年6月25日 优先权日:2014年6月25日
【发明者】韩庆春 申请人:北京思特奇信息技术股份有限公司