[发明专利]网页表格的处理方法

说明书

技术领域

本发明涉及互联网页面处理技术，具体的讲是网页表格的处理方法。

背景技术

在大数据时代的今天，在web页面中展示数据时常常都通过表格的形式来展现，表格显示数据具有逻辑性强、条理性好等有点。但当数据较多时加载表格的速度往往比较慢，这使得用户体验不是很好。现在用户都不是很愿意下载第三方软件和一些客户端程序，但同时又喜欢客户端软件（如IE、360浏览器、google浏览器等）的右键操作功能。而浏览器默认的右键菜单都是固定的几个功能，因此如果在web端建立与用户浏览内容相关联的右键菜单就会给用户一种很熟悉的感觉并且增加用户体验。

发明内容

本发明提供了一种网页表格的处理方法，使用户能够以表格形式方便查看数据库中的信息，并且对表格中的数据进行有针对性的操作，提高用户对数据的操作性和网页体验。

本发明网页表格的处理方法，包括：读取数据库，将数据库中相关联的记录按树形结构在网页上生成并显示，所述树形结构的每个节点显示的是对应记录的一部分信息，并且每个节点都具有复选框；勾选所述的复选框，在网页上以表格形式显示复选框所在节点对应的全部记录信息。生成树形结构和复选框可以通过Java、.NET、PHP等网页编辑语言生成，以.NET为例，通过.NET与数据库通信读取源数据，通过一个标识比如ID字段借用zTree框架用循环语句生成带有复选框的树结构，以便用户来选择数据。每个节点显示的是对应记录的一部分信息，简介明了告诉用户这条信息是什么，如果用户感兴趣，勾选对应的复选框后，根据信息的字段，在网页上生成表格的一行进行显示，一次类推。最后所有的表格行形成一个完整的表格。

进一步的，预先设置和数据库中数据相对应的鼠标右键菜单的结构和控件，并将该鼠标右键菜单的属性设为不可见；当对网页上所述表格中的信息点击鼠标右键后，屏蔽网页系统本身的右键菜单，并按所述预先设置的形式显示鼠标右键菜单。预设具有个性的且与数据库数据相对应的右键菜单，能够让用户有更方便和更直接的针对性操作体验。

优选的，为了让用户能够方便对表格上的每个单元数据进行操作，根据网页上表格的显示结构，对表格的每个单元格都设置有对应的鼠标右键菜单，在显示鼠标右键菜单时，先通过事件获取鼠标的当前位置，然后在所述当前位置上显示与该单元格对应的鼠标右键菜单。

优选的，当勾选所述树形结构节点上的复选框后，通过异步传输（如Ajax）方式从后台获取到数据库中的对应信息，并显示在网页上生成的表格中。最常见的异步传输框架是Ajax，异步传输指的是用户在网页上请求后台数据库数据后，不进行网页的跳转，通过特定的框架直接获取数据库的数据，并显示到网页上，这种获取数据方式比网页跳转获获取的更快，也更自然，用户在一个页面就能完成所有操作。异步传输方式是目前网页通信的主流方式，特别是在表格、拓扑结构数据生成中有广泛的应用。

优选的，预先设置的鼠标右键菜单的结构和控件都存储在网页的一个层（div）中。层是网页编程中的一个概念，每个层是独立的，可以单独控制。因此将鼠标右键菜单的结构和控件都存储一个层中，就能够很方便的通过对层的控制实现整个层的显示或隐藏，以及各种样式编辑。

本发明网页表格的处理方法，能够使用户获取到后台数据库数据后，以表格形式方便的进行查看，并且还能够对表格中的数据进行有针对性的操作，有效提高了用户对数据的操作性和网页体验。

以下结合实施例的具体实施方式，对本发明的上述内容再作进一步的详细说明。但不应将此理解为本发明上述主题的范围仅限于以下的实例。在不脱离本发明上述技术思想情况下，根据本领域普通技术知识和惯用手段做出的各种替换或变更，均应包括在本发明的范围内。

具体实施方式

本发明网页表格的处理方法，以.NET程序语言为例，包括：通过.NET与数据库通信读取源数据，通过每条数据记录的ID字段，将数据库中相关联的记录按树形结构在网页上生成并显示，所述树形结构的每个节点显示的是对应记录的一部分信息，并且通过zTree框架用循环语句在每个节点上都生成复选框；勾选所述的复选框，通过Ajax异步获取复选框所在节点对应的全部记录信息，并将信息在网页上以表格形式显示。最后所有的表格行形成一个完整的表格。

预先在一个层（div）中设置和数据库中数据以及表格中每个单元格相对应的鼠标右键菜单的结构和控件，通过页面样式便捷（css）设置鼠标右键菜单的样式，使之美观。将该鼠标右键菜单的属性设为不可见（display:none）；当对网页上所述表格中的信息点击鼠标右键后，先清除网页系统本身的右键菜单oncontextmenu事件，再通过event对象获取到鼠标的当前位置，然后在所述当前位置上按所述预先设置的形式显示鼠标右键菜单（display:display）。此时，自定义右键控制菜单的动态表格便制作完成。预设具有个性的且与数据库数据相对应的右键菜单，能够让用户有更方便和更直接的针对性操作体验，例如：复制单元格，复制整行，刷新单元格、刷新整行等。