CN107391158B - 一种基于iDataTable封装实现表格绘制的方法及设备 - Google Patents
一种基于iDataTable封装实现表格绘制的方法及设备 Download PDFInfo
- Publication number
- CN107391158B CN107391158B CN201710652557.7A CN201710652557A CN107391158B CN 107391158 B CN107391158 B CN 107391158B CN 201710652557 A CN201710652557 A CN 201710652557A CN 107391158 B CN107391158 B CN 107391158B
- Authority
- CN
- China
- Prior art keywords
- function
- created
- idatatable
- plug
- file
- 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
- 238000000034 method Methods 0.000 title claims abstract description 26
- 238000004806 packaging method and process Methods 0.000 title claims abstract description 6
- 238000005538 encapsulation Methods 0.000 claims abstract description 8
- 230000006870 function Effects 0.000 claims description 114
- 230000000694 effects Effects 0.000 claims description 14
- 238000009877 rendering Methods 0.000 claims description 9
- 230000006872 improvement Effects 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000008569 process Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/12—Use of codes for handling textual entities
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/166—Editing, e.g. inserting or deleting
- G06F40/177—Editing, e.g. inserting or deleting of tables; using ruled lines
- G06F40/18—Editing, e.g. inserting or deleting of tables; using ruled lines of spreadsheets
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- Health & Medical Sciences (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Artificial Intelligence (AREA)
- Stored Programmes (AREA)
- Devices For Executing Special Programs (AREA)
Abstract
本发明公开了一种基于iDataTable封装实现表格绘制的方法及设备,涉及云海OS技术。本发明公开的基于iDataTable封装实现表格绘制的方法,包括:在jsp文件或者HTML文件中创建表格时,为待创建表格设置独立唯一的标识ID;在jsp文件或者HTML文件中根据所述ID调用已封装在iDataTable插件中的function()函数,将待创建表格的各项属性参数值配置至所述function()函数中;运行所述iDataTable插件,实现表格的创建,并向用户显示创建完成的表格。
Description
技术领域
本发明涉及云海OS技术,具体涉及一种基于iDataTable封装实现表格绘制的方案。
背景技术
在云海OS中,大量的使用iDataTable,用表格的形式展示给用户详细的数据信息。iDataTable是已经封装好的插件,用起来也比较方便。但是在HTML文件和jsp文件中,如若使用iDataTable插件,就需要写大量的代码来实现。iDataTable的插件现如今调用起来已经很方便了,但是在HTML文件或者jsp文件中也是需要多行代码去实现的,这就成了iDataTable的软肋。
发明内容
本发明提供一种基于iDataTable封装实现表格绘制的方法及设备,可以解决相关技术中jsp或HTML文件实现iDataTable插件时需要大量代码实现的问题。
为了解决上述技术问题,本发明公开了一种基于iDataTable封装实现表格绘制的方法,包括:
在jsp文件或者HTML文件中创建表格时,为待创建表格设置独立唯一的标识ID;
在jsp文件或者HTML文件中根据所述ID调用已封装在iDataTable插件中的function()函数,将待创建表格的各项属性参数值配置至所述function()函数中;
运行所述iDataTable插件,实现表格的创建,并向用户显示创建完成的表格。
可选地,所述在jsp文件或者HTML文件中创建表格之前,所述方法还包括:
采用JavaScript语言创建一个新的function()函数,并将此function()函数封装在iDataTable插件中;
所述function()函数中预先定义各种表格属性参数。
可选地,上述方法中,所述表格属性参数至少包括表头参数。
可选地,上述方法还包括:
将待创建表格的各项属性参数值配置至所述function()函数中后,若有渲染效果,则在此function()函数中编写代码,根据已设置的ID将其效果渲染在jsp文件或者HTML文件中。
可选地,上述方法中,所述为待创建表格设置独立唯一的ID包括:
在jsp文件或者HTML文件中,编写代码,设置待创建表格的ID,所述待创建表格的ID与已封装在iDataTable插件中的function()函数一一对应。
本文还公开了一种基于iDataTable封装实现表格绘制的设备,包括:
第一单元,在jsp文件或者HTML文件中创建表格时,为待创建表格设置独立唯一的标识ID;
第二单元,在jsp文件或者HTML文件中根据所述ID调用已封装在iDataTable插件中的function()函数,将待创建表格的各项属性参数值配置至所述function()函数中;
第三单元,运行所述iDataTable插件,实现表格的创建,并向用户显示创建完成的表格。
可选地,上述设备还包括:
第四单元,在jsp文件或者HTML文件中创建表格之前,采用JavaScript语言创建一个新的function()函数,并将此function()函数封装在iDataTable插件中,所述function()函数中预先定义各种表格属性参数。
可选地,上述设备中,所述表格属性参数至少包括表头参数。
可选地,上述设备中,所述第二单元,将待创建表格的各项属性参数值配置至所述function()函数中后,若有渲染效果,则在此function()函数中编写代码,根据已设置的ID将其效果渲染在jsp文件或者HTML文件中。
可选地,上述设备中,所述第一单元,为待创建表格设置独立唯一的ID包括:在jsp文件或者HTML文件中,编写代码,设置待创建表格的ID,所述待创建表格的ID与已封装在iDataTable插件中的function()函数一一对应。
本申请技术方案通过采用JavaScript语言完成iDataTable插件的调用,然后通过技术封装,能够有效的提升代码的可读性和易用性,同时这种实现方案提高了软件的编译能力,即有效缩短jsp文件或者HTML文件的代码量,提高了程序的运行速率,使程序运行起来更加流畅,通顺。
附图说明
图1为本发明实施例中方法流程图。
具体实施方式
为使本发明的目的、技术方案和优点更加清楚明白,下文将结合附图对本发明技术方案作进一步详细说明。需要说明的是,在不冲突的情况下,本申请的实施例和实施例中的特征可以任意相互组合。
本申请发明人提出可以采用高级语言(例如JavaScript语言)进行编码,调用iDataTable的插件,再由jsp文件或者HTML文件中ID的绑定,依据唯一的ID调用封装好的function()函数,绘制出各种各样的表格。
基于上述思想,本文提供一种基于iDataTable封装实现表格绘制的方法,如图1所示,主要包括如下步骤:
步骤100,在jsp文件或者HTML文件中创建表格时,为待创建表格设置独立唯一的ID;
在执行该步骤之前,可以采用JavaScript语言预先创建一个新的function()函数,并将此function()函数封装在iDataTable插件中,其中,所创建的function()函数中预先定义有各种表格属性参数。
表格属性参数包括绘制表格所需要的各项参数,例如表头参数等。
步骤200,在jsp文件或者HTML文件中根据设置好的ID调用已封装在iDataTable插件中的function()函数,将待创建表格的各项属性参数值配置至所述function()函数中;
另外,将待创建表格的各项属性参数值配置至function()函数中后,若有渲染效果,可以直接在此function()函数中编写代码,根据已设置的ID将其效果渲染在jsp文件或者HTML文件中即可。
步骤300,运行所述iDataTable插件,实现表格的创建,并向用户显示创建完成的表格。
本文中,在jsp文件或者HTML文件中,可以编写简单的代码,从而设置待创建表格的ID。需要注意的是,待创建表格的ID与已封装在iDataTable插件中的function()函数是一一对应的关系。
下面结合实际应用说明上述方法的具体实施过程。采用JavaScript高级语言进行编码,调用iDataTable的插件,在js文件中进行编码,完成function()函数的封装,将表头需要展示的每一列的参数封装在function()函数中,采用jQuery框架,然后通过jsp文件或者HTML文件中绘制表格的id调用封装好的function()函数,在此函数中对表格进行各种不同的属性设置,绘制出能满足各种需求的表格,完美的展示在程序中。
其中,通过IDataTable插件封装Function()函数实现时主要包括以下几个步骤:
(1)创建一个新的function()函数,该函数存放在IDataTable的插件中;
(2)在function()函数中,定义不同的变量和不同的对象(即预先定义有各种表格属性参数),利用for循环遍历,根据相关的逻辑判断,将这些参数(即表格属性参数)封装在此函数中,
(3)设置function()所需要的参数信息;
(4)利用for循环遍历的算法;
(5)在jsp文件或者HTML文件中通过绑定的ID调用function()函数,将不同的参数(即为各表格属性参数的具体值)传入function()函数中,实现表格的绘制。
在jsp文件或者HTML文件中通过绑定的id调用function()函数主要包括以下步骤:
(1)在jsp文件或者HTML文件中,编写简便的代码,设置唯一的ID;
(2)在js文件中根据唯一的ID调用封装好的IDataTable插件的function()函数;
(3)在此function()函数中,将需要展示的表头的参数传入;
(4)如若有渲染效果,直接在此函数中编写代码,根据设置好的id将其效果渲染在jsp文件或者HTML文件中;
(5)运行程序,将表格完美的展示在界面中。
本实施例还提供一种基于iDataTable封装实现表格绘制的设备,可以实施上述方法,其主要包括如下三单元。
第一单元,在jsp文件或者HTML文件中创建表格时,为待创建表格设置独立唯一的标识ID;
具体地,在jsp文件或者HTML文件中,可以通过编写简单的代码,设置ID,且此ID与已封装在iDataTable插件中的function()函数之间为一一对应的关系。
第二单元,在jsp文件或者HTML文件中根据设置好的ID调用已封装在iDataTable插件中的function()函数,将待创建表格的各项属性参数值配置至function()函数中;
其中,本文中涉及的表格属性参数可以是绘制表格时所需要的所有参数,例如表头参数、行数、列数等。
另外,将待创建表格的各项属性参数值配置至function()函数中后,若有渲染效果,第二单元还需要直接在此function()函数中编写代码,根据已设置的ID将其效果渲染在jsp文件或者HTML文件中。
第三单元,运行上述iDataTable插件,实现表格的创建,并向用户显示创建完成的表格。
由于需要事先在iDataTable插件中封装一个function()函数以实现iDataTable插件的调用完成表格绘制,因此还可以包括第四单元,在jsp文件或者HTML文件中创建表格之前,采用JavaScript语言创建一个新的function()函数,并将此function()函数封装在iDataTable插件中,该function()函数中预先定义有各种表格属性参数。
从上述实施例可以看出,本申请技术方案通过调用IDataTable插件,执行其核心模块,然后调用封装好的function()函数,能够通过jsp文件或者HTML文件进行高效率的编译程序,从而提高程序的编译速率。与相关技术中的IDataTable插件相比,本申请采用jQuery框架进行编码,能够有效的改善表格的实现效率,减少其开发冗余的代码量。
本领域普通技术人员可以理解上述方法中的全部或部分步骤可通过程序来指令相关硬件完成,所述程序可以存储于计算机可读存储介质中,如只读存储器、磁盘或光盘等。可选地,上述实施例的全部或部分步骤也可以使用一个或多个集成电路来实现。相应地,上述实施例中的各模块/单元可以采用硬件的形式实现,也可以采用软件功能模块的形式实现。本申请不限制于任何特定形式的硬件和软件的结合。
以上所述,仅为本发明的较佳实例而已,并非用于限定本发明的保护范围。凡在本发明的精神和原则之内,所做的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。
Claims (8)
1.一种基于iDataTable封装实现表格绘制的方法,其特征在于,包括:
在jsp文件或者HTML文件中创建表格时,为待创建表格设置独立唯一的标识ID;
在jsp文件或者HTML文件中根据所述ID调用已封装在iDataTable插件中的function()函数,将待创建表格的各项属性参数值配置至所述function()函数中,其中所述function()函数封装有表头需要展示的每一列的参数;
运行所述iDataTable插件,实现表格的创建,并向用户显示创建完成的表格;
其中,将待创建表格的各项属性参数值配置至所述function()函数中后,若有渲染效果,则在此function()函数中编写代码,根据已设置的ID将其效果渲染在jsp文件或者HTML文件中。
2.如权利要求1所述的方法,其特征在于,所述在jsp文件或者HTML文件中创建表格之前,所述方法还包括:
采用JavaScript语言创建一个新的function()函数,并将此function()函数封装在iDataTable插件中;
所述function()函数中预先定义各种表格属性参数。
3.如权利要求2所述的方法,其特征在于,所述表格属性参数至少包括表头参数。
4.如权利要求1所述的方法,其特征在于,所述为待创建表格设置独立唯一的ID包括:
在jsp文件或者HTML文件中,编写代码,设置待创建表格的ID,所述待创建表格的ID与已封装在iDataTable插件中的function()函数一一对应。
5.一种基于iDataTable封装实现表格绘制的设备,其特征在于,包括:
第一单元,在jsp文件或者HTML文件中创建表格时,为待创建表格设置独立唯一的标识ID;
第二单元,在jsp文件或者HTML文件中根据所述ID调用已封装在iDataTable插件中的function()函数,将待创建表格的各项属性参数值配置至所述function()函数中,其中所述function()函数封装有表头需要展示的每一列的参数;
第三单元,运行所述iDataTable插件,实现表格的创建,并向用户显示创建完成的表格;
其中,所述第二单元,将待创建表格的各项属性参数值配置至所述function()函数中后,若有渲染效果,则在此function()函数中编写代码,根据已设置的ID将其效果渲染在jsp文件或者HTML文件中。
6.如权利要求5所述的设备,其特征在于,还包括:
第四单元,在jsp文件或者HTML文件中创建表格之前,采用JavaScript语言创建一个新的function()函数,并将此function()函数封装在iDataTable插件中,所述function()函数中预先定义各种表格属性参数。
7.如权利要求6所述的设备,其特征在于,所述表格属性参数至少包括表头参数。
8.如权利要求5所述的设备,其特征在于,所述第一单元,为待创建表格设置独立唯一的ID包括:
在jsp文件或者HTML文件中,编写代码,设置待创建表格的ID,所述待创建表格的ID与已封装在iDataTable插件中的function()函数一一对应。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710652557.7A CN107391158B (zh) | 2017-08-02 | 2017-08-02 | 一种基于iDataTable封装实现表格绘制的方法及设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710652557.7A CN107391158B (zh) | 2017-08-02 | 2017-08-02 | 一种基于iDataTable封装实现表格绘制的方法及设备 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN107391158A CN107391158A (zh) | 2017-11-24 |
CN107391158B true CN107391158B (zh) | 2020-12-01 |
Family
ID=60344124
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710652557.7A Active CN107391158B (zh) | 2017-08-02 | 2017-08-02 | 一种基于iDataTable封装实现表格绘制的方法及设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN107391158B (zh) |
Families Citing this family (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109164999B (zh) * | 2018-08-29 | 2022-03-08 | 郑州云海信息技术有限公司 | 一种表格自适应显示的方法、装置、设备及可读存储介质 |
CN111488149B (zh) * | 2020-03-11 | 2023-07-25 | 平安健康保险股份有限公司 | 基于canvas元素的表格渲染方法、装置及计算机设备 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103425473A (zh) * | 2012-05-24 | 2013-12-04 | 腾讯科技(北京)有限公司 | 一种开放式微博的实现方法和系统 |
CN104298506A (zh) * | 2014-09-24 | 2015-01-21 | 蓝盾信息安全技术有限公司 | 一种网页分页插件的实现方法 |
CN106250156A (zh) * | 2016-08-01 | 2016-12-21 | 腾讯科技(深圳)有限公司 | 组件构建方法和装置、组件调用方法和装置 |
CN106873949A (zh) * | 2015-12-11 | 2017-06-20 | 泰康保险集团股份有限公司 | 代码生成方法及其装置 |
Family Cites Families (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7844958B2 (en) * | 2005-03-11 | 2010-11-30 | Aptana, Inc. | System and method for creating target byte code |
CN101788994A (zh) * | 2009-08-14 | 2010-07-28 | 成都迪捷信息技术有限公司 | 一种数据展示模型建立方法、数据展示方法及装置 |
US8910136B2 (en) * | 2011-09-02 | 2014-12-09 | International Business Machines Corporation | Generating code that calls functions based on types of memory |
CN103838574A (zh) * | 2014-02-20 | 2014-06-04 | 浪潮集团山东通用软件有限公司 | 一种对数据表进行分组汇总的通用方法 |
CN105138312B (zh) * | 2014-06-05 | 2018-07-03 | 阿里巴巴集团控股有限公司 | 一种表格生成方法及装置 |
CN105677627A (zh) * | 2015-12-28 | 2016-06-15 | 浪潮(北京)电子信息产业有限公司 | 一种表格操作方法及装置 |
-
2017
- 2017-08-02 CN CN201710652557.7A patent/CN107391158B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103425473A (zh) * | 2012-05-24 | 2013-12-04 | 腾讯科技(北京)有限公司 | 一种开放式微博的实现方法和系统 |
CN104298506A (zh) * | 2014-09-24 | 2015-01-21 | 蓝盾信息安全技术有限公司 | 一种网页分页插件的实现方法 |
CN106873949A (zh) * | 2015-12-11 | 2017-06-20 | 泰康保险集团股份有限公司 | 代码生成方法及其装置 |
CN106250156A (zh) * | 2016-08-01 | 2016-12-21 | 腾讯科技(深圳)有限公司 | 组件构建方法和装置、组件调用方法和装置 |
Non-Patent Citations (1)
Title |
---|
通用项目申报系统中领域逻辑层的对象模型建立方法;姚远;《信息技术与标准化》;20091110;第31-35页 * |
Also Published As
Publication number | Publication date |
---|---|
CN107391158A (zh) | 2017-11-24 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110489116B (zh) | 一种页面的渲染方法、装置及计算机存储介质 | |
CN107045438B (zh) | 一种应用顶层视图处理方法、装置及组件 | |
US20170173467A1 (en) | Technologies for native game experience in web rendering engine | |
CN111290778B (zh) | Ai模型的包装方法、平台及电子设备 | |
CN105930467A (zh) | 一种信息处理方法及电子设备 | |
CN108924029A (zh) | 一种客服数据发送的方法及装置 | |
CN110580174B (zh) | 应用组件生成方法、服务器及终端 | |
CN106648666A (zh) | 一种用户界面生成方法及系统 | |
CN108170435A (zh) | 一种源代码转换方法、装置及设备 | |
CN107391158B (zh) | 一种基于iDataTable封装实现表格绘制的方法及设备 | |
CN102693238B (zh) | Widget应用方法、系统及多媒体终端 | |
CN111190589A (zh) | 一种可视化的编程方法及终端设备 | |
CN105630491A (zh) | 程序的功能变更方法及装置 | |
CN104134228A (zh) | 基于Android系统的开/关机动画制作系统及方法 | |
CN109614565A (zh) | 网页生成方法与装置 | |
CN114546364A (zh) | 一种可视化图表组件的配置方法 | |
CN107391529B (zh) | 一种实现对象关系映射orm的方法及装置 | |
CN104133706B (zh) | 固件修改方法及固件修改装置 | |
CN109710244B (zh) | 自定义动画配置方法及装置、设备及存储介质 | |
CN113485708A (zh) | 基于Sketch的跨平台界面开发方法和系统、计算机设备和介质 | |
CN110020370B (zh) | 在客户端应用中实现动画的方法、装置及动画脚本的框架 | |
CN101149700B (zh) | 通过配置文件实现命令显示的方法 | |
CN106610828A (zh) | 基于Android系统的GIF动画播放方法及装置 | |
CN108021366B (zh) | 界面动画实现方法、装置、电子设备、存储介质 | |
CN113110829B (zh) | 多ui组件库数据处理方法及装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
TA01 | Transfer of patent application right | ||
TA01 | Transfer of patent application right |
Effective date of registration: 20201105 Address after: 215100 No. 1 Guanpu Road, Guoxiang Street, Wuzhong Economic Development Zone, Suzhou City, Jiangsu Province Applicant after: SUZHOU LANGCHAO INTELLIGENT TECHNOLOGY Co.,Ltd. Address before: 450018 Henan province Zheng Dong New District of Zhengzhou City Xinyi Road No. 278 16 floor room 1601 Applicant before: ZHENGZHOU YUNHAI INFORMATION TECHNOLOGY Co.,Ltd. |
|
GR01 | Patent grant | ||
GR01 | Patent grant |