表格排序方法和装置、WEB页面展示方法和装置与流程

文档序号:11199362阅读:405来源:国知局
本发明涉及互联网
技术领域
:,特别是涉及一种表格排序方法和装置、web页面展示方法和装置以及电子设备和计算机可读存储介质。
背景技术
::目前,在web(万维网)前端开发中,web页面中经常会用到表格。在应用表格的过程中经常会对表格进行排序。现有对web页面中的表格进行排序的方法是:从后台数据库中应用sql(structuredquerylanguage,结构化查询语言)查询出数据,并进行排序,然后在前端将该数据以表格的形式进行展示。然而,上述排序方法由于需要在后台应用sql来进行数据查询,而sql查询数据的速度缓慢,从而造成排序速度的缓慢。技术实现要素:本发明实施例的目的在于提供一种表格排序方法,以至少解决如何快速排序的技术问题。此外,还提供一种表格排序装置、web页面展示方法和装置以及电子设备和计算机可读存储介质。为了实现上述目的,根据本发明的一个方面,提供了以下技术方案:一种表格排序方法,应用于万维网web页面;所述方法包括:获取待排序表格中的各元素;对所述待排序表格中各行的相同目标列中的元素进行比较,得到比较结果;基于所述比较结果,按照预定的排序方式,对所述待排序表格中各行元素进行排序。进一步地,对所述待排序表格中各行的相同目标列中的元素进行比较,得到比较结果,具体包括:利用web编程脚本语言js,按照所述待排序表格中各行元素的排列顺序,依次循环比较各行的相同目标列中的元素所对应的美国信息交换标准代码ascii字符值的大小,得到所述比较结果。进一步地,所述基于所述比较结果,按照预定的排序方式,按照预定的排序方式,对所述待排序表格中各行元素进行排序,具体包括:基于所述比较结果,按照从大到小或从小到大的顺序,对所述待排序表格中各行元素进行排序。为了实现上述目的,根据本发明的另一个方面,还提供了以下技术方案:一种web页面展示方法,所述方法包括:获取待展示web页面的超文本标记语言html文档;向所述待开发web页面的html文档中嵌入待排序表格的文档;在所述待排序表格的文档的表头部分中调用上述表格排序方法所述的步骤,对所述待排序表格中各行元素进行排序;解析排序结果,进行所述web页面展示。为了实现上述目的,根据本发明的再一个方面,还提供了以下技术方案:一种表格排序装置,应用于万维网web页面;所述装置包括:获取模块,用于获取待排序表格中的各元素;比较模块,用于对所述待排序表格中各行的相同目标列中的元素进行比较,得到比较结果;排序模块,用于基于所述比较结果,按照预定的排序方式,对所述待排序表格中各行元素进行排序。进一步地,所述比较模块具体用于:利用web编程脚本语言js,按照所述待排序表格中各行元素的排列顺序,依次循环比较各行的相同目标列中的元素所对应的美国信息交换标准代码ascii字符值的大小,得到所述比较结果。进一步地,所述排序模块具体用于:基于所述比较结果,按照从大到小或从小到大的顺序,对所述待排序表格中各行元素进行排序。为了实现上述目的,根据本发明的又一个方面,还提供了以下技术方案:一种web页面展示装置,其特征在于,所述系统包括:获取单元,用于获取待展示web页面的html文档;嵌入单元,用于向所述待开发web页面的html文档中嵌入待排序表格的文档;调用单元,用于在所述待排序表格的文档的表头部分中调用上述表格排序装置,对所述待排序表格中各行元素进行排序;解析单元,用于解析所述调用单元的输出结果,进行所述web页面展示。为了实现上述目的,根据本发明的又一个方面,还提供了以下技术方案:一种电子设备,其包括处理器、通信接口、存储器和通信总线,其中,所述处理器、所述通信接口和所述存储器通过所述通信总线完成相互间的通信;所述存储器,用于存放计算机程序;所述处理器,用于执行存储器上所存放的程序时,实现上述表格排序方法或上述web页面展示方法所述的方法步骤。为了实现上述目的,根据本发明的又一个方面,还提供了以下技术方案:一种计算机可读存储介质,该计算机可读存储介质内存储有计算机程序,所述计算机程序被处理器执行时实现上述表格排序方法或上述web页面展示方法所述的方法步骤。本发明实施例提供一种表格排序方法和装置、web页面展示方法和装置以及电子设备和计算机可读存储介质。其中,该表格排序方法可以包括:获取待排序表格中的各元素;对待排序表格中各行的相同目标列中的元素进行比较,得到比较结果;基于该比较结果,按照预定的排序方式,对待排序表格中各行元素进行排序。由此,本发明实施例可以直接在网络前端的web页面中实现了表格的排序,而没有在网络后台进行排序,进而避免了后台占用大量资源的问题,与采用sql在后台进行排序的方法相比,提高了web页面中表格排序的速度。本发明的其它特征和优点将在随后的说明书中阐述,并且,部分地从说明书中变得显而易见,或者通过实施本发明而得以体现。本发明的目的和其他优点可通过在说明书、权利要求书以及附图中所特别指出的结构来实现和获得。当然,实施本发明的任一产品或方法并不一定需要同时达到以上所述的所有优点。附图说明为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。图1为根据本发明实施例的表格排序方法的流程示意图;图2为根据本发明实施例的web页面展示方法的流程示意图;图3为根据本发明另一实施例的web页面展示方法的流程示意图;图4为根据本发明实施例的表格排序装置的结构示意图;图5为根据本发明实施例的web页面展示装置的结构示意图;图6为根据本发明实施例的电子设备的结构示意图。具体实施方式下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。在web前端开发中,web页面中经常会应用到表格。在应用表格的过程中,现有技术通常在后台利用sql对数据进行排序,然后将排序结果拼接成json数据,再将该json数据传送至前端,最后前端基于该json数据动态生成表格,并进行展示。然而,这种在后台进行排序的方式会占用很多资源,导致排序进程缓慢。为此,本发明实施例提供一种表格排序方法。该方法可以应用于web页面。如图1所示,该表格排序方法可以通过步骤s100至步骤s120来实现。其中:s100:获取待排序表格中的各元素。其中,表格(table)也称为表,是一种可视化交流模式,也是页面排版的重要手段,用于组织、整理数据,尤其是用于对数据进行归纳、对比和展示等。表格可以包括筛选区、表头、正文和底栏。元素可以是文字、字符等数据,也可以是图片等。其中,筛选区主要用于筛选和搜索。表头用于对表格中数据进行操作。表头主要包括行标签、操作工具等。表头可以采用固定形式和非固定形式。表头也可以与筛选区结合在一起。待排序表格例如可以如表一所示:表一:序号公司名称股票代码金额当前收益1第一公司第一代码第一金额第一收益2第二公司第二代码第二金额第二收益3第三公司第三代码第三金额第三收益本步骤获取诸如表一等表格中的各元素,以用于后续的元素比较。上述表格相当于二维数据,所以对表格中元素的处理可以按照对二维数据的处理方式进行。s110:对待排序表格中各行的相同目标列中的元素进行比较,得到比较结果。下面举例对本步骤进行详细说明。以表一为例,上述步骤可以对表一中第一公司、第二公司和第三公司这三行的、相同目标列金额中的各个金额数值元素进行比较,从而得到比较结果。表二示例性地示出了一种待排序表格。再以表二为例,上述步骤还可以对待排序表格二中第一月的成绩至第三月的成绩这三行的第一班级这一相同目标列中的a1、b1和c1元素进行比较,从而得到比较结果。表二:班号第一班级第二班级第一月的成绩a1a2第二月的成绩b1b2第三月的成绩c1c2在一些可选的实施例中,本步骤具体可以包括:利用web编程脚本语言js,按照待排序表格中各行元素的排列顺序,依次循环比较各行同列元素所对应的ascii字符值的大小,得到比较结果。沿用表一,以金额所在的列为例,按照表一中的排列顺序,将第一行中的第一金额与第二行中的第二金额所对应的ascii字符值进行比较。其中,ascii字符分别对应着具体的十进制数值或十六进制数值(例如:ascii码中的a~z分别对应65~90,ascii码中的a~z分别对应97~122)。通过比较ascii字符所对应的十进制数值就可以实现对表格中每一列中元素的比较。在具体实施过程中,如果通过sort方法来比较第一金额和第二金额时,该方法会响应一个数值,该数据作为比较结果;如果响应的数值为负值(表示假值),则表示第一金额大于第二金额;如果响应的数值为0,则表示第一金额与第二金额相等;如果相应地数值为正值(表示真值),则表示第一金额小于第二金额。s120:基于比较结果,按照预定的排序方式,对待排序表格中各行元素进行排序。其中,预定的排序方式可以是按照元素所对应的ascii字符值的大小顺序排序、按照ascii字符值的奇偶顺序排序、按照元素属性的顺序排序等,但绝不限于此。作为示例,本步骤可以利用js(javascript,万维网编程脚本语言)中array类中的sort方法来进行排序。当然,本领域技术人员应能理解,除了sort方法也可以采用诸如block块方法或其他自定义方法来进行排序。在一些可选的实施例中,本步骤具体可以包括:基于比较结果,按照从大到小或从小到大的顺序,对待排序表格中各行元素进行排序。本实施例通过比较ascii字符值,然后根据ascii字符值的大小,按照从大到小或从小到大的顺序,实现对待排序表格中各行元素正序或倒序的排序。上述实施例通过采取上述技术方案,对待排序表格中各行的相同目标列中的元素进行比较,得到比较结果,然后,基于比较结果,按照预定的排序方式,对待排序表格中各行元素进行排序,从而直接在网络前端的web页面中实现了表格的排序,而没有在网络后台进行排序,进而避免了后台占用大量资源的问题,与采用sql在后台进行排序的方法相比,提高了web页面中表格排序的速度。为了在web页面中快速地对表格进行排序,本发明实施例还提供了一种web页面展示方法。如图2所示,该方法可以包括:s200:获取待展示web页面的html文档。s210:向待开发web页面的html文档中嵌入待排序表格的文档。s220:在待排序表格的文档的表头部分中调用上述表格排序方法实施例,对待排序表格中各行元素进行排序。其中,本步骤如果在后台数据库中进行的话,还可以按照待排序表格中原有元素的排列顺序,使用排序结果来替换待排序表格中原有的相应各元素,然后,传输至前端。s230:解析排序结果,进行web页面展示。具体地,本步骤可以对作为排序结果的html文档进行解析,以实现web页面的展示。本实施例通过将表格文档嵌入获取到的web页面的html文档中,并在表头部分调用上述表格排序方法实施例,对待排序表格中各行元素进行排序,然后,对排序结果进行解析,从而实现web页面的展示。最终,实现了在网络前端就可以在web页面的展示中直接对表格进行排序的效果。下面结合图3以一优选实施例来对web页面展示过程进行详细说明。s300:获取待展示web页面的html文档。s310:向待开发web页面的html文档中嵌入待排序表格的文档。例如:在jsp页面<body>标签中添加<table>标签。s320:获取待排序表格中的各元素。s330:从待排序表格中提取出行元素。s340:利用js,按照待排序表格中各行元素的排列顺序,依次循环比较各行同列元素所对应的ascii字符值的大小,得到比较结果。s350:基于比较结果,按照从大到小或从小到大的顺序,对待排序表格中各行元素进行排序,得到排序结果。s360:解析排序结果,进行web页面展示。有关本实施例的说明可以参考表格排序方法实施例的相关说明,在此不再赘述。为了避免在后台进行排序而造成排序缓慢的缺陷,本发明实施例还提供一种表格排序装置。表格排序装置实施例可以执行表格排序方法实施例。该表格排序装置可以应用于web页面。如图4所示,该装置可以包括:获取模块41、比较模块42和排序模块43。其中,获取模块41用于获取待排序表格中的各元素。比较模块42用于对待排序表格中各行的相同目标列中的元素进行比较,得到比较结果。排序模块43用于基于比较结果,按照预定的排序方式,对待排序表格中各行元素进行排序。本实施例通过比较模块42对由获取模块41得到的待排序表格中各行同列元素进行比较,得到比较结果,然后,通过排序模块43,基于比较结果,按照预定的排序方式,对待排序表格中各行、相同目标列中的元素进行排序,从而直接在网络前端的web页面中实现了表格的排序,而没有在网络后台进行排序,进而避免了后台占用大量资源的问题,与采用sql在后台进行排序的方法相比,提高了表格排序的速度。在一些可选的实施例中,在图4所示实施例的基础上,比较模块具体可以用于:利用web编程脚本语言js,按照待排序表格中各行元素的排列顺序,依次循环比较各行的相同目标列中的元素所对应的美国信息交换标准代码ascii字符值的大小,得到比较结果。在一些可选的实施例中,在上述比较模块利用js实施比较的实施例的基础上,排序模块具体可以用于:基于比较结果,按照从大到小或从小到大的顺序,对待排序表格中各行元素进行排序。另外,基于上述表格排序装置实施例,本发明实施例还提供一种web页面展示装置。该web页面展示装置可以调用上述表格排序装置实施例。如图5所示,该系统可以包括:获取单元51、嵌入单元52、调用单元53和解析单元54。其中,获取单元51用于获取待开发web页面的html文档。嵌入单元52用于向所述待展示web页面的html文档中嵌入待排序表格的文档。调用单元53用于在所述待排序表格的文档的表头部分中调用上述表格排序装置实施例,得到排序结果。解析单元54用于解析调用单元的输出结果,进行web页面展示。本实施例利用嵌入单元52将表格文档嵌入由获取单元51得到的web页面的html文档中,并利用调用单元53在表头部分调用上述表格排序方法实施例,对待排序表格中各行元素进行排序,然后,再利用解析单元54对调用单元53的输出结果进行解析,从而实现web页面的展示。最终,实现了在网络前端就可以在web页面的展示中直接对表格进行排序的效果。再者,本发明实施例还提供一种电子设备。如图6所示,该电子设备可以包括处理器61、通信接口62、存储器63和通信总线64,其中,处理器61、通信接口62和存储器63通过通信总线64完成相互间的通信。存储器63用于存放计算机程序。处理器61用于执行存储器63上所存放的程序时,实现上述表格排序方法实施例或web页面展示方法实施例的方法步骤。上述电子设备提到的通信总线可以是外设部件互连标准(peripheralcomponentinterconnect,pci)总线或扩展工业标准结构(extendedindustrystandardarchitecture,eisa)总线等。该通信总线可以分为地址总线、数据总线、控制总线等。为便于表示,图6中仅用一条粗线表示,但并不表示仅有一根总线或一种类型的总线。上述通信接口用于上述电子设备与其他设备之间的通信。上述存储器可以包括随机存取存储器(randomaccessmemory,ram),也可以包括非易失性存储器(non-volatilememory,nvm),例如至少一个磁盘存储器。可选的,存储器还可以是至少一个位于远离前述处理器的存储装置。上述处理器可以是通用处理器,包括中央处理器(centralprocessingunit,简称cpu)、网络处理器(networkprocessor,np)等;还可以是数字信号处理器(digitalsignalprocessing,dsp)、专用集成电路(applicationspecificintegratedcircuit,asic)、现场可编程门阵列(field-programmablegatearray,fpga)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。上述电子设备例如可以是台式计算机、膝上型计算机、平板型计算机、智能手机、个人数字助理等,但绝不限于此。此外,本发明实施例还提供一种计算机可读存储介质。该计算机可读存储介质内存储有计算机程序,计算机程序被处理器执行时实现上述表格排序方法实施例或web页面展示方法实施例的方法步骤。上述计算机可读存储介质包括但不限于闪存、硬盘、光盘等。需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。本说明书中的各个实施例均采用相关的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于系统实施例而言,由于其基本相似于方法实施例,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。以上所述仅为本发明的较佳实施例而已,并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所作的任何修改、等同替换、改进等,均包含在本发明的保护范围内。当前第1页12当前第1页12
当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1