CN106610925A - 网页表格的显示方法及装置 - Google Patents

网页表格的显示方法及装置 Download PDF

Info

Publication number
CN106610925A
CN106610925A CN201510703873.3A CN201510703873A CN106610925A CN 106610925 A CN106610925 A CN 106610925A CN 201510703873 A CN201510703873 A CN 201510703873A CN 106610925 A CN106610925 A CN 106610925A
Authority
CN
China
Prior art keywords
target table
row head
state
mouse action
information
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
Application number
CN201510703873.3A
Other languages
English (en)
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.)
Beijing Gridsum Technology Co Ltd
Original Assignee
Beijing Gridsum Technology Co Ltd
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 Beijing Gridsum Technology Co Ltd filed Critical Beijing Gridsum Technology Co Ltd
Priority to CN201510703873.3A priority Critical patent/CN106610925A/zh
Publication of CN106610925A publication Critical patent/CN106610925A/zh
Pending legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00Handling natural language data
    • G06F40/10Text processing
    • G06F40/166Editing, e.g. inserting or deleting
    • G06F40/177Editing, e.g. inserting or deleting of tables; using ruled lines
    • G06F40/18Editing, e.g. inserting or deleting of tables; using ruled lines of spreadsheets
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577Optimising the visualization of content, e.g. distillation of HTML documents
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00Handling natural language data
    • G06F40/10Text processing
    • G06F40/166Editing, e.g. inserting or deleting

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)
  • Health & Medical Sciences (AREA)
  • Artificial Intelligence (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Computational Linguistics (AREA)
  • General Health & Medical Sciences (AREA)
  • Data Mining & Analysis (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本申请公开了一种网页表格的显示方法及装置。该方法包括:在网页中创建目标表格,其中,目标表格为已预先添加鼠标操作功能的表格,目标表格中包括目标表格列头;检测是否接收到对目标表格列头的鼠标操作,其中,鼠标操作包括单击操作和拖拽操作;如果接收到对目标表格列头的鼠标操作,对目标表格列头执行鼠标操作并记录目标表格的第一目标状态,其中,第一目标状态为在对目标表格列头进行鼠标操作之后目标表格中信息的显示状态;以及当需要对目标表格重新进行显示时,目标表格以第一目标状态进行显示。通过本申请,解决了相关技术在网页中使用表格显示数据信息时用户体验度较差的问题。

Description

网页表格的显示方法及装置
技术领域
本申请涉及互联网领域,具体而言,涉及一种网页表格的显示方法及装置。
背景技术
目前,在网页中使用表格显示多行多列的数据是件非常普遍的事情。图1是一种常见的网页表格形式,如图1所示,该表格采用多行多列的形式显示数据,同时支持单列排序功能,即鼠标单击列标题该列内容会按照某种排序规则进行排序。然而,不同的用户对网页表格内容的关注点和浏览习惯都可能不同,不同用户浏览表格时都采用同一表格形式展现数据,会导致用户体验度较差。例如,有些用户可能只关注图1的表格中的“姓名”、“年龄”、“薪水”这3列数据,其它几列用户不关心的数据会对用户浏览造成干扰。有些用户浏览表格时可能喜欢将表格中的“姓名”列按升序排序,有些用户可能喜欢将表格中的“姓名”列按降序排序,但是这些表格列排序效果一旦用户刷新了页面或下次登录该***时都会恢复到默认排序状态,用户需要按自己的浏览习惯对表格重新进行排序。更有甚者,有些用户喜欢自己比较关注的表格列能排在其它列前面,很少关注的表格列能排在其它列后面或直接隐藏掉。然而,传统的网页表格对不同的用户都采用同一表格形式进行数据的展现,用户无法根据自己的内容关注点和浏览习惯对表格展现形式进行私人定制,用户浏览体验较差。
针对相关技术在网页中使用表格显示数据信息时用户体验度较差的问题,目前尚未提出有效的解决方案。
发明内容
本申请的主要目的在于提供一种网页表格的显示方法及装置,以解决相关技术在网页中使用表格显示数据信息时用户体验度较差的问题。
为了实现上述目的,根据本申请的一个方面,提供了一种网页表格的显示方法。该方法包括:在网页中创建目标表格,其中,目标表格为已预先添加鼠标操作功能的表格,目标表格中包括目标表格列头;检测是否接收到对目标表格列头的鼠标操作,其中,鼠标操作包括单击操作和拖拽操作;如果接收到对目标表格列头的鼠标操作,对目标表格列头执行鼠标操作并记录目标表格的第一目标状态,其中,第一目标状态为在对目标表格列头进行鼠标操作之后目标表格中信息的显示状态;以及当需要对目标表格重新进行显示时,目标表格以第一目标状态进行显示。
进一步地,单击操作包括第一单击操作、第二单击操作和第三单击操作,第一单击操作为对目标表格列头对应列中的信息进行排序的操作,第二单击操作为对目标表格列头对应列中的信息进行隐藏的操作,第三单击操作为对目标表格列头对应列中的信息进行显示的操作,拖拽操作包括对目标表格列头对应列在目标表格中进行排序的操作,如果接收到对目标表格列头的鼠标操作,对目标表格列头执行鼠标操作并记录目标表格的第一目标状态包括:如果接收到的鼠标操作是第一单击操作,对目标表格列头对应列中的信息进行排序,记录对目标表格列头对应列中的信息进行排序后目标表格中信息的显示状态;如果接收到的鼠标操作是第二单击操作,对目标表格列头对应列中的信息进行隐藏,记录对目标表格列头对应列中的信息进行隐藏后目标表格中信息的显示状态;如果接收到的鼠标操作是第三单击操作,对目标表格列头对应列中的信息进行显示,记录对目标表格列头对应列中的信息进行显示后目标表格中信息的显示状态;如果接收到的鼠标操作是拖拽操作,对目标表格列头对应列在目标表格中进行排序,记录对目标表格列头对应列在目标表格中进行排序后目标表格中信息的显示状态。
进一步地,在对目标表格列头执行鼠标操作并记录目标表格的第一目标状态之后,在当需要对目标表格重新进行显示时,目标表格以第一目标状态进行显示之前,该方法还包括:将目标表格的第一目标状态存储至网页对应的浏览器的Cookie中,当需要对目标表格重新进行显示时,目标表格以第一目标状态进行显示包括:当需要对目标表格重新进行显示时,从网页对应的浏览器的Cookie中获取目标表格的第一目标状态;以及将目标表格以第一目标状态进行显示。
进一步地,在当需要对目标表格重新进行显示时,目标表格以第一目标状态进行显示之后,该方法还包括:检测是否接收到对目标表格列头的鼠标操作;如果接收到对目标表格列头的鼠标操作,对目标表格列头执行鼠标操作并记录目标表格的第二目标状态;以及当需要对目标表格重新进行显示时,目标表格以第二目标状态进行显示。
进一步地,在对目标表格列头执行鼠标操作并记录目标表格的第二目标状态之后,在当需要对目标表格重新进行显示时,目标表格以第二目标状态进行显示之前,该方法还包括:将目标表格的第二目标状态存储至网页对应的浏览器的Cookie中,并覆盖浏览器的Cookie中已存储的目标表格的第一目标状态,当需要对目标表格重新进行显示时,目标表格以第二目标状态进行显示包括:当需要对目标表格重新进行显示时,从网页对应的浏览器的Cookie中获取目标表格的第二目标状态;以及将目标表格以第二目标状态进行显示。
为了实现上述目的,根据本申请的另一方面,提供了一种网页表格的显示装置。该装置包括:创建单元,用于在网页中创建目标表格,其中,目标表格为已预先添加鼠标操作功能的表格,目标表格中包括目标表格列头;第一检测单元,用于检测是否接收到对目标表格列头的鼠标操作,其中,鼠标操作包括单击操作和拖拽操作;第一记录单元,用于在接收到对目标表格列头的鼠标操作的情况下,对目标表格列头执行鼠标操作并记录目标表格的第一目标状态,其中,第一目标状态为在对目标表格列头进行鼠标操作之后目标表格中信息的显示状态;以及第一显示单元,用于当需要对目标表格重新进行显示时,目标表格以第一目标状态进行显示。
进一步地,单击操作包括第一单击操作、第二单击操作和第三单击操作,第一单击操作为对目标表格列头对应列中的信息进行排序的操作,第二单击操作为对目标表格列头对应列中的信息进行隐藏的操作,第三单击操作为对目标表格列头对应列中的信息进行显示的操作,拖拽操作包括对目标表格列头对应列在目标表格中进行排序的操作,第一记录单元包括:第一排序模块,用于在接收到的鼠标操作是第一单击操作的情况下,对目标表格列头对应列中的信息进行排序,记录对目标表格列头对应列中的信息进行排序后目标表格中信息的显示状态;隐藏模块,用于在接收到的鼠标操作是第二单击操作的情况下,对目标表格列头对应列中的信息进行隐藏,记录对目标表格列头对应列中的信息进行隐藏后目标表格中信息的显示状态;显示模块,用于在接收到的鼠标操作是第三单击操作的情况下,对目标表格列头对应列中的信息进行显示,记录对目标表格列头对应列中的信息进行显示后目标表格中信息的显示状态;第二排序模块,用于在接收到的鼠标操作是拖拽操作的情况下,对目标表格列头对应列在目标表格中进行排序,记录对目标表格列头对应列在目标表格中进行排序后目标表格中信息的显示状态。
进一步地,该装置还包括:第一存储单元,用于将目标表格的第一目标状态存储至网页对应的浏览器的Cookie中,第一显示单元还用于当需要对目标表格重新进行显示时,从网页对应的浏览器的Cookie中获取目标表格的第一目标状态;以及将目标表格以第一目标状态进行显示。
进一步地,该装置还包括:第二检测单元,用于检测是否接收到对目标表格列头的鼠标操作;第二记录单元,用于在接收到对目标表格列头的鼠标操作的情况下,对目标表格列头执行鼠标操作并记录目标表格的第二目标状态;以及第二显示单元,用于当需要对目标表格重新进行显示时,目标表格以第二目标状态进行显示。
进一步地,该装置还包括:第二存储单元,用于将目标表格的第二目标状态存储至网页对应的浏览器的Cookie中,并覆盖浏览器的Cookie中已存储的目标表格的第一目标状态,第二显示单元还用于当需要对目标表格重新进行显示时,从网页对应的浏览器的Cookie中获取目标表格的第二目标状态;以及将目标表格以第二目标状态进行显示。
通过本申请,采用以下步骤:在网页中创建目标表格,其中,目标表格为已预先添加鼠标操作功能的表格,目标表格中包括目标表格列头;检测是否接收到对目标表格列头的鼠标操作,其中,鼠标操作包括单击操作和拖拽操作;如果接收到对目标表格列头的鼠标操作,对目标表格列头执行鼠标操作并记录目标表格的第一目标状态,其中,第一目标状态为在对目标表格列头进行鼠标操作之后目标表格中信息的显示状态;以及当需要对目标表格重新进行显示时,目标表格以第一目标状态进行显示,解决了相关技术在网页中使用表格显示数据信息时用户体验度较差的问题,由于记录了在对目标表格列头执行鼠标操作后目标表格的第一目标状态,当需要对目标表格重新进行显示时,目标表格以第一目标状态进行显示,在网页表格中实现了对表格展现形式进行自定义配置,下次表格显示时会根据上次配置信息显示表格,进而达到了提升用户体验度的效果。
附图说明
构成本申请的一部分的附图用来提供对本申请的进一步理解,本申请的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:
图1是相关技术在网页中使用表格显示数据信息的示意图;
图2是根据本申请第一实施例的网页表格的显示方法的流程图;
图3是根据本申请第二实施例的网页表格的显示方法的流程图;以及
图4是根据本申请实施例的网页表格的显示装置的示意图。
具体实施方式
需要说明的是,在不冲突的情况下,本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。
为了使本技术领域的人员更好地理解本申请方案,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分的实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都应当属于本申请保护的范围。
需要说明的是,本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本申请的实施例。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、***、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
为了便于描述,以下对本申请实施例涉及的几个术语进行说明:
网页表格:使用HTML表格标签代码在网页中创建的表格。
DataTables:一款开源、免费的网页表格插件,可帮助开发人员在网页中快速生成表格,生成的表格支持排序、搜索、分页等功能。
javascript:一种浏览器中运行的脚本语言。网页中进行事件处理以及用户和网页交互都需要用到该语言。
JQuery:一种开源、免费的javascript库,封装了很多接口,可以对网页中的元素进行各种操作。
Cookie:浏览器在用户机器本地的数据存储,以键值的方式进行数据的存储。向浏览器Cookie存储数据或读取数据可以通过javascript或JQuery的相应接口来完成。
根据本申请的实施例,提供了一种网页表格的显示方法。
图2是根据本申请第一实施例的网页表格的显示方法的流程图。如图2所示,该方法包括以下步骤:
步骤S201,在网页中创建目标表格,其中,目标表格为已预先添加鼠标操作功能的表格,目标表格中包括目标表格列头。
在网页中创建目标表格可以使用标准的HTML代码来实现,也可以借助于表格插件来生成表格,例如,DataTables便是一款十分优秀的开源、免费的网页表格插件,可以帮助开发人员在网页中快速生成表格,生成的表格默认支持排序、搜索、分页等功能。通过现有技术中的网页表格插件,在网页中创建目标表格。
步骤S202,检测是否接收到对目标表格列头的鼠标操作。
检测是否接收到对上述创建的目标表格中的目标表格列头的鼠标操作,其中,鼠标操作包括单击操作和拖拽操作。
步骤S203,如果接收到对目标表格列头的鼠标操作,对目标表格列头执行鼠标操作并记录目标表格的第一目标状态,其中,第一目标状态为在对目标表格列头进行鼠标操作之后目标表格中信息的显示状态。
具体地,单击操作包括第一单击操作、第二单击操作和第三单击操作,第一单击操作为对目标表格列头对应列中的信息进行排序的操作,第二单击操作为对目标表格列头对应列中的信息进行隐藏的操作,第三单击操作为对目标表格列头对应列中的信息进行显示的操作,拖拽操作包括对目标表格列头对应列在目标表格中进行排序的操作,如果接收到对目标表格列头的鼠标操作,对目标表格列头执行鼠标操作并记录目标表格的第一目标状态包括:如果接收到的鼠标操作是第一单击操作,对目标表格列头对应列中的信息进行排序,记录对目标表格列头对应列中的信息进行排序后目标表格中信息的显示状态;如果接收到的鼠标操作是第二单击操作,对目标表格列头对应列中的信息进行隐藏,记录对目标表格列头对应列中的信息进行隐藏后目标表格中信息的显示状态;如果接收到的鼠标操作是第三单击操作,对目标表格列头对应列中的信息进行显示,记录对目标表格列头对应列中的信息进行显示后目标表格中信息的显示状态;如果接收到的鼠标操作是拖拽操作,对目标表格列头对应列在目标表格中进行排序,记录对目标表格列头对应列在目标表格中进行排序后目标表格中信息的显示状态。
步骤S204,当需要对目标表格重新进行显示时,目标表格以第一目标状态进行显示。
优选地,在对目标表格列头执行鼠标操作并记录目标表格的第一目标状态之后,在当需要对目标表格重新进行显示时,目标表格以第一目标状态进行显示之前,该方法还包括:将目标表格的第一目标状态存储至网页对应的浏览器的Cookie中,当需要对目标表格重新进行显示时,目标表格以第一目标状态进行显示包括:当需要对目标表格重新进行显示时,从网页对应的浏览器的Cookie中获取目标表格的第一目标状态;以及将目标表格以第一目标状态进行显示。
目标表格是一个多行多列的结构,通过鼠标单击列头对表格列中的信息进行排序,该列将按照某种排序规则递增或递减排序,相关技术中已有现成的表格插件可以自动实现表格列头单击时排序效果了,比如DataTables表格插件。在鼠标单击表格列头实现排序时需要记录下该列的排序状态是递增还是递减排序,记录的数据可以保存在浏览器的Cookie中,下次表格所在页面加载显示时可以从Cookie中读取表格排序状态并按该状态对表格进行排序。通过直接在浏览器的Cookie中读取排序状态,提升了加载表格排序状态的速度。向浏览器的Cookie中存储数据或读取数据可以通过javascript或JQuery的相应接口来完成。
当用户使用鼠标左键在表格列头按下并拖拽时可调整该列在表格其他列中的显示顺序,具体的顺序确定需要根据鼠标拖拽过程释放位置来计算。表格中有多列,每一列的宽度都是可以获取的,当鼠标拖拽某列列头移动到某个位置释放时可以获取鼠标的坐标,根据该坐标可以计算出鼠标释放位置处于表格哪一列上,然后使用JQuery将被拖拽的列的HTML代码从原DOM位置中删除,然后***到新DOM位置中即可实现表格列位置调整。表格列位置调整后需要记录下表格中每一列在表格中的显示顺序,记录的数据保存在浏览器的Cookie中,下次表格所在页面加载显示时可以从浏览器Cookie中取出表格每一列的显示顺序然后按该顺序显示表格。
表格中用户不关心的列可以选择隐藏,具体操作时鼠标右键单击该列列头然后在弹出的右键菜单中单击“隐藏该列”菜单即可。表格中的右键菜单可以用Div来实现,右键菜单中的子菜单“隐藏该列”可以通过在父Div里面嵌套一个子Div来实现,然后给子Div添加鼠标单击事件,在鼠标单击事件处理函数里面编写隐藏表格某列的javascript代码即可。表格中隐藏某列的显示可以通过CSS样式来控制,当通过鼠标右键菜单点击的方式确定要隐藏的表格列时可以通过javascript找到要隐藏的表格列列头以及该列下所有单元格,然后通过CSS样式{display:none}即可实现该列列头和该列下所有单元格的隐藏。当表格某列被用户隐藏后需要将被隐藏的列信息保存到浏览器的Cookie中,下次表格所在页面加载显示时从浏览器Cookie中读取表格被隐藏的列信息显示表格时这些隐藏的列就不需要显示了。
用户使用右键菜单隐藏表格列后还可以通过右键菜单显示隐藏的列,具体操作是在需要显示隐藏列的位置鼠标右键单击然后在弹出的右键菜单中选择显示被隐藏的列即可。被隐藏的表格列显示位置可以通过鼠标右键单击时的鼠标位置进行计算。表格右键菜单的生成方法上述已描述,在此不再赘述。右键菜单中选择要显示的菜单,这些菜单是之前用户通过右键菜单隐藏掉的,被隐藏的表格列信息都存储在了浏览器的Cookie中,从浏览器的Cookie中取出所有被隐藏的表格列信息即可让用户在右键菜单中选择哪些列需要重新显示。无论是使用右键菜单隐藏表格某列还是通过右键菜单显示表格某列,都需要将被隐藏的列信息或被重新显示的列信息保存到浏览器的Cookie中,以便于表格下次显示时可以从浏览器Cookie中读取这些信息并在表格重新创建时将不需要显示的列隐藏,将需要显示的列显示出来。
网页刷新或***重新登陆时安装用户上次配置显示表格,当网页被用户刷新或***重新登录进入到表格所在页面时需要从浏览器的Cookie中读取用户之前配置的表格显示信息,包括表格列排序状态、表格被隐藏列、表格列显示顺序,从浏览器Cookie读取数据可以使用JQuery的接口;然后根据这些信息进行表格的重新生成。让用户感觉重新生成的表格状态和上次浏览时完全一致。
本申请实施例提供的网页表格的显示方法,通过在网页中创建目标表格,其中,目标表格为已预先添加鼠标操作功能的表格,目标表格中包括目标表格列头;检测是否接收到对目标表格列头的鼠标操作,其中,鼠标操作包括单击操作和拖拽操作;如果接收到对目标表格列头的鼠标操作,对目标表格列头执行鼠标操作并记录目标表格的第一目标状态,其中,第一目标状态为在对目标表格列头进行鼠标操作之后目标表格中信息的显示状态;以及当需要对目标表格重新进行显示时,目标表格以第一目标状态进行显示,解决了相关技术在网页中使用表格显示数据信息时用户体验度较差的问题,由于记录了在对目标表格列头执行鼠标操作后目标表格的第一目标状态,当需要对目标表格重新进行显示时,目标表格以第一目标状态进行显示,在网页表格中实现了对表格展现形式进行自定义配置,下次表格显示时会根据上次配置信息显示表格,进而达到了提升用户体验度的效果。
图3是根据本申请第二实施例的网页表格的显示方法的流程图。图3可以作为图2所示实施例的一种优选实施方式。如图3所示,该方法包括以下步骤:
步骤S301,在网页中创建目标表格,其中,目标表格为已预先添加鼠标操作功能的表格,目标表格中包括目标表格列头。
步骤S301同上述的步骤S201,在此不再赘述。
步骤S302,检测是否接收到对目标表格列头的鼠标操作,其中,鼠标操作包括单击操作和拖拽操作。
步骤S302同上述的步骤S202,在此不再赘述。
步骤S303,如果接收到对目标表格列头的鼠标操作,对目标表格列头执行鼠标操作并记录目标表格的第一目标状态,其中,第一目标状态为在对目标表格列头进行鼠标操作之后目标表格中信息的显示状态。
步骤S303同上述的步骤S203,在此不再赘述。
步骤S304,当需要对目标表格重新进行显示时,目标表格以第一目标状态进行显示。
步骤S304同上述的步骤S204,在此不再赘述。
步骤S305,检测是否接收到对目标表格列头的鼠标操作。
在目标表格以第一目标状态进行显示之后,再次检测是否接收到对目标表格列头的鼠标操作。
步骤S306,如果接收到对目标表格列头的鼠标操作,对目标表格列头执行鼠标操作并记录目标表格的第二目标状态。
在目标表格以第一目标状态进行显示之后,如果接收到对目标表格列头的鼠标操作,对目标表格列头执行鼠标操作并记录目标表格的第二目标状态。
步骤S307,当需要对目标表格重新进行显示时,目标表格以第二目标状态进行显示。
优选地,在对目标表格列头执行鼠标操作并记录目标表格的第二目标状态之后,在当需要对目标表格重新进行显示时,目标表格以第二目标状态进行显示之前,该方法还包括:将目标表格的第二目标状态存储至网页对应的浏览器的Cookie中,并覆盖浏览器的Cookie中已存储的目标表格的第一目标状态,当需要对目标表格重新进行显示时,目标表格以第二目标状态进行显示包括:当需要对目标表格重新进行显示时,从网页对应的浏览器的Cookie中获取目标表格的第二目标状态;以及将目标表格以第二目标状态进行显示。
在目标表格以第一目标状态进行显示之后,通过再次检测是否接收到对目标表格列头的鼠标操作,如果接收到对目标表格列头的鼠标操作,对目标表格列头执行鼠标操作并记录目标表格的第二目标状态,当需要对目标表格重新进行显示时,目标表格以第二目标状态进行显示。对目标表格的状态进行及时更新,将目标表格的最新状态在用户面前显示,保证了让用户感觉重新生成的表格状态和上次浏览时完全一致。
本申请实施例提供的网页表格的显示方法,通过在网页中创建目标表格,其中,目标表格为已预先添加鼠标操作功能的表格,目标表格中包括目标表格列头;检测是否接收到对目标表格列头的鼠标操作,其中,鼠标操作包括单击操作和拖拽操作;如果接收到对目标表格列头的鼠标操作,对目标表格列头执行鼠标操作并记录目标表格的第一目标状态,其中,第一目标状态为在对目标表格列头进行鼠标操作之后目标表格中信息的显示状态;以及当需要对目标表格重新进行显示时,目标表格以第一目标状态进行显示,检测是否接收到对目标表格列头的鼠标操作;如果接收到对目标表格列头的鼠标操作,对目标表格列头执行鼠标操作并记录目标表格的第二目标状态;以及当需要对目标表格重新进行显示时,目标表格以第二目标状态进行显示,解决了相关技术在网页中使用表格显示数据信息时用户体验度较差的问题,由于记录了在对目标表格列头执行鼠标操作后目标表格的第二目标状态,当需要对目标表格重新进行显示时,目标表格以第二目标状态进行显示,在网页表格中实现了对表格展现形式进行自定义配置,下次表格显示时会根据上次配置信息显示表格,进而达到了提升用户体验度的效果。
此处还需要说明的是,本申请提供的网页表格的显示方法中对目标表格列头的操作不限于鼠标操作,也可以为键盘操作,或者触摸操作,例如,在触摸显示屏中,还可以通过触摸屏采集到的电信号来实现本申请实施例提供的网页表格的显示方法,即在本申请中不限于对表格列头预先添加鼠标操作功能,也可以预先添加键盘操作功能,或者触摸操作功能,根据预先添加的功能对网页中的表格进行相应的编辑功能,在再次显示网页中的表格时,显示上次设置过的表格的状态,进而达到了提升用户体验度的效果。
另外,在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机***中执行,并且,虽然在流程图中示出了逻辑顺序,但是在某些情况下,可以以不同于此处的顺序执行所示出或描述的步骤。
本申请实施例还提供了一种网页表格的显示装置,需要说明的是,本申请实施例的网页表格的显示装置可以用于执行本申请实施例所提供的用于网页表格的显示方法。以下对本申请实施例提供的网页表格的显示装置进行介绍。
图4是根据本申请实施例的网页表格的显示装置的示意图。如图4所示,该装置包括:创建单元10、第一检测单元20、第一记录单元30和第一显示单元40。
创建单元10,用于在网页中创建目标表格,其中,目标表格为已预先添加鼠标操作功能的表格,目标表格中包括目标表格列头。
第一检测单元20,用于检测是否接收到对目标表格列头的鼠标操作,其中,鼠标操作包括单击操作和拖拽操作。
第一记录单元30,用于在接收到对目标表格列头的鼠标操作的情况下,对目标表格列头执行鼠标操作并记录目标表格的第一目标状态,其中,第一目标状态为在对目标表格列头进行鼠标操作之后目标表格中信息的显示状态。
第一显示单元40,用于当需要对目标表格重新进行显示时,目标表格以第一目标状态进行显示。
本申请实施例提供的网页表格的显示装置,通过创建单元10在网页中创建目标表格,其中,目标表格为已预先添加鼠标操作功能的表格,目标表格中包括目标表格列头;第一检测单元20检测是否接收到对目标表格列头的鼠标操作,其中,鼠标操作包括单击操作和拖拽操作;第一记录单元30在接收到对目标表格列头的鼠标操作的情况下,对目标表格列头执行鼠标操作并记录目标表格的第一目标状态,其中,第一目标状态为在对目标表格列头进行鼠标操作之后目标表格中信息的显示状态;以及第一显示单元40当需要对目标表格重新进行显示时,目标表格以第一目标状态进行显示,解决了相关技术在网页中使用表格显示数据信息时用户体验度较差的问题,进而达到了在网页中使用表格显示数据信息时提升用户体验度的效果。
可选地,在本申请实施例提供的网页表格的显示装置中,单击操作包括第一单击操作、第二单击操作和第三单击操作,第一单击操作为对目标表格列头对应列中的信息进行排序的操作,第二单击操作为对目标表格列头对应列中的信息进行隐藏的操作,第三单击操作为对目标表格列头对应列中的信息进行显示的操作,拖拽操作包括对目标表格列头对应列在目标表格中进行排序的操作,第一记录单元30包括:第一排序模块,用于在接收到的鼠标操作是第一单击操作的情况下,对目标表格列头对应列中的信息进行排序,记录对目标表格列头对应列中的信息进行排序后目标表格中信息的显示状态;隐藏模块,用于在接收到的鼠标操作是第二单击操作的情况下,对目标表格列头对应列中的信息进行隐藏,记录对目标表格列头对应列中的信息进行隐藏后目标表格中信息的显示状态;显示模块,用于在接收到的鼠标操作是第三单击操作的情况下,对目标表格列头对应列中的信息进行显示,记录对目标表格列头对应列中的信息进行显示后目标表格中信息的显示状态;第二排序模块,用于在接收到的鼠标操作是拖拽操作的情况下,对目标表格列头对应列在目标表格中进行排序,记录对目标表格列头对应列在目标表格中进行排序后目标表格中信息的显示状态。
可选地,在本申请实施例提供的网页表格的显示装置中,该装置还包括:第一存储单元,用于将目标表格的第一目标状态存储至网页对应的浏览器的Cookie中,第一显示单元还用于当需要对目标表格重新进行显示时,从网页对应的浏览器的Cookie中获取目标表格的第一目标状态;以及将目标表格以第一目标状态进行显示。
可选地,在本申请实施例提供的网页表格的显示装置中,该装置还包括:第二检测单元,用于检测是否接收到对目标表格列头的鼠标操作;第二记录单元,用于在接收到对目标表格列头的鼠标操作的情况下,对目标表格列头执行鼠标操作并记录目标表格的第二目标状态;以及第二显示单元,用于当需要对目标表格重新进行显示时,目标表格以第二目标状态进行显示。
可选地,在本申请实施例提供的网页表格的显示装置中,该装置还包括:第二存储单元,用于将目标表格的第二目标状态存储至网页对应的浏览器的Cookie中,并覆盖浏览器的Cookie中已存储的目标表格的第一目标状态,第二显示单元还用于当需要对目标表格重新进行显示时,从网页对应的浏览器的Cookie中获取目标表格的第二目标状态;以及将目标表格以第二目标状态进行显示。
所述网页表格的显示装置包括处理器和存储器,上述创建单元、第一检测单元、第一记录单元和第一显示单元等均作为程序单元存储在存储器中,由处理器执行存储在存储器中的上述程序单元。
处理器中包含内核,由内核去存储器中调取相应的程序单元。内核可以设置一个或以上,通过调整内核参数来显示网页表格。
存储器可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM),存储器包括至少一个存储芯片。
本申请还提供了一种计算机程序产品的实施例,当在数据处理设备上执行时,适于执行初始化有如下方法步骤的程序代码:在网页中创建目标表格,其中,目标表格为已预先添加鼠标操作功能的表格,目标表格中包括目标表格列头;检测是否接收到对目标表格列头的鼠标操作,其中,鼠标操作包括单击操作和拖拽操作;如果接收到对目标表格列头的鼠标操作,对目标表格列头执行鼠标操作并记录目标表格的第一目标状态,其中,第一目标状态为在对目标表格列头进行鼠标操作之后目标表格中信息的显示状态;以及当需要对目标表格重新进行显示时,目标表格以第一目标状态进行显示。
需要说明的是,对于前述的各方法实施例,为了简单描述,故将其都表述为一系列的动作组合,但是本领域技术人员应该知悉,本申请并不受所描述的动作顺序的限制,因为依据本申请,某些步骤可以采用其他顺序或者同时进行。其次,本领域技术人员也应该知悉,说明书中所描述的实施例均属于优选实施例,所涉及的动作和模块并不一定是本申请所必须的。
在上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述的部分,可以参见其他实施例的相关描述。
在本申请所提供的几个实施例中,应该理解到,所揭露的装置,可通过其它的方式实现。例如,以上所描述的装置实施例仅仅是示意性的,例如所述单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个***,或一些特征可以忽略,或不执行。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本申请各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
显然,本领域的技术人员应该明白,上述的本申请的各模块或各步骤可以用通用的计算装置来实现,它们可以集中在单个的计算装置上,或者分布在多个计算装置所组成的网络上,可选地,它们可以用计算装置可执行的程序代码来实现,从而,可以将它们存储在存储装置中由计算装置来执行,或者将它们分别制作成各个集成电路模块,或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样,本申请不限制于任何特定的硬件和软件结合。
以上所述仅为本申请的优选实施例,并不用于限制本申请,对于本领域的技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本申请的保护范围之内。

Claims (10)

1.一种网页表格的显示方法,其特征在于,包括:
在网页中创建目标表格,其中,所述目标表格为已预先添加鼠标操作功能的表格,所述目标表格中包括目标表格列头;
检测是否接收到对所述目标表格列头的鼠标操作,其中,所述鼠标操作包括单击操作和拖拽操作;
如果接收到对所述目标表格列头的鼠标操作,对所述目标表格列头执行所述鼠标操作并记录所述目标表格的第一目标状态,其中,所述第一目标状态为在对所述目标表格列头进行鼠标操作之后所述目标表格中信息的显示状态;以及
当需要对所述目标表格重新进行显示时,所述目标表格以所述第一目标状态进行显示。
2.根据权利要求1所述的方法,其特征在于,所述单击操作包括第一单击操作、第二单击操作和第三单击操作,所述第一单击操作为对所述目标表格列头对应列中的信息进行排序的操作,所述第二单击操作为对所述目标表格列头对应列中的信息进行隐藏的操作,所述第三单击操作为对所述目标表格列头对应列中的信息进行显示的操作,所述拖拽操作包括对所述目标表格列头对应列在所述目标表格中进行排序的操作,如果接收到对所述目标表格列头的鼠标操作,对所述目标表格列头执行所述鼠标操作并记录所述目标表格的第一目标状态包括:
如果接收到的所述鼠标操作是所述第一单击操作,对所述目标表格列头对应列中的信息进行排序,记录对所述目标表格列头对应列中的信息进行排序后所述目标表格中信息的显示状态;
如果接收到的所述鼠标操作是所述第二单击操作,对所述目标表格列头对应列中的信息进行隐藏,记录对所述目标表格列头对应列中的信息进行隐藏后所述目标表格中信息的显示状态;
如果接收到的所述鼠标操作是所述第三单击操作,对所述目标表格列头对应列中的信息进行显示,记录对所述目标表格列头对应列中的信息进行显示后所述目标表格中信息的显示状态;
如果接收到的所述鼠标操作是所述拖拽操作,对所述目标表格列头对应列在所述目标表格中进行排序,记录对所述目标表格列头对应列在所述目标表格中进行排序后所述目标表格中信息的显示状态。
3.根据权利要求1所述的方法,其特征在于,
在对所述目标表格列头执行所述鼠标操作并记录所述目标表格的第一目标状态之后,在当需要对所述目标表格重新进行显示时,所述目标表格以所述第一目标状态进行显示之前,所述方法还包括:将所述目标表格的第一目标状态存储至所述网页对应的浏览器的Cookie中,
当需要对所述目标表格重新进行显示时,所述目标表格以所述第一目标状态进行显示包括:当需要对所述目标表格重新进行显示时,从所述网页对应的浏览器的Cookie中获取所述目标表格的第一目标状态;以及将所述目标表格以所述第一目标状态进行显示。
4.根据权利要求3所述的方法,其特征在于,在当需要对所述目标表格重新进行显示时,所述目标表格以所述第一目标状态进行显示之后,所述方法还包括:
检测是否接收到对所述目标表格列头的鼠标操作;
如果接收到对所述目标表格列头的鼠标操作,对所述目标表格列头执行所述鼠标操作并记录所述目标表格的第二目标状态;以及
当需要对所述目标表格重新进行显示时,所述目标表格以所述第二目标状态进行显示。
5.根据权利要求4所述的方法,其特征在于,
在对所述目标表格列头执行所述鼠标操作并记录所述目标表格的第二目标状态之后,在当需要对所述目标表格重新进行显示时,所述目标表格以所述第二目标状态进行显示之前,所述方法还包括:将所述目标表格的第二目标状态存储至所述网页对应的浏览器的Cookie中,并覆盖所述浏览器的Cookie中已存储的所述目标表格的第一目标状态,
当需要对所述目标表格重新进行显示时,所述目标表格以所述第二目标状态进行显示包括:当需要对所述目标表格重新进行显示时,从所述网页对应的浏览器的Cookie中获取所述目标表格的第二目标状态;以及将所述目标表格以所述第二目标状态进行显示。
6.一种网页表格的显示装置,其特征在于,包括:
创建单元,用于在网页中创建目标表格,其中,所述目标表格为已预先添加鼠标操作功能的表格,所述目标表格中包括目标表格列头;
第一检测单元,用于检测是否接收到对所述目标表格列头的鼠标操作,其中,所述鼠标操作包括单击操作和拖拽操作;
第一记录单元,用于在接收到对所述目标表格列头的鼠标操作的情况下,对所述目标表格列头执行所述鼠标操作并记录所述目标表格的第一目标状态,其中,所述第一目标状态为在对所述目标表格列头进行鼠标操作之后所述目标表格中信息的显示状态;以及
第一显示单元,用于当需要对所述目标表格重新进行显示时,所述目标表格以所述第一目标状态进行显示。
7.根据权利要求6所述的装置,其特征在于,所述单击操作包括第一单击操作、第二单击操作和第三单击操作,所述第一单击操作为对所述目标表格列头对应列中的信息进行排序的操作,所述第二单击操作为对所述目标表格列头对应列中的信息进行隐藏的操作,所述第三单击操作为对所述目标表格列头对应列中的信息进行显示的操作,所述拖拽操作包括对所述目标表格列头对应列在所述目标表格中进行排序的操作,所述第一记录单元包括:
第一排序模块,用于在接收到的所述鼠标操作是所述第一单击操作的情况下,对所述目标表格列头对应列中的信息进行排序,记录对所述目标表格列头对应列中的信息进行排序后所述目标表格中信息的显示状态;
隐藏模块,用于在接收到的所述鼠标操作是所述第二单击操作的情况下,对所述目标表格列头对应列中的信息进行隐藏,记录对所述目标表格列头对应列中的信息进行隐藏后所述目标表格中信息的显示状态;
显示模块,用于在接收到的所述鼠标操作是所述第三单击操作的情况下,对所述目标表格列头对应列中的信息进行显示,记录对所述目标表格列头对应列中的信息进行显示后所述目标表格中信息的显示状态;
第二排序模块,用于在接收到的所述鼠标操作是所述拖拽操作的情况下,对所述目标表格列头对应列在所述目标表格中进行排序,记录对所述目标表格列头对应列在所述目标表格中进行排序后所述目标表格中信息的显示状态。
8.根据权利要求6所述的装置,其特征在于,所述装置还包括:第一存储单元,用于将所述目标表格的第一目标状态存储至所述网页对应的浏览器的Cookie中,
所述第一显示单元还用于当需要对所述目标表格重新进行显示时,从所述网页对应的浏览器的Cookie中获取所述目标表格的第一目标状态;以及将所述目标表格以所述第一目标状态进行显示。
9.根据权利要求8所述的装置,其特征在于,所述装置还包括:
第二检测单元,用于检测是否接收到对所述目标表格列头的鼠标操作;
第二记录单元,用于在接收到对所述目标表格列头的鼠标操作的情况下,对所述目标表格列头执行所述鼠标操作并记录所述目标表格的第二目标状态;以及
第二显示单元,用于当需要对所述目标表格重新进行显示时,所述目标表格以所述第二目标状态进行显示。
10.根据权利要求9所述的装置,其特征在于,所述装置还包括:第二存储单元,用于将所述目标表格的第二目标状态存储至所述网页对应的浏览器的Cookie中,并覆盖所述浏览器的Cookie中已存储的所述目标表格的第一目标状态,
所述第二显示单元还用于当需要对所述目标表格重新进行显示时,从所述网页对应的浏览器的Cookie中获取所述目标表格的第二目标状态;以及将所述目标表格以所述第二目标状态进行显示。
CN201510703873.3A 2015-10-26 2015-10-26 网页表格的显示方法及装置 Pending CN106610925A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201510703873.3A CN106610925A (zh) 2015-10-26 2015-10-26 网页表格的显示方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201510703873.3A CN106610925A (zh) 2015-10-26 2015-10-26 网页表格的显示方法及装置

Publications (1)

Publication Number Publication Date
CN106610925A true CN106610925A (zh) 2017-05-03

Family

ID=58614003

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201510703873.3A Pending CN106610925A (zh) 2015-10-26 2015-10-26 网页表格的显示方法及装置

Country Status (1)

Country Link
CN (1) CN106610925A (zh)

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107346347A (zh) * 2017-09-13 2017-11-14 广州酷狗计算机科技有限公司 网页表格显示方法及装置
CN108648085A (zh) * 2018-05-21 2018-10-12 深圳市富途网络科技有限公司 一种证券平台美股盘前盘后信息的展示方法及***
CN109271618A (zh) * 2018-08-30 2019-01-25 山东浪潮通软信息科技有限公司 一种可记忆用户操作习惯的表格组件
CN112686011A (zh) * 2020-12-30 2021-04-20 武汉联影医疗科技有限公司 表格单元组互换方法、装置、计算机设备和存储介质
CN113343159A (zh) * 2021-08-06 2021-09-03 万商云集(成都)科技股份有限公司 一种从任意渠道快速获取数据并分析与存储的方法及***

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1395193A (zh) * 2001-07-05 2003-02-05 英业达股份有限公司 在网页上生成动态可编辑表格的方法
CN1434399A (zh) * 2002-01-24 2003-08-06 英业达股份有限公司 网页表格重新排列的***与方法
CN103699387A (zh) * 2013-12-27 2014-04-02 金蝶软件(中国)有限公司 表格处理方法和***
CN104239022A (zh) * 2013-06-18 2014-12-24 深圳市华傲数据技术有限公司 一种表格组件处理方法和装置

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1395193A (zh) * 2001-07-05 2003-02-05 英业达股份有限公司 在网页上生成动态可编辑表格的方法
CN1434399A (zh) * 2002-01-24 2003-08-06 英业达股份有限公司 网页表格重新排列的***与方法
CN104239022A (zh) * 2013-06-18 2014-12-24 深圳市华傲数据技术有限公司 一种表格组件处理方法和装置
CN103699387A (zh) * 2013-12-27 2014-04-02 金蝶软件(中国)有限公司 表格处理方法和***

Cited By (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107346347A (zh) * 2017-09-13 2017-11-14 广州酷狗计算机科技有限公司 网页表格显示方法及装置
CN107346347B (zh) * 2017-09-13 2020-04-24 广州酷狗计算机科技有限公司 网页表格显示方法及装置
CN108648085A (zh) * 2018-05-21 2018-10-12 深圳市富途网络科技有限公司 一种证券平台美股盘前盘后信息的展示方法及***
CN109271618A (zh) * 2018-08-30 2019-01-25 山东浪潮通软信息科技有限公司 一种可记忆用户操作习惯的表格组件
CN109271618B (zh) * 2018-08-30 2023-09-26 浪潮通用软件有限公司 一种可记忆用户操作习惯的表格组件实现方法
CN112686011A (zh) * 2020-12-30 2021-04-20 武汉联影医疗科技有限公司 表格单元组互换方法、装置、计算机设备和存储介质
CN113343159A (zh) * 2021-08-06 2021-09-03 万商云集(成都)科技股份有限公司 一种从任意渠道快速获取数据并分析与存储的方法及***
CN113343159B (zh) * 2021-08-06 2021-11-12 万商云集(成都)科技股份有限公司 一种从任意渠道快速获取数据并分析与存储的方法及***

Similar Documents

Publication Publication Date Title
US10671692B2 (en) Uniquely identifying and tracking selectable web page objects
US10296175B2 (en) Visual presentation of multiple internet pages
US10185782B2 (en) Mode identification for selective document content presentation
CN103853729B (zh) 页面加载方法及其***
CN106610925A (zh) 网页表格的显示方法及装置
US20160077695A1 (en) Methods, Systems, And Computer Program Products For Grouping Tabbed Portions Of A Display Object Based On Content Relationships And User Interaction Levels
CN103123648B (zh) 在划定区域中呈现丰富的搜索结果
CN106775301A (zh) 一种终端的截图方法和终端设备
US20110179004A1 (en) Method and system for an internet browser add-on providng simultaneous multiple interactive websites
CN107239528B (zh) 搜索结果显示方法及装置
CN106610993A (zh) 视频预览的展示方法、装置
CN103034518B (zh) 加载浏览器控制工具的方法及浏览器
CN106527888A (zh) 滑屏查找页面的方法及装置
CN106156194A (zh) 一种形成用户操作路径的方法及装置
US20130339839A1 (en) Analyzing User Interaction
CN112394861B (zh) 页面跳转方法、装置、存储介质及电子装置
EP2495645B1 (en) Object control method for displaying objects in front of link elements
CN108595697A (zh) 网页集成方法、装置及***
CN108780377A (zh) 使用计算设备的对象管理和可视化
CN106648571A (zh) 一种用于校对应用界面的方法和装置
TWI570579B (zh) 利用網頁視覺特徵及網頁語法特徵之資訊擷取系統與方法
CN108604232A (zh) 通过模型化滚动行为而改善信息源
CN106919572A (zh) 网页搜索方法及浏览器
CN105631008B (zh) 网页的显示方法和***
CN106055688A (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
CB02 Change of applicant information

Address after: 100083 No. 401, 4th Floor, Haitai Building, 229 North Fourth Ring Road, Haidian District, Beijing

Applicant after: Beijing Guoshuang Technology Co.,Ltd.

Address before: 100086 Cuigong Hotel, 76 Zhichun Road, Shuangyushu District, Haidian District, Beijing

Applicant before: Beijing Guoshuang Technology Co.,Ltd.

CB02 Change of applicant information
RJ01 Rejection of invention patent application after publication

Application publication date: 20170503

RJ01 Rejection of invention patent application after publication