网页表格删除方法及装置与流程

文档序号:11707551阅读:484来源:国知局
本发明涉及互联网
技术领域
:,尤其涉及一种网页表格删除方法及装置。
背景技术
::网页表格是使用html表格标签代码在网页中创建的表格,它不仅支持数据的显示,还支持数据的删除。目前网页表格的数据删除方法是在网页表格上添加一列删除复选框,需要删除哪一行数据使用鼠标单击该行对应的复选框即可,如果需要删除全部表格数据,只需单击表格列标题头部的复选框则表格中所有行的复选框会被自动选中,即可实现批量删除。现有的网页表格删除方法虽然能实现网页表格数据的删除,但在进行批量的网页表格删除过程中,若用户想要删除部分连续但又非全部的网页表格时,需要用户依次去点击所需要删除的网页表格进行删除,使得用户在表格删除的过程中操作比较繁琐,导致网页表格的删除效率低。技术实现要素:鉴于上述问题,提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的一种网页表格删除方法及装置,提高了网页表格的删除效率,方便用户操作。借由上述技术方案,一方面,本发明提供了一种网页表格删除方法,包括:获取网页中含有复选框的网页表格,所述网页表格中的每一个表格行对应有该行的复选框;响应于通过鼠标拖选选中网页表格复选框的指令,获取所述复选框对应的待删除表格行;当接收到触发网页表格删除事件时,将所述待删除表格行删除。另一方面,本发明还提供了一种网页表格删除装置,包括:第一获取单元,用于获取网页中含有复选框的网页表格,所述网页表 格中的每一个表格行对应有该行的复选框;第二获取单元,用于响应于通过鼠标拖选选中网页表格复选框的指令,获取所述复选框对应的待删除表格行;删除单元,用于当接收到触发网页表格删除事件时,将所述待删除表格行删除。本发明提供的一种网页表格删除方法及装置,首先获取网页中含有复选框的网页表格,响应于通过鼠标拖选选中网页表格复选框的指令,获取所述复选框对应的待删除表格行,当接收到触发网页表格删除事件时,将所述待删除表格行删除,进而实现表格中数据的批量删除。与现有技术的网页表格删除方法相比,本发明在选中待删除表格行时无需挨个选中删除,而是采用鼠标拖选方式选中删除,简化了用户操作过程,同时提高了网页表格的删除效率。上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。附图说明通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:图1示出了本发明实施例提供的一种网页表格删除方法流程示意图;图2示出了本发明实施例提供的网页表格框图;图3示出了本发明实施例提供的网页表格的待删除表格行框图;图4示出了本发明实施例提供的另一种网页表格删除方法流程示意图;图5示出了本发明实施例提供的另一网页表格框图;图6示出了本发明实施例提供的另一网页表格的待删除表格行框图;图7示出了本发明实施例提供的一种网页表格删除装置结构示意图;图8示出了本发明实施例提供的另一种网页表格删除装置结构示意图;图9示出了本发明实施例提供的另一种网页表格删除装置结构示意图;图10示出了本发明实施例提供的另一种网页表格删除装置结构示意图。具体实施方式下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。本发明实施例提供了一种网页表格删除方法流程示意图,如图1所示,所述方法包括:101、获取网页中含有复选框的网页表格。其中,网页表格为使用html表格标签代码在网页中创建的表格,表格中对应有若干个表格行,每个表格行中记录有相关数据。所述网页表格中的每一个表格行对应有该行的复选框,该复选框为删除复选框,若选中则可实现删除功能,如图2所示,每个表格行的第一列对应有该行的复选框,另外,在表格列头上也对应有一个复选框,若选中该复选框则默认选中表格中所有的复选框。当在进行表格数据删除操作时,若表格行的复选框被选中,则当触发删除表格行操作时,该表格行将会被删除,若表格列头上的复选框被选中,当触发删除表格行操作时,整个表格将会被删除。102、响应于通过鼠标拖选选中网页表格复选框的指令,获取所述复选框对应的待删除表格行。当所述待删除表格行为多个编号连续的表格行时,这里的获取所述复选框对应的待删除表格行的操作,具体包括:首先响应于通过鼠标拖选选中网页表格复选框的指令,获取鼠标连续拖选选中的多个编号连续的网页表格复选框的表格行,举例来说,这里的编号连续的表格行可以为网页表格中前10行,或者中间连续的几行等,本发明实施例对选取的行数不做限 定,满足编号连续即可;然后将所述多个编号连续的复选框对应的表格行作为待删除表格行。进一步地,上述选中的网页表格的待删除表格行的编号都是连续的情况,因此,当所述待删除表格行为多个编号连续的表格行和编号不连续的表格行时,这里的获取所述复选框对应的待删除表格行的操作,具体包括:首先响应于通过鼠标拖选选中网页表格复选框的指令,获取鼠标连续拖选选中多个编号连续的网页表格复选框的表格行,然后响应于通过鼠标触发ctrl键同时单击选中网页表格复选框的指令,获取触发ctrl键的同时鼠标单击选中编号不连续的网页表格复选框的表格行,需要说明的是,当执行完第一次选取表格行操作后,在进行后续的选取操作之前需要出发ctrl键进行选取,这样才能保证两次选取的表格行均能够作为待删除表格行;最后将所述多个编号连续的复选框对应的表格行和所述编号不连续的复选框对应的表格行作为待删除表格行。这里的判断用户是否触发ctrl键可通过给网页添加一个按键触发的事件处理函数,通过在事件处理函数中判断按下的键是否为ctrl键,核心代码如下:进一步地,上述选中的网页表格的待删除表格行可能不是完全连续的行,可能是一部分连续的表格行,中间某几个单独的表格行,后面位置又有一段连续的表格行需要删除,因此,当所述待删除表格行中包括多片多个编号连续的表格行和编号不连续的表格行时,这里的获取所述复选框对应的待删除表格行的操作,具体包括:首先响应于通过鼠标拖选选中网页表格复选框的指令,获取鼠标拖选选中第一片编号连续的网页表格复选框的表格行,然后响应于通过鼠标触发ctrl键同时单击选中网页表格复选框的 指令,获取编号不连续的网页表格复选框的表格行,另外,响应于通过鼠标触发ctrl键同时单击选中网页表格复选框的指令,获取编号不连续的网页表格复选框的表格行,同理,这里除了第一次的选取操作无需触发ctrl键,剩余几次操作均需在触发ctrl键的基础上进行选取操作。最后将所述多片多个编号连续的复选框对应的表格行和所述编号不连续的复选框对应的表格行作为待删除表格行。具体地,如图3所示,图3中一共有11个表格行,其中包括两片多个编号连续的表格行和1个编号不连续的表格行,第一个边框为第一片3个编号连续的表格行,这3个编号连续的表格行可以通过鼠标拖选方式选中网页表格复选框的表格行,中间的一个单独的表格行为1个编号不连续的表格行,这1个表格行可以通过触发ctrl键同时单击鼠标选中网页表格复选框的表格行,第二个边框中为第二片3个编号连续的表格行,这3个编号连续的表格行需要通过触发ctrl键同时单击鼠标选中网页表格复选框的表格行,进而将选中复选框对应的表格行作为待删除表格行。103、当接收到触发网页表格删除事件时,将所述待删除表格行删除。根据上述步骤102中获取的待删除表格行,所述待删除表格行所对应的复选框均被选中,当用户触发网页表格删除事件时,将所述待删除表格行删除,该过程的核心代码如下:需要说明的是,根据获取的待删除表格行,前端只需将待删除表格行的dom代码从网页的dom树中删除即可,该操作可以通过jquery的接口实现,其中,jquery为一种开源免费的javascript库,封装了很多接口,可以对网页中的元素进行各种操作。当前端完成删除操作后需要通过ajax方式将待删除表格行的编号发送至服务端,从数据库中删除相应的表格行 内的数据。对于本发明实施例,具体的应用场景可以如下所述但是不局限于此,在网页中创建一个有30行表格行的网页表格,每个表格行对应有具有删除功能的复选框。如果用户需要删除前10行表格行数据以及第17行表格行数据和最后5行表格行数据,则首先通过鼠标拖选选中网页表格中前10行表格行数据,相应的,前10行表格行对应的复选框会被选中,然后在触发ctrl键同时鼠标单击选中第17行表格行的复选框,在继续触发ctrl键同时通过鼠标拖选选中最后5行表格行数据,相应的,最后5行表格行对应的复选框会被选中,这里对应的复选框被选中的表格行为待删除的表格行,从而获取到所有用户待删除的表格行。最后用户可通过鼠标触发网页表格删除事件便可将待删除的表格行删除。本发明实施例提供的一种网页表格删除方法,首先获取网页中含有复选框的网页表格,响应于通过鼠标拖选选中网页表格复选框的指令,获取所述复选框对应的待删除表格行,通过鼠标拖选方式能够更方便用户选中待删除表格行,当接收到触发网页表格删除事件时,将所述待删除表格行删除,进而实现表格中数据的批量删除。与现有技术的网页表格删除方法相比,本发明在选中待删除表格行时无需挨个选中删除,而是采用鼠标拖选方式选中删除,简化了用户操作过程,同时提高了网页表格的删除效率。本发明实施例提供了另一种网页表格删除方法,如图4所示,所述方法包括:201、采用标准html代码在网页中生成含有复选框的网页表格。这里的在网页中生成网页表格的方法,既可以可以采用标准html代码在网页中生成含有复选框的网页表格,也可以采用表格插件在网页中生成含有复选框的网页表格,例如datatables便是一款开发免费的网页表格插件,可帮助开发人员在网页中快速生成表格,生成的表格支持排序、搜索和分页等功能。当在网页中生成网页表格后,可在生成表格的第一列前添加一列具有删除功能的复选框,本发明实施例对生成网页表格的方法不做限定,具体可根据实际情况进行选取。202、通过在网页上创建的图层获取鼠标拖选区域。其中,所述鼠标拖选区域中包括有选中网页表格复选框的待删除表格行,用户根据自己需求通过鼠标拖选选中待删除的表格行,选中的表格行对应的复选框会被选中。这里的图层表示用户鼠标拖选区域,如图5所示,该图层是个矩形区域,区域的边框可通过图层样式表中的颜色参数设置为红色或其他颜色,这里对边框的颜色不作具体限制,用来提醒用户所拖选区域的范围。203、根据所述鼠标拖选区域得到选中网页表格复选框的待删除表格行。具体地,在如何根据用户鼠标拖选区域得到待删除表格行时,可根据所述网页表格中各表格行的纵坐标和所述鼠标拖选区域上下边界的纵坐标,进而得到复选框被选中的待删除表格表格行。举例来说,如图6所示,网页表格中一共包括11个表格行,第一个边框为第一个表格行,第一个表格行上边界纵坐标为y1,每个表格行的高度是rowheight,第二个边框为鼠标拖选区域,该鼠标拖选区域上边界纵坐标是top,下边界纵坐标是bottom,则通过计算可得网页表格中被选中的待删除表格行的编号是(top-y1)/rowheight+1到(bottom-y1)/rowheight+1之间编号,默认表格编号从1开始计算,计算得到鼠标拖选区域的表格行的编号为3、4、5、6的表格行,则编号为3至6的表格行为选中网页表格复选框的待删除表格行,计算结果与图6中鼠标拖选选中的表格行的编号相同。204、当接收到触发网页表格删除事件时,将所述待删除表格行对应的数据删除。本发明实施例的网页表格删除方法主要分为两大步,第一步是通过某种方式获取待删除表格行,第二步是将第一步获取的待删除表格行进行删除。在通过某种方式获取待删除表格行的过程,本发明采用鼠标拖选的方式来获取多个待删除表格行,简化了用户选取多个表格行的操作,若需要删除的表格行不是相邻,则通过触发ctrl键同时采用鼠标拖选的方式获取多个待删除表格行,提高了批量表格删除的效率,同时提高了用户操作体验。基于上述方法实施例,本发明实施例还提供一种网页表格删除装置,本装置实施例与前述方法实施例对应,能够实现前述方法实施例中的全部 内容。为便于阅读,本装置实施例仅对前述方法实施例中的内容进行概要性描述,不对方法实施例中的细节内容进行逐一赘述。如图7所示,该装置包括:第一获取单元31、第二获取单元32、删除单元33。所述第一获取单元31,用于获取网页中含有复选框的网页表格,所述网页表格的每一个表格行对应有该行的复选框;所述第二获取单元32,用于响应于通过鼠标拖选选中网页表格复选框的指令,获取所述复选框对应的待删除表格行;所述删除单元33,用于当接收到触发网页表格删除事件时,将所述待删除表格行删除。进一步地,如图8所示,在本发明另一实施例中,当所述待删除表格行为多个编号连续的表格行时,所述第二获取单元32包括:获取模块,用于响应于通过鼠标拖选选中网页表格复选框的指令,获取多个编号连续的网页表格复选框的表格行;待删除模块,用于将所述多个编号连续的复选框对应的表格行作为待删除表格行。进一步地,如图9所示,在本发明另一实施例中,当所述待删除表格行为多个编号连续的表格行和编号不连续的表格行时,所述第二获取单元32包括:第一获取模块,用于响应于通过鼠标拖选选中网页表格复选框的指令,获取多个编号连续的网页表格复选框的表格行;第二获取模块,用于响应于通过鼠标触发ctrl键同时单击选中网页表格复选框的指令,获取编号不连续的网页表格复选框的表格行;待删除模块,用于将所述多个编号连续的复选框对应的表格行和所述编号不连续的复选框对应的表格行作为待删除表格行。进一步地,如图10所示,在本发明另一实施例中,当所述待删除表格行为多片多个编号连续的表格行和编号不连续的表格行时,所述第二获取单元32包括:第一获取模块,用于响应于通过鼠标拖选选中网页表格复选框的指令,获取第一片多个编号连续的网页表格复选框的表格行;第二获取模块,用于响应于通过鼠标触发ctrl键同时单击选中网页表格复选框的指令,获取编号不连续的网页表格复选框的表格行;第三获取模块,用于响应于通过鼠标触发ctrl键同时拖选选中网页表格复选框的指令,获取除了第一片以外的多个编号连续的网页表格复选框的表格行;待删除模块,用于将所述多片多个编号连续的复选框对应的表格行和所述编号不连续的复选框对应的表格行作为待删除表格行。进一步地,所述第二获取单元32,包括:获取模块,用于通过在网页上创建的图层获取鼠标拖选区域,所述鼠标拖选区域中包括有选中复选框的待删除表格行;待删除模块,用于根据所述鼠标拖选区域得到选中网页表格复选框的待删除表格行。所述待删除模块,具体用于:根据所述网页表格中各表格行的纵坐标和所述鼠标拖选区域上下边界的纵坐标,得到复选框被选中的待删除表格行。本发明提供的一种网页表格删除装置,首先获取网页中含有复选框的网页表格,响应于通过鼠标拖选选中网页表格复选框的指令,获取所述复选框对应的待删除表格行,通过鼠标拖选方式能够更方便用户选中待删除表格行,当接收到触发网页表格删除事件时,将所述待删除表格行删除,进而实现表格中数据的批量删除。与现有技术的网页表格删除方法相比,本发明在选中待删除表格行时无需挨个选中删除,而是采用鼠标拖选方式选中删除,简化了用户操作过程,同时提高了网页表格的删除效率。所述网页表格删除装置包括处理器和存储器,上述第一获取单元31、第二获取单元32和删除单元33等均作为程序单元存储在存储器中,由处理器执行存储在存储器中的上述程序单元来实现相应的功能。处理器中包含内核,由内核去存储器中调取相应的程序单元。内核可以设置一个或以上,通过调整内核参数来提高网页表格的删除效率,方便用户操作本发明的目的。存储器可能包括计算机可读介质中的非永久性存储器,随机存取存储 器(ram)和/或非易失性内存等形式,如只读存储器(rom)或闪存(flashram),存储器包括至少一个存储芯片。本申请还提供了一种计算机程序产品,当在数据处理设备上执行时,适于执行初始化有如下方法步骤的程序代码:在网页中创建含有复选框的网页表格,获取通过鼠标拖选方式选中网页表格复选框的待删除表格行,当触发网页表格删除事件时,将所述待删除表格行删除。本领域内的技术人员应明白,本申请的实施例可提供为方法、系统、或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、cd-rom、光学存储器等)上实施的计算机程序产品的形式。本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。在一个典型的配置中,计算设备包括一个或多个处理器(cpu)、输入/输出接口、网络接口和内存。存储器可能包括计算机可读介质中的非永久性存储器,随机存取存储器(ram)和/或非易失性内存等形式,如只读存储器(rom)或闪存(flashram)。存储器是计算机可读介质的示例。计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(pram)、静态随机存取存储器(sram)、动态随机存取存储器(dram)、其他类型的随机存取存储器(ram)、只读存储器(rom)、电可擦除可编程只读存储器(eeprom)、快闪记忆体或其他内存技术、只读光盘只读存储器(cd-rom)、数字多功能光盘(dvd)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitorymedia),如调制的数据信号和载波。以上仅为本申请的实施例而已,并不用于限制本申请。对于本领域技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本申请的权利要求范围之内。当前第1页12当前第1页12
当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1