CN111931093A - 一种页面中表格的展示方法及移动终端 - Google Patents
一种页面中表格的展示方法及移动终端 Download PDFInfo
- Publication number
- CN111931093A CN111931093A CN202010658729.3A CN202010658729A CN111931093A CN 111931093 A CN111931093 A CN 111931093A CN 202010658729 A CN202010658729 A CN 202010658729A CN 111931093 A CN111931093 A CN 111931093A
- Authority
- CN
- China
- Prior art keywords
- data
- scroll bar
- page
- scroll
- units
- 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.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 67
- 238000013500 data storage Methods 0.000 claims abstract description 28
- 238000009877 rendering Methods 0.000 claims abstract description 8
- 230000006870 function Effects 0.000 claims description 15
- 238000005096 rolling process Methods 0.000 claims description 7
- 238000004891 communication Methods 0.000 description 8
- 238000010586 diagram Methods 0.000 description 5
- 230000002093 peripheral effect Effects 0.000 description 5
- 230000008569 process Effects 0.000 description 4
- 230000001133 acceleration Effects 0.000 description 3
- 230000008901 benefit Effects 0.000 description 3
- 230000000694 effects Effects 0.000 description 3
- 230000005484 gravity Effects 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 230000001419 dependent effect Effects 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 238000012544 monitoring process Methods 0.000 description 2
- 230000004044 response Effects 0.000 description 2
- 230000000295 complement effect Effects 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 239000012634 fragment Substances 0.000 description 1
- 230000008014 freezing Effects 0.000 description 1
- 238000007710 freezing Methods 0.000 description 1
- 230000006698 induction Effects 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 238000007726 management method Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000010076 replication Effects 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 238000004513 sizing Methods 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 238000010897 surface acoustic wave method Methods 0.000 description 1
- 230000007723 transport mechanism Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- 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)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- Health & Medical Sciences (AREA)
- Artificial Intelligence (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种页面中表格的展示方法,表格包括表格容器,表格容器中于数据展示层上包括纵向排列的多个模块,每个模块包括多个横向排列的多个单元,每个单元包括相应的内容数据,所述方法包括:获取表格内容数据,并将表格内容数据存储到数据存储装置;当接收到用户对滚动条的滚动操作时,确定滚动条的滚动位置;基于滚动条的滚动位置确定一个或多个模块的多个待展示单元;从数据存储装置中获取与所述多个待展示单元相对应的内容数据;以及基于所获取的内容数据对多个待展示单元进行渲染,以便在所述数据展示层上展示所述多个待展示单元。本发明还公开了相应的移动终端。根据本发明的技术方案,有利于提高页面的加载速度和渲染性能。
Description
技术领域
本发明涉及移动终端开发技术领域,尤其涉及一种页面中表格的展示方法及移动终端。
背景技术
安卓(Android)是一种基于Linux的开放源代码的操作系统,主要用于智能手机、平板电脑等移动设备。Android系统提供了各种基础的UI组件,能实现多种多样的界面显示效果。
在Android系统中,在网页中将数据以表格形式展示是一种常见的数据展示方式。HTML提供了<table>标签,用于将数据以表格形式进行展示,这也是现有技术中在网页中展示表格数据的最常见的技术手段。
基于HTML提供的<table>标签在网页中展示表格形式的数据,虽然技术实现较为简单,但该方案存在如下缺点:在渲染大量数据时容易造成页面假死,反应迟钝;以表格形式展示数据时,缺少一些基本的交互实现,不能对表格进行表头固定、行列冻结、改变列宽等基本操作;而且,不支持表格数据的下载。
另外,现有技术中还有一种方案,可以采用开源的组件实现在网页中展示表格数据,开源的组件例如Handsontable。但,这种方案需要引入比较大的依赖文件,会影响页面加载速度;而且,对于大数据量的下载性能较差,容易造成页面卡死。
为此,需要提供一种页面中表格的展示方法,以解决上述技术方案中存在的问题。
发明内容
为此,本发明提供一种页面中表格的展示方法及移动终端,以解决或至少缓解上面存在的问题。
根据本发明的一个方面,提供了一种页面中表格的展示方法,在移动终端中执行,所述移动终端的屏幕上适于展示页面内容,所述页面内容包括表格,所述表格包括表格容器,所述表格容器中包括数据展示层、滚动条,所述表格容器中于所述数据展示层上包括纵向排列的多个模块,每个模块包括多个横向排列的多个单元,每个单元包括相应的内容数据,所述方法包括:获取表格内容数据,并将表格内容数据存储到数据存储装置;当接收到用户对滚动条的滚动操作时,确定滚动条的滚动位置;基于滚动条的滚动位置确定一个或多个模块的多个待展示单元;从数据存储装置中获取与所述多个待展示单元相对应的内容数据;以及基于所获取的内容数据对多个待展示单元进行渲染,以便在所述数据展示层上展示所述多个待展示单元。
可选地,在根据本发明的页面中表格的展示方法中,在接收用户对滚动条的滚动操作之前,包括步骤:基于表格内容数据确定所述表格容器、滚动条的尺寸,并基于表格容器和滚动条的尺寸确定数据展示层的尺寸;基于所述数据展示层的尺寸,确定要在数据展示层上展示的多个模块的多个单元;从数据存储装置中获取与所述多个模块的多个单元相对应的内容数据;以及基于所获取的内容数据对所述多个单元进行渲染,以便在所述数据展示层上展示将所述多个单元。
可选地,在根据本发明的页面中表格的展示方法中,在确定数据展示层的尺寸后,还包括步骤:确定表头模块和列头模块的尺寸,以便在所述数据展示层的顶部展示表头模块、在数据展示层的左侧展示列头模块。
可选地,在根据本发明的页面中表格的展示方法中,在接收用户对滚动条的滚动操作之前,还包括步骤:对滚动条注册滚动监听函数,以便监控用户对滚动条的滚动操作。
可选地,在根据本发明的页面中表格的展示方法中,基于滚动条的滚动位置确定多个待展示单元的步骤包括:确定是否需要更新当前的展示单元,如果需要,则基于滚动条的滚动位置确定多个待展示单元。
可选地,在根据本发明的页面中表格的展示方法中,还包括步骤:接收用户对表格的下载请求;基于文件系统创建文件;请求从数据存储装置中获取表格数据,将获取的表格数据分片写入所述文件中,以便用户下载包括表格数据的文件。
可选地,在根据本发明的页面中表格的展示方法中,在将表格数据写入所述文件之后,包括步骤:生成与所述文件相对应的链接,以便用户基于所述链接下载文件。
可选地,在根据本发明的页面中表格的展示方法中,在接收用户对表格的下载请求之前,还包括步骤:对表格注册下载监听事件,以便监控用户对表格的下载请求。
可选地,在根据本发明的页面中表格的展示方法中,所述数据存储装置为IndexedDB。
可选地,在根据本发明的页面中表格的展示方法中,所述滚动条包括横向滚动条和纵向滚动条,确定一个或多个模块的多个待展示单元的步骤包括:当接收到用户对所述横向滚动条的滚动操作时,控制当前的多个模块水平滑动,并基于横向滚动条的滚动位置确定当前的多个模块的多个待展示单元;当接收到用户对所述纵向滚动条的滚动操作时,控制当前的多个模块竖直滑动,并基于纵向滚动条的滚动位置确定一个或多个待展示模块、以及每个待展示模块的待展示单元。
可选地,在根据本发明的页面中表格的展示方法中,所述页面为HTML页面。
根据本发明的一个方面,提供了一种移动终端,包括:至少一个处理器;以及存储有程序指令的存储器,其中,所述程序指令被配置为适于由所述至少一个处理器执行,所述程序指令包括用于执行如上所述页面中表格的展示方法的指令。
根据本发明的一个方面,提供了一种存储有程序指令的可读存储介质,当所述程序指令被移动终端读取并执行时,使得所述移动终端执行如上所述的页面中表格的展示方法。
根据本发明的技术方案,通过将表格内容数据预先存储到数据存储装置(IndexedDB)中,在首次展示表格内容或者基于滚动操作更新表格内容时,只需要从数据存储装置中获取当前要展示或更新的内容数据到内存,页面每次加载的只是当前要展示或更新的内容数据。这样,不仅可以减少对移动终端内存空间的占用,有利于支持更大数据量的表格内容。而且,对于大数据量的表格而言,不会因一次加载大量数据而造成页面卡死,有利于提高页面整体的加载速度和渲染性能,用户体验更好。
进一步地,在操作滚动条滚动时,只需基于滚动操作从数据存储装置中获取待展示单元对应的新的内容数据,并对新的内容数据进行渲染,以展示新的单元。这样,只需加载较少的数据,便能实现对表格中的内容进行更新显示的效果。
此外,根据本发明的技术方案,通过文件系统创建文件,并将从数据存储装置获取的表格数据分批次地写入文件中,再基于链接来下载这个文件。这样有利于提升下载性能,避免在下载表格数据过程中出现页面卡死的状况。
上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。
附图说明
为了实现上述以及相关目的,本文结合下面的描述和附图来描述某些说明性方面,这些方面指示了可以实践本文所公开的原理的各种方式,并且所有方面及其等效方面旨在落入所要求保护的主题的范围内。通过结合附图阅读下面的详细描述,本公开的上述以及其它目的、特征和优势将变得更加明显。遍及本公开,相同的附图标记通常指代相同的部件或元素。
图1示出了根据本发明一个实施例的移动终端100的示意图;以及
图2示出了根据本发明一个实施例的页面中表格的展示方法200的流程图;以及
图3a、图3b分别示出了根据本发明一个实施例的页面中的表格300的示意图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。
图1示出了根据本发明一个实施例的移动终端100的结构图。移动终端100可以是配置有前置摄像头和显示屏幕的手机、平板电脑、笔记本电脑、多媒体播放器、可穿戴设备等,但不限于此。如图1所示,移动终端100可以包括存储器接口102、多核处理器104,以及外围接口106。
存储器接口102、多核处理器104和/或外围接口106既可以是分立元件,也可以集成在一个或多个集成电路中。在移动终端100中,各种元件可以通过一条或多条通信总线或信号线来耦合。传感器、设备和子系统可以耦合到外围接口106,以便帮助实现多种功能。
例如,加速度传感器110、磁场传感器112和重力传感器114可以耦合到外围接口106,加速度传感器110可以采集在机身坐标系的三个坐标轴方向上的加速度数据,磁场传感器112可以采集在机身坐标系的三个坐标轴方向上的磁场数据(磁感应强度),重力传感器114可以采集在机身坐标系的三个坐标轴上的重力数据,以上传感器可以方便实现计步、定向、横竖屏智能切换等功能。其他传感器116同样可以与外围接口106相连,例如定位系统(例如GPS接收机)、温度传感器、生物测定传感器或其他感测设备,由此可以帮助实施相关的功能。
相机子系统120和光学传感器122可以用于方便诸如记录照片和视频剪辑的相机功能的实现,其中所述相机子系统和光学传感器例如可以是电荷耦合器件(CCD)或互补金属氧化物半导体(CMOS)光学传感器。可以通过一个或多个无线通信子系统124来帮助实现通信功能,其中无线通信子系统可以包括射频接收机和发射机和/或光(例如红外)接收机和发射机。无线通信子系统124的特定设计和实施方式可以取决于移动终端100所支持的一个或多个通信网络。例如,移动终端100可以包括被设计成支持LTE、3G、GSM网络、GPRS网络、EDGE网络、Wi-Fi或WiMax网络以及BlueboothTM网络的通信子系统124。
音频子系统126可以与扬声器128以及麦克风130相耦合,以便帮助实施启用语音的功能,例如语音识别、语音复制、数字记录和电话功能。I/O子系统140可以包括触摸屏控制器142和/或一个或多个其他输入控制器144。触摸屏控制器142可以耦合到触摸屏146。举例来说,该触摸屏146和触摸屏控制器142可以使用多种触摸感测技术中的任何一种来检测与之进行的接触和移动或是暂停,其中感测技术包括但不局限于电容性、电阻性、红外和表面声波技术。一个或多个其他输入控制器144可以耦合到其他输入/控制设备148,例如一个或多个按钮、摇杆开关、拇指旋轮、红外端口、USB端口、和/或指示笔之类的指点设备。所述一个或多个按钮(未显示)可以包括用于控制扬声器128和/或麦克风130音量的向上/向下按钮。
存储器接口102可以与存储器150相耦合。该存储器150可以包括内部存储器和外部存储器,内部存储器例如可以是静态随机存取存储器(SRAM)、非易失性存储器(NVRAM)等,但不限于此;外部存储器例如可以是硬盘、可移动硬盘、U盘等,但不限于此。存储器150可以存储程序指令,程序指令例如可以包括操作系统152和应用154。操作系统152例如可以是Android、iOS、Windows Phone等,其包括用于处理基本系统服务以及执行依赖于硬件的任务的程序指令。存储器150还可以存储应用154,应用154可以包括用于实现各种用户期望的功能的程序指令。应用154可以是独立于操作系统提供的,也可以是操作系统自带的。另外,应用154被安装到移动终端100中时,也可以向操作系统添加驱动模块。在移动设备运行时,会从存储器150中加载操作系统152,并且由处理器104执行。应用154在运行时,也会从存储器150中加载,并由处理器104执行。应用154运行在操作系统之上,利用操作系统以及底层硬件提供的接口实现各种用户期望的功能,如硬件管理、即时通信、网页浏览等。
在一个实施例中,上述各种应用154的一种或多种应用包括适于执行本发明的页面中表格的展示方法200的多条程序指令,以便移动终端100执行本发明的页面中表格的展示方法200。
在一个实施例中,应用154例如是各种App,例如各种浏览器,但不限于此。应用中加载的页面例如是HTML页面,但,本发明对页面的具体类型也不作限制。移动终端的屏幕上可以显示页面内容。
需要说明的是,在根据本发明的页面中表格的展示方法200中,在移动终端的屏幕上展示的页面内容包括表格300。其中,图3a、图3b分别示出了根据本发明一个实施例的页面中的表格300的示意图。
如图3a所示,表格300包括表格容器,表格容器350中包括数据展示层320、滚动条310。这里,数据展示层320和滚动条310一起布满表格容器350,换言之,数据展示层320与滚动条310的尺寸之和等于表格容器350的尺寸。如图3b所示,表格容器350中可以添加多个模块325,每个模块325分别包括相应的多个单元324。并且,表格容器350中的多个模块325适于按照顺序以纵向排列的方式展示在数据展示层320上,每个模块325中的多个单元324适于以横向排列的方式展示在数据展示层320上。也就是说,表格容器350中在数据展示层320上适于展示纵向排列的多个模块325,每个模块325分别包括横向排列的多个单元324。其中,每个单元324包括相应的内容数据。这样,能实现在页面中以表格形式展示内容数据,将内容数据以表格形式呈现在移动终端100的屏幕上。
应当指出,本发明不限制每个单元所包括的内容数据的具体数据类型,例如可以是文字内容,也可以是其它类型的内容。另外,本发明也不限制内容数据的展示样式。
图2示出了根据本发明一个实施例的页面中表格的展示方法200的流程图。如图2所示,方法200始于步骤S210。
在步骤S210中,获取表格内容数据,并将表格内容数据存储到数据存储装置。这里,表格内容数据包括了表格所包括的所有模块、以及每个模块所包括的所有单元的内容数据。数据存储装置驻留在移动终端100中,例如是浏览器对应的本地数据库IndexedDB。
根据一个实施例,在将表格内容数据存储到数据存储装置之前,先根据表格内容数据确定表格容器350、滚动条310的尺寸,并基于表格容器350和滚动条310的尺寸确定数据展示层320的尺寸,以便基于数据展示层320的尺寸在表格容器350中的相应位置创建数据展示层320。
在确定数据展示层320的尺寸后,还根据表格内容数据确定表格的第一行和第一列的尺寸,这里,第一行对应表头模块321,第一列对应列头模块322,从而也就确定了表头模块321和列头模块322的尺寸。进而,基于相应的尺寸在数据展示层320的顶部展示表头模块321、在数据展示层320的左侧展示列头模块322。随后,将表格内容数据存储到数据存储装置。在将表格内容数据存储到数据存储装置后,需要先基于数据展示层320的尺寸,确定要在数据展示层320上首次(初始)展示的多个模块的多个单元。进而,从数据存储装置中获取与首次展示的多个模块的多个单元相对应的内容数据。并基于所获取的内容数据对多个模块的多个单元进行渲染,这样,如图3b所示,便能够在表格容器350的数据展示层320上展示出表格初始的多个模块325的多个单元324的内容。
应当指出,表头模块321、列头模块322相对于表格容器350和数据展示层320的位置和尺寸是固定的。而表格容器350中除表头模块、列头模块之外的每个内容模块325和相应的多个单元324,相对于表格容器350和数据展示层320的位置并不是固定的,可以通过操作滚动条310实现对模块325和相应的单元324的位置进行变动,并可以更新展示新的模块和新的单元。
需要说明的是,初始展示的多个模块的数量及每个模块中的多个单元的数量是根据数据展示层320的尺寸大小来确定的,从数据存储装置中获取的内容数据也仅仅是获取了当前要展示的多个模块的多个单元对应的内容数据。这样,页面加载的只是当前显示的内容数据,只占表格内容数据的一部分。也就是说,表格容器350中在数据展示层320上展示出的多个模块只是表格所包括的模块中的一部分,表格中还包括多个未展示在表格容器350的其它模块。并且,在每个已展示模块中已展示的多个单元也只是该模块所包括的单元中的一部分,每个已展示模块中还包括多个未展示出的其它单元。从而,表格容器350中会呈现出滚动条,滚动条营造出一种表格数据全部加载并渲染的表象,但实际上,在操作滚动条滚动时,需要基于滚动操作实时从数据存储装置中获取新的内容数据,并对新的内容数据进行渲染,以展示新的模块和单元。
基于本发明的技术方案,通过将所有表格内容数据存储到IndexedDB中,只需要从IndexedDB中获取当前要展示的内容数据到内存,页面每次加载的只是当前要展示的内容数据。这样,不仅可以减少对移动终端内存空间的占用,有利于支持更大数据量的表格内容。而且,对于具有大数据量的表格而言,不会因一次加载大量数据而造成页面卡死,有利于提高页面整体的加载速度和渲染性能,用户体验更好。
随后,在步骤S220中,当接收到用户对滚动条的滚动操作时,响应用户对滚动条的滚动操作,确定滚动条的滚动位置。这里,本发明通过预先对滚动条注册滚动监听函数,基于滚动监听函数能够监控用户对滚动条的滚动操作,以便实时响应用户对滚动条的滚动操作。
随后,在步骤S230中,基于滚动条的滚动位置确定是否需要更新当前的展示单元,也就是说,滚动条的滚动位置是否会使新的单元展示在表格容器350中,这些新的单元即是当前未展示、待展示的单元。如果需要更新当前的展示单元(存在待展示单元),则基于滚动条的滚动位置确定一个或多个模块的多个待展示单元。
根据一个实施例,如图3a所示,滚动条310包括横向滚动条311和纵向滚动条312。用户可以操作横向滚动条311左右滚动来控制相应模块325及单元324的水平滑动,或者操作纵向滚动条312上下滚动来控制相应模块325及单元324的竖直滑动。具体地,当接收到用户对横向滚动条311的滚动操作时,控制当前已展示的多个模块325水平滑动,并基于横向滚动条311的滚动位置确定当前已展示的多个模块325的多个待展示单元。应当理解,在该情况下,并不会出现新的展示模块,只会出现当前已展示模块中的新的展示单元。
当接收到用户对纵向滚动条312的滚动操作时,控制当前已展示的多个模块325竖直滑动,并基于纵向滚动条312的滚动位置确定一个或多个待展示模块、以及每个待展示模块的待展示单元。应当理解,在该情况下,会出现新的展示模块,并会出现新的展示模块中的相应的展示单元。
随后,在步骤S240中,从数据存储装置中获取与所确定的多个待展示单元相对应的内容数据。
最后,在步骤S250中,基于所获取的内容数据对多个待展示单元进行渲染,以便在表格容器350中的数据展示层320上新展示出多个模块的多个待展示单元。
这样,本发明在操作滚动条滚动时,只需加载较少的数据(待展示单元对应的内容数据),便能实现对表格中的内容进行更新显示的效果。
根据一个实施例,本发明通过预先对表格注册下载监听事件,来监控用户对表格的下载请求。
在接收到用户对表格的下载请求时,通过调用文件系统的接口,利用文件系统(FileSystem)来创建文件,并请求从数据存储装置(IndexedDB)中获取表格数据。进而,将从数据存储装置中获取的表格数据分片写入创建的文件中,以便用户下载包括表格数据的文件。这里,在将获取的表格数据全部写入文件中后,可以基于包括全部表格数据的文件生成相应的链接,从而用户可以通过链接下载包括全部表格数据的文件。
由于表格数据需要基于csv格式进行下载,且表格数据量一般较大,通过文件系统创建文件,并将从数据存储装置(IndexedDB)获取的表格数据分批次地写入文件中,再基于链接来下载这个文件。这样有利于提升下载性能,避免在下载表格数据过程中出现页面卡死的状况。
A9、如A1-A8任一项所述的页面中表格的展示方法,其中,所述数据存储装置为IndexedDB。
A10、如A1-A9任一项所述的页面中表格的展示方法,其中,所述滚动条包括横向滚动条和纵向滚动条,确定一个或多个模块的多个待展示单元的步骤包括:当接收到用户对所述横向滚动条的滚动操作时,控制当前的多个模块水平滑动,并基于横向滚动条的滚动位置确定当前的多个模块的多个待展示单元;当接收到用户对所述纵向滚动条的滚动操作时,控制当前的多个模块竖直滑动,并基于纵向滚动条的滚动位置确定一个或多个待展示模块、以及每个待展示模块的待展示单元。
A11、如A1-A10任一项所述的页面中表格的展示方法,其中,所述页面为HTML页面。
这里描述的各种技术可结合硬件或软件,或者它们的组合一起实现。从而,本发明的方法和设备,或者本发明的方法和设备的某些方面或部分可采取嵌入有形媒介,例如可移动硬盘、U盘、软盘、CD-ROM或者其它任意机器可读的存储介质中的程序代码(即指令)的形式,其中当程序被载入诸如计算机之类的机器,并被所述机器执行时,所述机器变成实践本发明的设备。
在程序代码在可编程计算机上执行的情况下,移动终端一般包括处理器、处理器可读的存储介质(包括易失性和非易失性存储器和/或存储元件),至少一个输入装置,和至少一个输出装置。其中,存储器被配置用于存储程序代码;处理器被配置用于根据该存储器中存储的所述程序代码中的指令,执行本发明的页面中表格的展示方法。
以示例而非限制的方式,可读介质包括可读存储介质和通信介质。可读存储介质存储诸如计算机可读指令、数据结构、程序模块或其它数据等信息。通信介质一般以诸如载波或其它传输机制等已调制数据信号来体现计算机可读指令、数据结构、程序模块或其它数据,并且包括任何信息传递介质。以上的任一种的组合也包括在可读介质的范围之内。
在此处所提供的说明书中,算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与本发明的示例一起使用。根据上面的描述,构造这类系统所要求的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明的实施例可以在没有这些具体细节的情况下被实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。
类似地,应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多特征。更确切地说,如下面的权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员应当理解在本文所公开的示例中的设备的模块或单元或组件可以布置在如该实施例中所描述的设备中,或者可替换地可以定位在与该示例中的设备不同的一个或多个设备中。前述示例中的模块可以组合为一个模块或者此外可以分成多个子模块。
本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
此外,本领域的技术人员能够理解,尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在下面的权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
此外,所述实施例中的一些在此被描述成可以由计算机系统的处理器或者由执行所述功能的其它装置实施的方法或方法元素的组合。因此,具有用于实施所述方法或方法元素的必要指令的处理器形成用于实施该方法或方法元素的装置。此外,装置实施例的在此所述的元素是如下装置的例子:该装置用于实施由为了实施该发明的目的的元素所执行的功能。
如在此所使用的那样,除非另行规定,使用序数词“第一”、“第二”、“第三”等等来描述普通对象仅仅表示涉及类似对象的不同实例,并且并不意图暗示这样被描述的对象必须具有时间上、空间上、排序方面或者以任意其它方式的给定顺序。
尽管根据有限数量的实施例描述了本发明,但是受益于上面的描述,本技术领域内的技术人员明白,在由此描述的本发明的范围内,可以设想其它实施例。此外,应当注意,本说明书中使用的语言主要是为了可读性和教导的目的而选择的,而不是为了解释或者限定本发明的主题而选择的。因此,在不偏离所附权利要求书的范围和精神的情况下,对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。对于本发明的范围,对本发明所做的公开是说明性的而非限制性的,本发明的范围由所附权利要求书限定。
Claims (10)
1.一种页面中表格的展示方法,在移动终端中执行,所述移动终端的屏幕上适于展示页面内容,所述页面内容包括表格,所述表格包括表格容器,所述表格容器中包括数据展示层、滚动条,所述表格容器中于所述数据展示层上包括纵向排列的多个模块,每个模块包括多个横向排列的多个单元,每个单元包括相应的内容数据,所述方法包括:
获取表格内容数据,并将表格内容数据存储到数据存储装置;
当接收到用户对滚动条的滚动操作时,确定滚动条的滚动位置;
基于滚动条的滚动位置确定一个或多个模块的多个待展示单元;
从数据存储装置中获取与所述多个待展示单元相对应的内容数据;以及
基于所获取的内容数据对多个待展示单元进行渲染,以便在所述数据展示层上展示所述多个待展示单元。
2.如权利要求1所述的页面中表格的展示方法,其中,在接收用户对滚动条的滚动操作之前,包括步骤:
基于表格内容数据确定所述表格容器、滚动条的尺寸,并基于表格容器和滚动条的尺寸确定数据展示层的尺寸;
基于所述数据展示层的尺寸,确定要在数据展示层上展示的多个模块的多个单元;
从数据存储装置中获取与所述多个模块的多个单元相对应的内容数据;以及
基于所获取的内容数据对所述多个单元进行渲染,以便在所述数据展示层上展示将所述多个单元。
3.如权利要求2所述的页面中表格的展示方法,其中,在确定数据展示层的尺寸后,还包括步骤:
确定表头模块和列头模块的尺寸,以便在所述数据展示层的顶部展示表头模块、在数据展示层的左侧展示列头模块。
4.如权利要求1-3任一项所述的页面中表格的展示方法,其中,在接收用户对滚动条的滚动操作之前,还包括步骤:
对滚动条注册滚动监听函数,以便监控用户对滚动条的滚动操作。
5.如权利要求1-4任一项所述的页面中表格的展示方法,其中,基于滚动条的滚动位置确定多个待展示单元的步骤包括:
确定是否需要更新当前的展示单元,如果需要,则基于滚动条的滚动位置确定多个待展示单元。
6.如权利要求1-5任一项所述的页面中表格的展示方法,其中,还包括步骤:
接收用户对表格的下载请求;
基于文件系统创建文件;
请求从数据存储装置中获取表格数据,将获取的表格数据分片写入所述文件中,以便用户下载包括表格数据的文件。
7.如权利要求6所述的页面中表格的展示方法,其中,在将表格数据写入所述文件之后,包括步骤:
生成与所述文件相对应的链接,以便用户基于所述链接下载文件。
8.如权利要求6或7所述的页面中表格的展示方法,其中,在接收用户对表格的下载请求之前,还包括步骤:
对表格注册下载监听事件,以便监控用户对表格的下载请求。
9.一种移动终端,包括:
至少一个处理器;以及
存储器,存储有程序指令,其中,所述程序指令被配置为适于由所述至少一个处理器执行,所述程序指令包括用于执行如权利要求1-8中任一项所述方法的指令。
10.一种存储有程序指令的可读存储介质,当所述程序指令被移动终端读取并执行时,使得所述移动终端执行如权利要求1-8中任一项所述方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010658729.3A CN111931093A (zh) | 2020-07-09 | 2020-07-09 | 一种页面中表格的展示方法及移动终端 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010658729.3A CN111931093A (zh) | 2020-07-09 | 2020-07-09 | 一种页面中表格的展示方法及移动终端 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN111931093A true CN111931093A (zh) | 2020-11-13 |
Family
ID=73313507
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010658729.3A Pending CN111931093A (zh) | 2020-07-09 | 2020-07-09 | 一种页面中表格的展示方法及移动终端 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111931093A (zh) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112731885A (zh) * | 2020-12-29 | 2021-04-30 | 浙江中控技术股份有限公司 | 用于集散控制系统的表格显示方法和系统 |
CN112784529A (zh) * | 2021-02-03 | 2021-05-11 | 叮当快药科技集团有限公司 | 基于BetterScroll的移动端排序表格及其构建方法 |
CN113297313A (zh) * | 2021-06-07 | 2021-08-24 | 平安证券股份有限公司 | 表格数据展示方法、装置、电子设备及存储介质 |
CN117111820B (zh) * | 2023-08-18 | 2024-05-31 | 浪潮智慧科技有限公司 | 一种多行虚拟列表的视图展示控制方法、装置及设备 |
Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102487401A (zh) * | 2010-12-06 | 2012-06-06 | 腾讯科技(深圳)有限公司 | 一种文件下载方法和装置 |
CN106941567A (zh) * | 2017-03-27 | 2017-07-11 | 广州优视网络科技有限公司 | 显示网络图片的方法、装置以及用户终端 |
CN107704576A (zh) * | 2017-09-30 | 2018-02-16 | 厦门海迈科技股份有限公司 | 数据展示优化方法、装置、终端设备及存储介质 |
CN107770229A (zh) * | 2016-08-23 | 2018-03-06 | 中国电信股份有限公司 | 云端文件分享方法、系统和云服务器 |
CN108959206A (zh) * | 2018-07-02 | 2018-12-07 | 浪潮软件股份有限公司 | 一种优化Vue前端表格组件渲染性能的方法及系统 |
CN110134308A (zh) * | 2019-05-17 | 2019-08-16 | 深圳前海微众银行股份有限公司 | 数据展示方法、装置、设备及计算机可读存储介质 |
CN110244993A (zh) * | 2018-12-25 | 2019-09-17 | 蔚来汽车有限公司 | 前端页面加载方法、装置、控制器及介质 |
CN110532483A (zh) * | 2019-07-25 | 2019-12-03 | 北京金堤科技有限公司 | 模拟表格的添加方法、装置、计算机设备及可存储介质 |
CN110647704A (zh) * | 2019-09-20 | 2020-01-03 | 北京思维造物信息科技股份有限公司 | 一种页面更新方法、装置及设备 |
-
2020
- 2020-07-09 CN CN202010658729.3A patent/CN111931093A/zh active Pending
Patent Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102487401A (zh) * | 2010-12-06 | 2012-06-06 | 腾讯科技(深圳)有限公司 | 一种文件下载方法和装置 |
CN107770229A (zh) * | 2016-08-23 | 2018-03-06 | 中国电信股份有限公司 | 云端文件分享方法、系统和云服务器 |
CN106941567A (zh) * | 2017-03-27 | 2017-07-11 | 广州优视网络科技有限公司 | 显示网络图片的方法、装置以及用户终端 |
CN107704576A (zh) * | 2017-09-30 | 2018-02-16 | 厦门海迈科技股份有限公司 | 数据展示优化方法、装置、终端设备及存储介质 |
CN108959206A (zh) * | 2018-07-02 | 2018-12-07 | 浪潮软件股份有限公司 | 一种优化Vue前端表格组件渲染性能的方法及系统 |
CN110244993A (zh) * | 2018-12-25 | 2019-09-17 | 蔚来汽车有限公司 | 前端页面加载方法、装置、控制器及介质 |
CN110134308A (zh) * | 2019-05-17 | 2019-08-16 | 深圳前海微众银行股份有限公司 | 数据展示方法、装置、设备及计算机可读存储介质 |
CN110532483A (zh) * | 2019-07-25 | 2019-12-03 | 北京金堤科技有限公司 | 模拟表格的添加方法、装置、计算机设备及可存储介质 |
CN110647704A (zh) * | 2019-09-20 | 2020-01-03 | 北京思维造物信息科技股份有限公司 | 一种页面更新方法、装置及设备 |
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112731885A (zh) * | 2020-12-29 | 2021-04-30 | 浙江中控技术股份有限公司 | 用于集散控制系统的表格显示方法和系统 |
CN112784529A (zh) * | 2021-02-03 | 2021-05-11 | 叮当快药科技集团有限公司 | 基于BetterScroll的移动端排序表格及其构建方法 |
CN112784529B (zh) * | 2021-02-03 | 2022-10-21 | 叮当快药科技集团有限公司 | 基于BetterScroll的移动端排序表格及其构建方法 |
CN113297313A (zh) * | 2021-06-07 | 2021-08-24 | 平安证券股份有限公司 | 表格数据展示方法、装置、电子设备及存储介质 |
CN113297313B (zh) * | 2021-06-07 | 2023-11-07 | 平安证券股份有限公司 | 表格数据展示方法、装置、电子设备及存储介质 |
CN117111820B (zh) * | 2023-08-18 | 2024-05-31 | 浪潮智慧科技有限公司 | 一种多行虚拟列表的视图展示控制方法、装置及设备 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107463627B (zh) | 一种图片加载方法及终端 | |
CN111931093A (zh) | 一种页面中表格的展示方法及移动终端 | |
US20140222947A1 (en) | Method and apparatus for browsings webpages, and storage medium | |
US20120096344A1 (en) | Rendering or resizing of text and images for display on mobile / small screen devices | |
US9569004B2 (en) | Swipe toolbar to switch tabs | |
CN111581473B (zh) | 一种网页处理方法 | |
US11119644B2 (en) | Electronic device and method for displaying content in response to scrolling inputs | |
KR102127270B1 (ko) | 핸드헬드 동작을 위한 디바이스 및 그 방법 | |
US10572572B2 (en) | Dynamic layout generation for an electronic document | |
CN110765398A (zh) | 一种页面内容的显示方法及移动终端 | |
CN111949264A (zh) | 一种页面元素的定位方法及移动终端 | |
CN111273841B (zh) | 一种页面处理方法及移动终端 | |
CN108268507B (zh) | 一种基于浏览器的处理方法、装置及电子设备 | |
CN111813851B (zh) | 一种移动应用向网页同步数据的方法、系统及移动终端 | |
US20140337709A1 (en) | Method and apparatus for displaying web page | |
CN115269077A (zh) | 一种图片显示方法、模块、移动终端及存储介质 | |
EP3043252A1 (en) | Method and electronic device for displaying electronic document | |
CN115767706A (zh) | 一种时间校准方法、装置、移动终端及存储介质 | |
CN109085978B (zh) | 视图显示方法、存储介质及移动终端 | |
CN111949348B (zh) | 一种页面显示方法及移动终端 | |
CN114217717A (zh) | 一种信息处理方法及装置 | |
CN112463006A (zh) | 一种页面滑动的控制方法及移动终端 | |
CN111949348A (zh) | 一种页面显示方法及移动终端 | |
CN106354362B (zh) | 一种应用消息的显示方法、设备及移动终端 | |
CN114169299A (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 |