CN110516218A - 表格的生成方法、终端和计算机可读存储介质 - Google Patents

表格的生成方法、终端和计算机可读存储介质 Download PDF

Info

Publication number
CN110516218A
CN110516218A CN201910777170.3A CN201910777170A CN110516218A CN 110516218 A CN110516218 A CN 110516218A CN 201910777170 A CN201910777170 A CN 201910777170A CN 110516218 A CN110516218 A CN 110516218A
Authority
CN
China
Prior art keywords
content
data
template
component
preset
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.)
Granted
Application number
CN201910777170.3A
Other languages
English (en)
Other versions
CN110516218B (zh
Inventor
许琳
吴龙
付祖发
林燕文
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
SHENZHEN STOCK EXCHANGE
Original Assignee
SHENZHEN STOCK EXCHANGE
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by SHENZHEN STOCK EXCHANGE filed Critical SHENZHEN STOCK EXCHANGE
Priority to CN201910777170.3A priority Critical patent/CN110516218B/zh
Publication of CN110516218A publication Critical patent/CN110516218A/zh
Application granted granted Critical
Publication of CN110516218B publication Critical patent/CN110516218B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Landscapes

  • Information Transfer Between Computers (AREA)
  • Processing Or Creating Images (AREA)

Abstract

本发明公开了一种表格的生成方法,包括:检测到表格生成指令时,根据所述表格生成指令调用预设表格组件;根据所述预设表格组件以及表格设置参数生成数据请求,并发送至后台服务器;接收到所述后台服务器根据所述数据请求返回的数据内容后,根据所述数据内容以及所述预设表格组件的模板内容渲染形成目标表格。本发明还公开了一种终端和计算机可读存储介质。本发明实现开发人员设置预设表格组件的调用指令以及表格设置参数即可生成表格,大大减少编码量和开发时间,使得表格生成效率高。

Description

表格的生成方法、终端和计算机可读存储介质
技术领域
本发明涉及计算机领域,尤其涉及一种表格的生成方法、终端和计算机可读存储介质。
背景技术
表格是前端页面最基本的数据展示方式之一,特别频繁地出现在数据统计类业务场景中。表格在前端页面中展示一般通过编码实现,现今需要在页面中生成表格时,开发人员一般根据表格的展现需求从开始到结束逐一进行编码,然而随着数据结构越来越复杂,表格的展现形式也越来越复杂,若采用现有的逐一编码的方式来开发表格,则需要大量的编码量和开发时间来实现,使得表格生成效率非常低。
上述内容仅用于辅助理解本发明的技术方案,并不代表承认上述内容是现有技术。
发明内容
本发明的主要目的在于提供一种表格的生成方法、终端和计算机可读存储介质,旨在解决现有表格生成需要大量的编码量和开发时间来实现,使得表格生成效率非常低的技术问题。
为实现上述目的,本发明提供一种表格的生成方法,所述表格的生成方法包括以下步骤:
检测到表格生成指令时,根据所述表格生成指令调用预设表格组件;
根据所述预设表格组件以及表格设置参数生成数据请求,并发送至后台服务器;
接收到所述后台服务器根据数据请求返回的数据内容后,根据所述数据内容以及所述预设表格组件的模板内容渲染形成目标表格。
可选地,所述根据所述数据内容以及所述预设表格组件的模板内容渲染形成目标表格的步骤包括:
根据所述数据内容以及所述预设表格组件的模板内容生成文档对象模型树;
渲染所述文档对象模型树形成所述目标表格。
可选地,所述根据所述内容数据以及所述预设表格组件的模板内容生成文档对象模型树的步骤包括:
根据所述数据内容中每个数据的层级确定所述每个数据在所述预设表格组件的模板内容中的位置;
将所述各个数据分别***所述模板内容的对应位置中,生成所述文档对象模型树。
可选地,所述根据所述数据内容以及所述预设表格组件的模板内容生成文档对象模型树的步骤包括:
根据所述数据内容中每个节点的属性和位置确定所述每个节点的数据在所述预设表格组件的模板内容的位置;
将所述每个节点的数据***所述模板内容的对应位置中,生成所述文档对象模型树。
可选地,所述根据所述数据内容以及所述预设表格组件的模板内容渲染形成目标表格的步骤包括:
解析所述数据内容;
根据所述解析后的数据内容以及所述预设表格组件的模板内容渲染形成目标表格。
可选地,所述解析后的数据内容包括单元格处理信息时,所述根据所述解析后的数据内容以及所述预设表格组件的模板内容渲染形成目标表格的步骤包括:
根据所述单元格处理信息对所述预设表格组件的模板内容进行处理,所述处理包括合并及/或拆分;
根据所述数据内容以及处理后的模板内容渲染形成目标表格。
可选地,所述解析后的数据内容包括页面固定区域内容以及非固定区域内容时,所述根据所述解析后的数据内容以及所述预设表格组件的模板内容渲染形成目标表格的步骤包括:
获取所述预设表格组件的模板内容的固定区域以及非固定区域;
将所述页面固定区域内容***所述模板内容的固定区域,并将所述页面非固定区域内容***所述模板内容的非固定区域;
将所述模板内容渲染以形成目标表格。
可选地,所述根据所述表格生成指令调用预设表格组件的步骤包括:
获取所述表格生成指令对应的标识信息;
根据所述标识信息调用对应的预设表格组件。
本发明还提供一种终端,所述终端包括:存储器、处理器及存储在所述存储器上并可在所述处理器上运行的表格生成程序,所述表格生成程序被所述处理器执行时实现如上所述的表格的生成方法的各个步骤。
此外,本发明还提供一种计算机可读存储介质,所述计算机可读存储介质上存储有表格生成程序,所述表格生成程序被处理器执行时实现如上所述的表格的生成方法的各个步骤。
本发明实施例提出的一种表格的生成方法、终端和计算机可读存储介质,通过预先设置通用的预设表格组件,在进行表格设置时,通过设置表格生成指令调用预设表格组件,进而根据所述预设表格组件以及表格设置参数生成数据请求,并发送后台服务器,接收到所述后台服务器根据所述数据请求返回的数据内容后,根据所述数据内容以及所述预设表格组件的模板内容渲染形成目标表格,如此,开发人员只需要设置预设表格组件的调用指令以及表格设置参数即可实现表格的生成,大大减少编码量和开发时间,使得表格生成效率高。
附图说明
图1是本发明实施例方案涉及的硬件运行环境的终端结构示意图;
图2为本发明表格的生成方法的一实施例流程示意图;
图3为本发明表格的生成方法的另一实施例中步骤S30进一步细化的流程示意图;
图4为图3中步骤S31进一步细化的一实施例流程示意图;
图5为图3中步骤S31进一步细化的另一实施例流程示意图;
图6为本发明表格的生成方法的又一实施例中步骤S30进一步细化的流程示意图;
图7为图6中步骤S34进一步细化的一实施例流程示意图;
图8为图6中步骤S34进一步细化的另一实施例流程示意图。
本发明目的的实现、功能特点及优点将结合实施例,参照附图做进一步说明。
具体实施方式
应当理解,此处所描述的具体实施例仅仅用以解释本发明,并不用于限定本发明。
本发明实施例的主要解决方案是:检测到表格生成指令时,根据所述表格生成指令调用预设表格组件;根据所述预设表格组件以及表格设置参数生成数据请求,并发送至后台服务器;接收到所述后台服务器根据数据请求返回的数据内容后,根据所述数据内容以及所述预设表格组件的模板内容渲染形成目标表格。
如图1所示,图1是本发明实施例方案涉及的硬件运行环境的终端结构示意图。
本发明实施例终端可以是PC,也可以是智能手机、平板电脑、等具有显示功能的终端设备。
如图1所示,该终端可以包括:处理器1001,例如CPU,网络接口1004,用户接口1003,存储器1005,通信总线1002。其中,通信总线1002用于实现这些组件之间的连接通信。用户接口1003可以包括显示屏(Display)、输入单元比如键盘(Keyboard),可选用户接口1003还可以包括标准的有线接口、无线接口。网络接口1004可选的可以包括标准的有线接口、无线接口(如WI-FI接口)。存储器1005可以是高速RAM存储器,也可以是稳定的存储器(non-volatile memory),例如磁盘存储器。存储器1005可选的还可以是独立于前述处理器1001的存储装置。
可选地,终端还可以包括摄像头、RF(Radio Frequency,射频)电路,传感器、音频电路、WiFi模块、定位模块等等。其中,传感器比如光传感器、运动传感器以及其他传感器。具体地,光传感器可包括环境光传感器及接近传感器,其中,环境光传感器可根据环境光线的明暗来调节显示屏的亮度,接近传感器可在移动终端移动到耳边时,关闭显示屏和/或背光。作为运动传感器的一种,重力加速度传感器可检测各个方向上(一般为三轴)加速度的大小,静止时可检测出重力的大小及方向,可用于识别移动终端姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等;所述定位模块如GPS模块或北斗定位模块等等;当然,移动终端还可配置陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器,在此不再赘述。
本领域技术人员可以理解,图1中示出的终端结构并不构成对终端的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。
如继续参照图1所示,作为一种计算机存储介质的存储器1005中可以包括操作***、网络通信模块、用户接口模块以及表格生成程序。
在图1所示的终端中,网络接口1004主要用于连接后台服务器,与后台服务器进行数据通信;用户接口1003主要用于连接客户端(用户端),与客户端进行数据通信;而处理器1001可以用于调用存储器1005中存储的表格生成程序,并执行以下操作:
检测到表格生成指令时,根据所述表格生成指令调用预设表格组件;
根据所述预设表格组件以及表格设置参数生成数据请求,并发送至后台服务器;
接收到所述后台服务器根据数据请求返回的数据内容后,根据所述数据内容以及所述预设表格组件的模板内容渲染形成目标表格。
进一步地,处理器1001可以调用存储器1005中存储的表格生成程序,还执行以下操作:
根据所述数据内容以及所述预设表格组件的模板内容生成文档对象模型树;
渲染所述文档对象模型树形成所述目标表格。
进一步地,处理器1001可以调用存储器1005中存储的表格生成程序,还执行以下操作:
根据所述数据内容中每个数据的层级确定所述每个数据在所述预设表格组件的模板内容中的位置;
将所述各个数据分别***所述模板内容的对应位置中,生成所述文档对象模型树。
进一步地,处理器1001可以调用存储器1005中存储的表格生成程序,还执行以下操作:
根据所述数据内容中每个节点的属性和位置确定所述每个节点的数据在所述预设表格组件的模板内容的位置;
将所述每个节点的数据***所述模板内容的对应位置中,生成所述文档对象模型树。
进一步地,处理器1001可以调用存储器1005中存储的表格生成程序,还执行以下操作:
解析所述数据内容;
根据所述解析后的数据内容以及所述预设表格组件的模板内容渲染形成目标表格。
进一步地,处理器1001可以调用存储器1005中存储的表格生成程序,还执行以下操作:
根据所述单元格处理信息对所述预设表格组件的模板内容进行处理,所述处理包括合并及/或拆分;
根据所述数据内容以及处理后的模板内容渲染形成目标表格。
进一步地,处理器1001可以调用存储器1005中存储的表格生成程序,还执行以下操作:
获取所述预设表格组件的模板内容的固定区域以及非固定区域;
将所述页面固定区域内容***所述模板内容的固定区域,并将所述页面非固定区域内容***所述模板内容的非固定区域;
将所述模板内容渲染以形成目标表格。
进一步地,处理器1001可以调用存储器1005中存储的表格生成程序,还执行以下操作:
获取所述表格生成指令对应的标识信息;
根据所述标识信息调用对应的预设表格组件。
参照图2,本发明提供一种表格的生成方法的一实施例,所述表格的生成方法应用于网页页面的表格生成,具体所述表格的生成方法包括以下步骤:
步骤S10,检测到表格生成指令时,根据所述表格生成指令调用预设表格组件;
步骤S20,根据所述预设表格组件以及表格设置参数生成数据请求,并发送至后台服务器;
步骤S30,接收到所述后台服务器根据所述数据请求返回的数据内容后,根据所述数据内容以及所述预设表格组件的模板内容渲染形成目标表格。
本实施例执行于前端页面,所述前端页面与后台服务器通讯连接,实现所述前端页面与所述后台服务器之间的数据传输。
本实施例所述表格的生成方法是基于预先设置表格组件,若基于要生成新表格而进行编码时,通过设置表格生成指令调用预设表格组件,进而直接通过一些数据内容更新所述预设表格组件的模板内容的方式来呈现新表格,可节省大部分代码的编写。
所述预设表格组件是基于AngularJS 1.x框架实现的一种复杂表格组件,采用AngularJS中指令的开发方式以及它内置的ng-repeat指令,通过构建合理的指令模板以及合理实现指令link过程,以简单,便捷,可复用的组件,来完成大量需要原生HTML+Javascript的开发工作。后续再开发表格时,只需设置对相关的Javascript文件进行引用,就可以实现复杂的表单功能。
具体地,所述预设表格组件包括数据传输格式规范性的封装以及模板内容的更新方法的封装,所述预设表格组件所规范的是前端页面和后台服务器之间的数据传输格式,具体通过定义后台服务器根据前端页面下发的数据请求的数据格式返回与所述数据格式相同的数据内容,如此,前端页面接收到后台服务器返回的数据内容时,不需要对所述数据内容的层级关系进行调整和转换。所述模板内容包括固定列区域和非固定列区域,将所述固定列区域和非固定列区域独立设置。也即所述预设表格组件是通过规范前后端的数据传输格式,隔离划分固定表格内容与可拖动表格内容,运用Angular.js内置指令ng-repeat的相关特性,对接收到的数据内容(表格数据)进行模板渲染。后续开发人员只需要在HTML中引用相关的指令js文件,并在html中具体模板位置,配置相应的表格设置参数,就可以在极短的时间内完成表格开发。
所述预设表格组件封装完成后,存储在预设存储区中,在复杂表格开发时,开发人员在HTML中设置表格生成指令,且所述表格生成指令包含所述预设表格组件的识别信息,所述识别信息包括所述预设表格组件的地址信息或者与所述预设表格组件具有关联关系的标识符等。在前端页面运行的过程中,若检测到所述表格生成指令,则获取所述表格生成指令对应的标识信息,进而根据所述标识信息调用对应的预设表格组件,采用所述预设表格组件进行表格的生成。
进一步地,所述根据所述预设表格组件以及表格设置参数生成数据请求,并发送至后台服务器的步骤包括:
根据所述预设表格组件中的预设传输格式以及表格设置参数生成数据请求,并发送至后台服务器。
在获取到所述预设表格组件后,基于所述预设表格组件中预设的传输格式以及开发人员根据表格需求设定的表格设置参数生成数据请求,并发送至后台服务器,后台服务器接收到所述数据请求后,根据所述数据请求的预设传输格式以及表格设置参数返回与所述传输格式相同的数据内容至前端页面,如此,前端页面接收到后台服务器传输的数据内容后,不需要进行复制的数据处理和转换,提高数据处理效率。
其中,所述表格设置参数包括行数、列数、合并项、拆分项、固定列及/或行数、非固定列及/行数以及表格数据的地址信息等,所述表格设置参数由开发人员对页面表格的需求而设置。后台服务器接收到所述表格设置参数后,根据所述表格数据的地址信息调用表格数据,根据所述行数、列数以及所述表格数据转换成与所述传输格式相同的数据内容,进而将所述数据内容返回至所述前端页面。
所述前端页面接收到所述后台服务器根据所述数据请求返回的数据内容后,根据所述数据内容以及所述预设表格组件的模板内容渲染形成目标表格。所述模板内容为表格框架结构,在前端页面获取到所述数据内容后,根据所述数据内容填充所述表格框架,以展示请求生成的目标表格。
前端页面获取到所述数据内容后,将所述数据内容填充到所述表格框架的方式有多种,如根据数据内容中的各个数据定义的位置***所述模板内容对应的位置,进而渲染所述模板内容;或者数据内容中的各个数据定义成树形结构,直接将所述树形结构的数据内容***所述模板内容中,进而渲染所述模板内容。
本实施例通过预先设置通用的预设表格组件,在进行表格设置时,通过设置表格生成指令调用预设表格组件,进而根据所述预设表格组件以及表格设置参数生成数据请求,并发送后台服务器,接收到所述后台服务器根据所述数据请求返回的数据内容后,根据所述数据内容以及所述预设表格组件的模板内容渲染形成目标表格,如此,开发人员只需要设置预设表格组件的调用指令以及表格设置参数即可实现表格的生成,大大减少编码量和开发时间,使得表格生成效率高。
在另一实施例,参照图3,基于上述实施例,本实施例中,接收到所述后台服务器根据所述数据请求返回的数据内容后,所述根据所述数据内容以及所述预设表格组件的模板内容渲染形成目标表格的步骤包括:
步骤S31,根据所述数据内容以及所述预设表格组件的模板内容生成文档对象模型树;
步骤S32,渲染所述文档对象模型树形成所述目标表格。
前端页面接收到后台服务器返回的数据内容后,则根据所述数据内容更新所述预设表格组件的模板内容,以实现在页面上呈现目标表格,具体在程序执行过程中,调用所述预设表格组件后,则独立执行所述预设表格组件,所述预设表格组件检测到数据内容更新后,根据所述数据内容以及所述预设表格组件的模板内容生成生成文档对象模型树(以下称为DOM树),进而采用采用ng-repeat指令去渲染所述DOM树上的节点数据,生成所需求的目标表格。
其中,所述数据内容的类型可以是普通JSON数组,也可以是树形JSON,所述后台服务器具体根据预设的传输方式确定所述数据内容的类型。本实施例中,根据所述数据内容以及所述预设表格组件的模板内容生成文档对象模型树具体过程基于所述数据内容的类型不同而不同,具体如下:
一、参照图4,在所述数据内容的类型为数组时,所述根据所述内容数据以及所述预设表格组件的模板内容生成文档对象模型树的步骤包括:
步骤S311,根据所述数据内容中每个数据的层级确定所述每个数据在所述预设表格组件的模板内容中的位置;
步骤S312,将所述各个数据分别***所述模板内容的对应位置中,生成所述文档对象模型树。
也即所述数据内容的类型为普通JSON数组时,由于后台服务器根据预设的传输格式返回所述数据内容,所述数据内容中的每个数据定义有位置、主题以及层级等,根据每个数据的层级确定所述每个数据在所述预设表格组件的模板内容中的层级,进而根据所述层级确定每个所述数据在所述预设表格组件的模板内容中的位置,从而将所述各个数据分别***所述模板内容的对应位置中,基于所述模板内容以及所述数据内容生成文档对应模型树。
二、参照图5,在所述数据内容的类型为树形时,所述根据所述数据内容以及所述预设表格组件的模板内容生成文档对象模型树的步骤包括:
步骤S313,根据所述数据内容中每个节点的属性和位置确定所述每个节点的数据在所述预设表格组件的模板内容的位置;
步骤S314,将所述每个节点的数据***所述模板内容的对应位置中,生成所述文档对象模型树。
也即所述数据内容的类型为树形时,也即所述后台服务器根据预设的传输格式返回树形数据内容,所述树形数据内容中的每个节点具有其属性以及位置,在接收到所述数据内容后,依次获取所述数据内容中的每个节点的属性和位置,获取所宿舍表格组件的模板内容中与所述属性以及位置相同的位置,进而将所述节点的数据***所述模板内容的对应位置中,实现根据所述数据内容以及所述模板内容生成所述DOM树。
本实施例中的前端页面在获取到数据内容后,根据所述数据内容以及所述预设表格组件的模板内容生成文档对象模型树;进而渲染所述文档对象模型树实现快速形成所述目标表格。
在又一实施例中,参照图6,本实施例基于上述所有实施例,接收到所述后台服务器根据所述数据请求返回的数据内容后,所述根据所述数据内容以及所述预设表格组件的模板内容渲染形成目标表格的步骤包括:
步骤S33,解析所述数据内容;
步骤S34,根据所述解析后的数据内容以及所述预设表格组件的模板内容渲染形成目标表格。
所述数据内容包括表格设置参数、表格数据等内容,其中所述表格设置参数包括行数、列数、合并单元信息以及拆分单元信息中的一种或多种,因此,在获取到所述数据内容后,先解析所述数据内容,以确定所述数据内容的具体包括的信息,如所述数据内容解析后包括单元格处理信息、页面固定列或非固定区域内容信息等,基于解析后的数据内容进行一一处理后进而渲染,以得到目标表格。
其中,本实施例中采用数据转化的方式对所述数据内容进行解析,转换后得到渲染的数据格式、合并单元格信息、页面固定列、非固定区域内容合并单元格字段中的至少一种时,将所述解析后的数据内容传输到预设表格组件中,以根据所述预设表格组件的模板内容进行配置和渲染,得到用户需求的表格。
具体地,参照图7所示,当所述解析后的数据内容包括单元格处理信息时,所述根据所述解析后的数据内容以及所述预设表格组件的模板内容渲染形成目标表格的步骤包括:
步骤S341,根据所述单元格处理信息对所述预设表格组件的模板内容进行处理,所述处理包括合并及/或拆分;
步骤S342,根据所述数据内容以及处理后的模板内容渲染形成目标表格。
开发人员开发的表格与模板内容不同时,需要基于所述模板内容的单元格进行处理,如合并或拆分等,基于此,开发人员在设置表格设置参数时,根据需求将所述单元格处理信息设置在所述表格设置参数中,后台服务器根据所述表格设置参数以及预设模板组件生成的数据内容中包括所述单元格处理信息,或者开发人员在设置表格设置参数时,将表格的需求设置在所述表格设置参数中,后台服务器根据所述表格设置参数转换成单元格处理信息,返回至前端页面,前端页面根据所述单元格处理信息对所述预设组件的模板内容进行处理,进而渲染成目标表格,呈现在页面上。其中,所述合并包括合并行及/列,所述拆分包括拆分行及/列。
在其它实施例中,基于所述数据内容为树形结构时,所述解析后的数据内容包括单元格处理信息时,所述根据所述解析后的数据内容以及所述预设表格组件的模板内容渲染形成目标表格的步骤包括:根据所述解析后的数据内容以及所述预设表格组件的模板内容生成文档对象模型树的过程中,文档对象模型树的节点完成时,若该节点需要进行单元格处理,则对所述文档对象模型树的节点进行处理,如合并及/或拆分处理,所述文档对象模型树的节点处理后,渲染所述文档对象模型树,以形成目标表格。
在进一步方案中,所述根据所述数据内容以及所述预设表格组件的模板内容生成文档对象模型树的步骤包括:根据解析后的数据内容生成DOM树,在DOM树节点生时,确定该节点是否需要进行单元格处理,若需要,则对所述节点进行单元格处理,进而在所述DOM树完全生成后,将所述DOM树上各个节点***所述模板内容中,实现目标表格的生成。
具体地,参照图8,当所述解析后的数据内容包括页面固定区域内容以及非固定区域内容时,所述根据所述解析后的数据内容以及所述预设表格组件的模板内容渲染形成目标表格的步骤包括:
步骤S343,获取所述预设表格组件的模板内容的固定区域以及非固定区域;
步骤S344,将所述页面固定区域内容***所述模板内容的固定区域,并将所述页面非固定区域内容***所述模板内容的非固定区域;
步骤S345,将所述模板内容渲染以形成目标表格。
预设模板内容包括固定区域和非固定区域,所述解析后的数据内容包括页面固定区域内容以及非固定区域内容时,将所述数据内容中的页面固定区域内容***所述模板内容对应的固定区域,而将所述数据内容中的非固定区域***所述模板内容对应的非固定区域。
在其他实施例中,若所述数据内容为树形结构时,且解析后的数据内容包括页面固定区域内容和非固定区域内容时,将所述页面固定区域内容对应的节点***所述模板内容对应的固定区域节点上,将所述页面非固定区域内容对应的节点***所述模板内容对应的非固定区域节点上,实现动态表格和静态表格的快速生成。
另外,本实施例中所述数据内容解析后,根据所述数据内容以及预设模板组件生成DOM树过程中,页面固定区域内容形成独立的DOM树,页面非固定区域内容也形成独立的DOM树,在渲染形成目标表格的过程中,通过将所述页面固定内容形成的DOM树***模板内容中的固定区域,而将页面非固定内容形成的DOM树***模板内容中的非固定区域,渲染后呈现组合后的目标表格。
本实施例中所述模板内容设置所述固定区域与非固定区域联动,在页面上拖动所述非固定区域的表格时,所述固定区域的表格随之移动,也即拖动时保持两块区域的联动。
本实施例通过设置模板内容为动态模板,可基于数据内容进行合并、拆分、制作动态表格和非动态表格等设置,数据内容多样化设置,实现复杂表格的快速生成,提高复杂表格的生成效率。
本发明还提供一种终端,所述终端包括:存储器、处理器及存储在所述存储器上并可在所述处理器上运行的表格生成程序,所述表格生成程序被所述处理器执行时实现如上所述的表格的生成方法的各个实施例。
此外,本发明还提供一种计算机可读存储介质,所述计算机可读存储介质上存储有表格生成程序,所述表格生成程序被处理器执行时实现如上所述的表格的生成方法的各个实施例。
以上仅为本发明的可选实施例,并非因此限制本发明的专利范围,凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换,或直接或间接运用在其他相关的技术领域,均同理包括在本发明的专利保护范围内。

Claims (10)

1.一种表格的生成方法,其特征在于,所述表格的生成方法包括以下步骤:
检测到表格生成指令时,根据所述表格生成指令调用预设表格组件;
根据所述预设表格组件以及表格设置参数生成数据请求,并发送至后台服务器;
接收到所述后台服务器根据所述数据请求返回的数据内容后,根据所述数据内容以及所述预设表格组件的模板内容渲染形成目标表格。
2.如权利要求1所述的表格的生成方法,其特征在于,所述根据所述数据内容以及所述预设表格组件的模板内容渲染形成目标表格的步骤包括:
根据所述数据内容以及所述预设表格组件的模板内容生成文档对象模型树;
渲染所述文档对象模型树形成所述目标表格。
3.如权利要求2所述的表格的生成方法,其特征在于,所述根据所述内容数据以及所述预设表格组件的模板内容生成文档对象模型树的步骤包括:
根据所述数据内容中每个数据的层级确定所述每个数据在所述预设表格组件的模板内容中的位置;
将所述各个数据分别***所述模板内容的对应位置中,生成所述文档对象模型树。
4.如权利要求2所述的表格的生成方法,其特征在于,所述根据所述数据内容以及所述预设表格组件的模板内容生成文档对象模型树的步骤包括:
根据所述数据内容中每个节点的属性和位置确定所述每个节点的数据在所述预设表格组件的模板内容的位置;
将所述每个节点的数据***所述模板内容的对应位置中,生成所述文档对象模型树。
5.如权利要求1所述的表格的生成方法,其特征在于,所述根据所述数据内容以及所述预设表格组件的模板内容渲染形成目标表格的步骤包括:
解析所述数据内容;
根据所述解析后的数据内容以及所述预设表格组件的模板内容渲染形成目标表格。
6.如权利要求5所述的表格的生成方法,其特征在于,所述解析后的数据内容包括单元格处理信息时,所述根据所述解析后的数据内容以及所述预设表格组件的模板内容渲染形成目标表格的步骤包括:
根据所述单元格处理信息对所述预设表格组件的模板内容进行处理,所述处理包括合并及/或拆分;
根据所述数据内容以及处理后的模板内容渲染形成目标表格。
7.如权利要求5所述的表格的生成方法,其特征在于,所述解析后的数据内容包括页面固定区域内容以及非固定区域内容时,所述根据所述解析后的数据内容以及所述预设表格组件的模板内容渲染形成目标表格的步骤包括:
获取所述预设表格组件的模板内容的固定区域以及非固定区域;
将所述页面固定区域内容***所述模板内容的固定区域,并将所述页面非固定区域内容***所述模板内容的非固定区域;
将所述模板内容渲染以形成目标表格。
8.如权利要求1所述的表格的生成方法,其特征在于,所述根据所述表格生成指令调用预设表格组件的步骤包括:
获取所述表格生成指令对应的标识信息;
根据所述标识信息调用对应的预设表格组件。
9.一种终端,其特征在于,所述终端包括:存储器、处理器及存储在所述存储器上并可在所述处理器上运行的表格生成程序,所述表格生成程序被所述处理器执行时实现如权利要求1至8中任一项所述的表格的生成方法的步骤。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质上存储有表格生成程序,所述表格生成程序被处理器执行时实现如权利要求1至8中任一项所述的表格的生成方法的步骤。
CN201910777170.3A 2019-08-21 2019-08-21 表格的生成方法、终端和计算机可读存储介质 Active CN110516218B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910777170.3A CN110516218B (zh) 2019-08-21 2019-08-21 表格的生成方法、终端和计算机可读存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910777170.3A CN110516218B (zh) 2019-08-21 2019-08-21 表格的生成方法、终端和计算机可读存储介质

Publications (2)

Publication Number Publication Date
CN110516218A true CN110516218A (zh) 2019-11-29
CN110516218B CN110516218B (zh) 2023-10-10

Family

ID=68627120

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910777170.3A Active CN110516218B (zh) 2019-08-21 2019-08-21 表格的生成方法、终端和计算机可读存储介质

Country Status (1)

Country Link
CN (1) CN110516218B (zh)

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111090975A (zh) * 2019-12-10 2020-05-01 金蝶软件(中国)有限公司 数据打印方法、数据处理***及计算机存储介质
CN112749168A (zh) * 2021-01-19 2021-05-04 国网江苏省电力有限公司无锡供电分公司 一种模型树结构的生成方法、装置、设备和存储介质
CN113126984A (zh) * 2021-04-06 2021-07-16 北京明略昭辉科技有限公司 基于表格组件的数据渲染方法、***、设备及存储介质
CN115563111A (zh) * 2022-09-27 2023-01-03 国网江苏省电力有限公司超高压分公司 一种换流站***动态模型组态方法及***
CN116107576A (zh) * 2023-04-14 2023-05-12 小米汽车科技有限公司 页面组件的渲染方法、装置、电子设备和车辆

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105138312A (zh) * 2014-06-05 2015-12-09 阿里巴巴集团控股有限公司 一种表格生成方法及装置
CN105183489A (zh) * 2015-10-10 2015-12-23 南京国电南自轨道交通工程有限公司 一种基于Extjs框架的数据智能分析***及方法
CN107977351A (zh) * 2017-12-28 2018-05-01 平安科技(深圳)有限公司 电子报表生成方法、装置、计算机设备及存储介质
CN108090035A (zh) * 2016-11-23 2018-05-29 北京国双科技有限公司 数据处理方法及装置

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105138312A (zh) * 2014-06-05 2015-12-09 阿里巴巴集团控股有限公司 一种表格生成方法及装置
CN105183489A (zh) * 2015-10-10 2015-12-23 南京国电南自轨道交通工程有限公司 一种基于Extjs框架的数据智能分析***及方法
CN108090035A (zh) * 2016-11-23 2018-05-29 北京国双科技有限公司 数据处理方法及装置
CN107977351A (zh) * 2017-12-28 2018-05-01 平安科技(深圳)有限公司 电子报表生成方法、装置、计算机设备及存储介质

Cited By (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111090975A (zh) * 2019-12-10 2020-05-01 金蝶软件(中国)有限公司 数据打印方法、数据处理***及计算机存储介质
CN111090975B (zh) * 2019-12-10 2024-04-19 金蝶软件(中国)有限公司 数据打印方法、数据处理***及计算机存储介质
CN112749168A (zh) * 2021-01-19 2021-05-04 国网江苏省电力有限公司无锡供电分公司 一种模型树结构的生成方法、装置、设备和存储介质
CN112749168B (zh) * 2021-01-19 2022-09-30 国网江苏省电力有限公司无锡供电分公司 一种模型树结构的生成方法、装置、设备和存储介质
CN113126984A (zh) * 2021-04-06 2021-07-16 北京明略昭辉科技有限公司 基于表格组件的数据渲染方法、***、设备及存储介质
CN115563111A (zh) * 2022-09-27 2023-01-03 国网江苏省电力有限公司超高压分公司 一种换流站***动态模型组态方法及***
CN116107576A (zh) * 2023-04-14 2023-05-12 小米汽车科技有限公司 页面组件的渲染方法、装置、电子设备和车辆

Also Published As

Publication number Publication date
CN110516218B (zh) 2023-10-10

Similar Documents

Publication Publication Date Title
CN110516218A (zh) 表格的生成方法、终端和计算机可读存储介质
CN109725901B (zh) 前端代码的开发方法、装置、设备和计算机存储介质
US10284705B2 (en) Method and apparatus for controlling smart device, and computer storage medium
CN106775836B (zh) 界面显示方法及界面显示装置
US20130238982A1 (en) Methods and apparatus for editing an application webpage
CN111104635B (zh) 一种表格网页的生成方法和装置
CN110297636B (zh) 一种基于页面配置文件的页面自动生成和参数管理方法、***和装置
CN108376094B (zh) 通知消息显示方法、装置、计算机设备和存储介质
CN104820589B (zh) 一种动态适配网页的方法及其装置
CN107992301A (zh) 用户界面实现方法、客户端及存储介质
CN111026490B (zh) 页面渲染方法、装置、电子设备及存储介质
US20210337015A1 (en) Method and system of application development for multiple device client platforms
CN111178012A (zh) 一种表单渲染方法、装置、设备及存储介质
CN107666406B (zh) 智能卡片显示方法及装置
CN106780684B (zh) 一种动画效果实现方法及装置
CN108427546A (zh) 显示装置的全屏幕适配方法、显示装置及存储介质
CN102077553B (zh) 用于提供背景触发的背景模型分发的方法、设备和计算机程序产品
EP2711846A1 (en) Method and device for processing template file
CN111782314A (zh) 网页表单的处理方法、装置、电子设备及存储介质
US20200159789A1 (en) Method and device for page display, and storage medium
CN108024136A (zh) 加载用户界面的方法、智能电视及计算机可读存储介质
CN110399583A (zh) 页面显示方法、装置、电子设备以及存储介质
CN110609965A (zh) 一种页面显示方法、装置和存储介质
CN109614173A (zh) 一种换肤方法及装置
CN105988814A (zh) 界面生成方法及装置

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
GR01 Patent grant
GR01 Patent grant