表格页面展示方法、装置、设备、系统及存储介质制造方法及图纸

技术编号:39250780 阅读:13 留言:0更新日期:2023-10-30 12:02
本申请公开了一种表格页面展示方法、装置、设备、系统及存储介质,涉及计算机技术领域。该方法应用于前端设备,包括:在监听到表格文件上传事件时,通过主线程获取所上传的目标表格文件,并向工作线程传输目标表格文件;通过工作线程解析目标表格文件,得到展示参考数据,并向主线程反馈展示参考数据;通过主线程根据展示参考数据,生成并展示表格展示页面。根据本申请的技术,实现了表格页面展示的前后端解耦,提高了表格页面展示效率。提高了表格页面展示效率。提高了表格页面展示效率。

【技术实现步骤摘要】
表格页面展示方法、装置、设备、系统及存储介质


[0001]本申请实施例涉及计算机
,尤其涉及一种表格页面展示方法、装置、设备、系统及存储介质。

技术介绍

[0002]随着计算机技术的飞速发展,应用软件应运而生,通过各种程序设计语言所编制的应用程序,满足不同领域、不同问题的应用需求,从而拓宽计算机系统的应用领域,放大硬件功能。
[0003]在应用程序使用过程中,通常通过前端设备进行页面内容展示,便于进行内容呈现,同时作为与后端服务器进行数据交互的基础。在前端设备中导入并展示表格文件中的表格数据时,通常会将表格文件传输至后端服务器,由后端服务器配合前端设备进行表格数据展示。

技术实现思路

[0004]本申请实施例提供一种表格页面展示方法、装置、设备、系统及存储介质,以实现表格展示的前后端解耦,减少前后端交互次数,且提高表格数据展示效率。
[0005]第一方面,本申请实施例提供了一种表格页面展示方法,应用于前端设备,包括:
[0006]在监听到表格文件上传事件时,通过主线程获取所上传的目标表格文件,并向工作线程传输所述目标表格文件;
[0007]通过所述工作线程解析所述目标表格文件,得到展示参考数据,并向所述主线程反馈所述展示参考数据;
[0008]通过所述主线程根据所述展示参考数据,生成并展示表格展示页面。
[0009]第二方面,本申请实施例还提供了一种表格页面展示装置,配置于前端设备,包括:
[0010]目标表格文件获取模块,用于在监听到表格文件上传事件时,通过主线程获取所上传的目标表格文件,并向工作线程传输所述目标表格文件;
[0011]目标表格文件解析模块,用于通过所述工作线程解析所述目标表格文件,得到展示参考数据,并向所述主线程反馈所述展示参考数据;
[0012]表格展示页面展示模块,用于通过所述主线程根据所述展示参考数据,生成并展示表格展示页面。
[0013]第三方面,本申请实施例还提供了一种电子设备,包括存储器,处理器及存储在存储器上并可在处理器运行的计算机程序,所述处理器执行所述计算机程序时实现本申请实施例所提供的任意一种表格页面展示方法。
[0014]第四方面,本申请实施例还提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现本申请实施例所提供的任意一种表格页面展示方法。
[0015]第五方面,本申请实施例还提供了一种计算机程序产品,包括计算机程序,所述计
算机程序在被处理器执行时实现本申请实施例所提供的任意一种表格页面展示方法。
[0016]本申请实施例中,在前端设备中直接执行表格页面展示方法,无需向后端服务器进行数据传输,实现了表格页面展示过程的前后端解耦,减少了前后端交互次数,增强了使用体验。同时,在前端设备中,将对目标表格文件进行解析这种处理过程复杂且处理时间较长的操作,在主线程之外的工作线程中并行处理,不会阻塞主线程运行,从而提高了前端设备的页面展示响应性进而提高了表格页面展示效率。
附图说明
[0017]为了更清楚地说明本申请实施例的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,应当理解,以下附图仅示出了本申请的某些实施例,因此不应被看作是对范围的限定,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他相关的附图。
[0018]图1是本申请实施例提供的一种表格页面展示方法的流程图;
[0019]图2是本申请实施例提供的另一种表格页面展示方法的流程图;
[0020]图3是本申请实施例提供的另一种表格页面展示方法的流程图;
[0021]图4是本申请实施例提供的另一种表格页面展示方法的流程图;
[0022]图5是本申请实施例提供的另一种表格页面展示方法的流程图;
[0023]图6是本申请实施例提供的一种表格页面展示装置的结果图;
[0024]图7是本申请实施例提供的一种实现表格页面展示方法的电子设备的结构图。
具体实施方式
[0025]下面结合附图和实施例对本申请作进一步的详细说明。可以理解的是,此处所描述的具体实施例仅仅用于解释本申请,而非对本申请的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与本申请相关的部分而非全部结构。
[0026]应注意到:相似的标号和字母在下面的附图中表示类似项,因此,一旦某一项在一个附图中被定义,则在随后的附图中不需要对其进行进一步定义和解释。同时,在本申请的描述中,术语“第一”、“第二”等仅用于区分描述,而不能理解为指示或暗示相对重要性。本申请技术方案中对表格文件上传事件、目标表格文件、表格展示取消事件等数据的获取、存储、使用、处理等均符合国家法律法规的相关规定。
[0027]本申请实施例所提供的各表格页面展示方法和表格页面展示装置,是否用于在前端设备中进行表格展示页面展示的情况。该表格页面展示方法,可以由表格页面展示装置执行,该装置可以采用软件和/或硬件实现,并具体配置于电子设备中,该电子设备可以是具备页面显示能力、且支持多线程的前端设备。
[0028]为了便于理解,首先对表格页面展示方法进行详细说明。
[0029]参见图1所示的表格页面展示方法,应用于前端设备,包括:
[0030]S110、在监听到表格文件上传事件时,通过主线程获取所上传的目标表格文件,并向工作线程传输目标表格文件。
[0031]其中,主线程为前端设备中专用于执行页面渲染、和页面展示等至少一种功能的线程,用于支撑前端展示和人机交互等功能中的至少一种。工作线程为前端设备中专用于
实现表格文件解析等功能的线程。其中,主线程和工作线程可以并行进行数据处理。其中,主线程与工作线程之间可以进行数据传输,本申请对不同线程之间的数据传输方式,不作任何限定。
[0032]其中,对表格文件上传事件的监听操作,可以通过主线程来实现,或在前端设备中专门设置用于事件监听的监听线程,本申请对此不作任何限定。
[0033]其中,表格文件上传事件为上传或导入表格文件所对应事件,并将该事件对应的表格文件称为目标表格文件。其中,单个表格文件上传事件对应的目标表格文件可以为至少一个,本申请对目标表格文件的具体数量不作任何限定。当然,为了避免单次进行大量目标表格文件的上传,影响表格页面展示性能,还可以预先设置单个表格文件上传事件对应目标表格文件的数量上限阈值,也即对单次上传的目标表格文件数量进行约束。其中,数量上限阈值可以由技术人员根据需要或经验进行设置,或通过大量试验反复确定,本申请对此不作任何限定。
[0034]需要说明的是,目标表格文件可以是携带有表格数据的文件,本申请对目标表格文件的具体呈现形式不作任何限定,例如可以是Excel文件。
[0035]在一个可选实施例中,工作线程可以在主线程开始运行时,创建生成;相应的,在主线程运行周期过程中,工作线程随时配合接收主线程所发送的目标表本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种表格页面展示方法,其特征在于,应用于前端设备,包括:在监听到表格文件上传事件时,通过主线程获取所上传的目标表格文件,并向工作线程传输所述目标表格文件;通过所述工作线程解析所述目标表格文件,得到展示参考数据,并向所述主线程反馈所述展示参考数据;通过所述主线程根据所述展示参考数据,生成并展示表格展示页面。2.根据权利要求1所述的方法,其特征在于,所述通过所述工作线程解析所述目标表格文件,得到展示参考数据,包括:通过所述工作线程解析所述目标表格文件,得到设定格式的表格内容数据,以及不同表格内容数据的内容分布数据;生成包括所述表格内容数据和所述内容分布数据的展示参考数据。3.根据权利要求2所述的方法,其特征在于,所述表格内容数据包括表头内容数据和表体内容数据;所述内容分布数据包括表头内容分布和表体内容分布;相应的,所述通过所述主线程根据所述展示参考数据,生成并展示表格展示页面,包括:通过所述主线程,根据所述表头内容分布和所述表体内容分布,生成页面表头和页面表体;根据所述表头内容分布,在所述页面表头中填充表头内容数据,以及,根据所述表体内容分布,在所述页面表体中填充表体内容数据;根据填充后的页面表头和填充后的页面表体,生成并展示表格展示页面。4.根据权利要求2所述的方法,其特征在于,所述设定格式为JSON JS对象简谱格式或二维数组格式。5.根据权利要求1所述的方法,其特征在于,在所述向工作线程传输所述目标表格文件之前,所述方法还包括:对所述目标表格文件进行文件形式校验;若校验通过,则触发执行向所述工作线程的目标表格文件传输操作。6.根据权利要求5所述的方法,其特征在于,所述方法还包括:若校验不通过,则生成并展示形式校验失败提醒。7.根据权利要求1所述的方法,其特征在于,在所述解析所述目标表格文件过程中,所述方法还包括:通过所述工作线程对所述目标表格文件进行文件内容校验;若校验通过,则生成所述展示参考数据。8.根据权利要求7所述的方法,其特征在...

【专利技术属性】
技术研发人员:鲁云
申请(专利权)人:建信金融科技有限责任公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1