CN104063219B - 一种web系统的表格开发方法及系统 - Google Patents
一种web系统的表格开发方法及系统 Download PDFInfo
- Publication number
- CN104063219B CN104063219B CN201410290895.7A CN201410290895A CN104063219B CN 104063219 B CN104063219 B CN 104063219B CN 201410290895 A CN201410290895 A CN 201410290895A CN 104063219 B CN104063219 B CN 104063219B
- Authority
- CN
- China
- Prior art keywords
- interfaces
- server end
- service code
- client
- igrid
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Landscapes
- Stored Programmes (AREA)
Abstract
本发明涉及一种WEB系统的表格开发方法及系统，所述方法包括以下步骤：步骤1，在客户端根据不同的业务需求设计表格，并在服务器端为设计的每一个表格配置相应的服务代码；步骤2，在服务器端设置多个IGird接口，每个IGrid接口对应执行一段服务代码；步骤3，在客户端，通过JS技术从服务器端加载相应的IGrid接口，将该IGrid接口对应的表格展现在界面。本发明通过表格定制化展现很好地实现表格组织，同时也实现了表格分类集中管理，通过对表格数据的管控，形成业务系统可用的、面向领域、面向业务的表格组件。
Description
技术领域
本发明涉及通信领域，特别是涉及一种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 (6)
1.一种WEB系统的表格开发方法，其特征在于，包括以下步骤：
步骤1，在客户端根据业务需求定义表格需要展示的列、定义各列是否能自定义显示状态和隐藏状态以及定义表格是否需要分页，并在服务器端为设计的每一个表格配置相应的服务代码；
步骤2，在服务器端设置多个IGird接口，每个IGrid接口对应执行一段服务代码；
步骤3，客户端通过JS技术将资源请求发送给服务器端，服务器端的GridAction接收到资源请求，进行资源转发，并调用GommonGridService；
GommonGridService根据资源请求进行表格分类，加载满足资源请求的IGird接口；
客户端通过JS技术调用加载后的所述IGird接口，将所述IGrid接口对应的表格展现在界面。
2.根据权利要求1所述的WEB系统的表格开发方法，其特征在于，所述步骤1中，将所有服务代码存放在同一目录下。
3.根据权利要求2所述的WEB系统的表格开发方法，其特征在于，当进行表格设计时，查找存放服务代码的目录下是否存在该表格对应的服务代码，若不存在，则开发相应的服务代码。
4.一种WEB系统的表格开发系统，其特征在于，包括服务器端和客户端：
所述服务器端，用于为客户端设计的每一个表格配置相应的服务代码，并设置多个IGird接口；
每个所述IGrid接口用于对应执行一段服务代码；
所述客户端，用于根据业务需求定义表格需要展示的列、定义各列是否能自定义显示状态和隐藏状态以及定义表格是否需要分页，还用于通过JS技术将资源请求发送给服务器端，并通过所述服务器端的GridAction接收到资源请求，进行资源转发，并调用GommonGridService；
所述GommonGridService用于根据资源请求进行表格分类，加载满足资源请求的IGird接口；
所述客户端还用于通过JS技术调用加载好的IGird接口，将该IGrid接口对应的表格展现在界面。
5.根据权利要求4所述的WEB系统的表格开发系统，其特征在于，所述服务器端将所有服务代码存放在同一目录下。
6.根据权利要求5所述的WEB系统的表格开发系统，其特征在于，当进行表格设计时，查找存放服务代码的目录下是否存在该表格对应的服务代码，若不存在，则开发相应的服务代码。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410290895.7A CN104063219B (zh) | 2014-06-25 | 2014-06-25 | 一种web系统的表格开发方法及系统 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410290895.7A CN104063219B (zh) | 2014-06-25 | 2014-06-25 | 一种web系统的表格开发方法及系统 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN104063219A CN104063219A (zh) | 2014-09-24 |
| CN104063219B true CN104063219B (zh) | 2017-09-15 |
Family
ID=51550943
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201410290895.7A Active CN104063219B (zh) | 2014-06-25 | 2014-06-25 | 一种web系统的表格开发方法及系统 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN104063219B (zh) |
Families Citing this family (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106599013A (zh) * | 2016-08-31 | 2017-04-26 | 重庆车杰盟科技有限公司 | 一种图表数据服务管理系统的工作流程 |
| CN110032373B (zh) * | 2019-04-12 | 2022-05-06 | 国网山东省电力公司淄博供电公司 | 面向对象的表格功能通用实现方法 |
| CN111339087A (zh) * | 2020-02-20 | 2020-06-26 | 重庆锐云科技有限公司 | 将地产营销数据监控结果报表自动导出为Excel文件的方法 |
| CN113486269B (zh) * | 2021-05-25 | 2024-01-30 | 厦门海迈科技股份有限公司 | 基于web的电子表格数据处理方法、计算设备和存储介质 |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101650710A (zh) * | 2009-08-03 | 2010-02-17 | 金蝶软件（中国）有限公司 | 一种在线软件服务系统及其报表生成方法和装置 |
| CN102135990A (zh) * | 2011-03-11 | 2011-07-27 | 北京神舟航天软件技术有限公司 | 基于jsp模板的可自由定义的智能表单系统及生成方法 |
| CN202177892U (zh) * | 2011-06-04 | 2012-03-28 | 中国移动通信集团内蒙古有限公司 | Web UI控件定制系统 |
Family Cites Families (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US9256407B2 (en) * | 2005-08-04 | 2016-02-09 | International Business Machines Corporation | Interleaving the XForms processing model with java server faces request processing |
| CN101373464B (zh) * | 2008-09-24 | 2011-04-20 | 金蝶软件（中国）有限公司 | 自动调用表格设置的方法、装置及系统 |
| CN101419552A (zh) * | 2008-12-03 | 2009-04-29 | 浪潮集团山东通用软件有限公司 | 一种通用业务数据采集表单的定义与生成方法 |
| CN101957936A (zh) * | 2009-07-15 | 2011-01-26 | 深圳市艾派应用系统有限公司 | 一种工作流表单实现方法和系统 |
-
2014
- 2014-06-25 CN CN201410290895.7A patent/CN104063219B/zh active Active
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101650710A (zh) * | 2009-08-03 | 2010-02-17 | 金蝶软件（中国）有限公司 | 一种在线软件服务系统及其报表生成方法和装置 |
| CN102135990A (zh) * | 2011-03-11 | 2011-07-27 | 北京神舟航天软件技术有限公司 | 基于jsp模板的可自由定义的智能表单系统及生成方法 |
| CN202177892U (zh) * | 2011-06-04 | 2012-03-28 | 中国移动通信集团内蒙古有限公司 | Web UI控件定制系统 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN104063219A (zh) | 2014-09-24 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN104484189B (zh) | 一种应用界面的构建及设计方法 | |
| CN106528129B (zh) | 一种Web应用界面生成系统及方法 | |
| CN104484216B (zh) | 服务接口文档和在线测试工具生成方法、装置 | |
| CN114035773B (zh) | 一种基于配置的低代码开发表单方法、系统及装置 | |
| Jacobs et al. | D-SOL; a distributed Java based discrete event simulation architecture | |
| US7865868B2 (en) | .NET ribbon model for a ribbon user interface | |
| CN104866327B (zh) | 一种php开发方法及框架 | |
| CN104063219B (zh) | 一种web系统的表格开发方法及系统 | |
| CN101477461A (zh) | 应用程序界面动态生成装置及方法 | |
| US20120290914A1 (en) | Hybrid Web Container for Cross-Platform Mobile Applications | |
| US20070006136A1 (en) | Providing a user interface | |
| CN105117234B (zh) | 一种web控件组合方法 | |
| US9367289B2 (en) | Method and apparatus for enabling agile development of services in cloud computing and traditional environments | |
| CN102880708B (zh) | 用于实现html页面的可视化设计的系统和方法 | |
| GB2411331A (en) | Rendering user interface using actor attributes | |
| CN105893591B (zh) | 一种数据共享服务智能编排方法 | |
| CN105630267A (zh) | 视图界面资源管理方法和装置 | |
| CN1728700B (zh) | 基于struts框架的web电信网管系统及其方法 | |
| CN103530338A (zh) | 在计算设备上进行页面渲染的框架及生成页面的方法 | |
| Heinrich et al. | Reusable awareness widgets for collaborative web applications–a non-invasive approach | |
| CN105302558A (zh) | 一种用于多客户端的内容展现系统及方法 | |
| CN105574114A (zh) | 基于电信资源管理标准控件库的在线绘图方法 | |
| CN103870280B (zh) | 基于flex与jsp的网页无缝结合处理方法 | |
| CN110673827B (zh) | 基于安卓系统的资源调用方法及装置、电子设备 | |
| EP2395468A1 (en) | Semantic user interface data assembling |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |