CN103631877A - 网页表格的处理方法 - Google Patents
网页表格的处理方法 Download PDFInfo
- Publication number
- CN103631877A CN103631877A CN201310554656.3A CN201310554656A CN103631877A CN 103631877 A CN103631877 A CN 103631877A CN 201310554656 A CN201310554656 A CN 201310554656A CN 103631877 A CN103631877 A CN 103631877A
- Authority
- CN
- China
- Prior art keywords
- webpage
- mouse button
- right mouse
- web page
- database
- 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
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/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
- G06F16/986—Document structures and storage, e.g. HTML extensions
-
- 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)
- Audiology, Speech & Language Pathology (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- Health & Medical Sciences (AREA)
- Artificial Intelligence (AREA)
- Data Mining & Analysis (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明涉及网页表格的处理方法,包括:读取数据库,将数据库中相关联的记录按树形结构在网页上生成并显示,所述树形结构的每个节点显示的是对应记录的一部分信息,并且每个节点都具有复选框;勾选所述的复选框,在网页上以表格形式显示复选框所在节点对应的全部记录信息。本发明网页表格的处理方法,能够使用户获取到后台数据库数据后,以表格形式方便的进行查看,并且还能够对表格中的数据进行有针对性的操作,有效提高了用户对数据的操作性和网页体验。
Description
技术领域
本发明涉及互联网页面处理技术,具体的讲是网页表格的处理方法。
背景技术
在大数据时代的今天,在web页面中展示数据时常常都通过表格的形式来展现,表格显示数据具有逻辑性强、条理性好等有点。但当数据较多时加载表格的速度往往比较慢,这使得用户体验不是很好。现在用户都不是很愿意下载第三方软件和一些客户端程序,但同时又喜欢客户端软件(如IE、360浏览器、***浏览器等)的右键操作功能。而浏览器默认的右键菜单都是固定的几个功能,因此如果在web端建立与用户浏览内容相关联的右键菜单就会给用户一种很熟悉的感觉并且增加用户体验。
发明内容
本发明提供了一种网页表格的处理方法,使用户能够以表格形式方便查看数据库中的信息,并且对表格中的数据进行有针对性的操作,提高用户对数据的操作性和网页体验。
本发明网页表格的处理方法,包括:读取数据库,将数据库中相关联的记录按树形结构在网页上生成并显示,所述树形结构的每个节点显示的是对应记录的一部分信息,并且每个节点都具有复选框;勾选所述的复选框,在网页上以表格形式显示复选框所在节点对应的全部记录信息。生成树形结构和复选框可以通过Java、.NET、PHP等网页编辑语言生成,以.NET为例,通过.NET与数据库通信读取源数据,通过一个标识比如ID字段借用zTree框架用循环语句生成带有复选框的树结构,以便用户来选择数据。每个节点显示的是对应记录的一部分信息,简介明了告诉用户这条信息是什么,如果用户感兴趣,勾选对应的复选框后,根据信息的字段,在网页上生成表格的一行进行显示,一次类推。最后所有的表格行形成一个完整的表格。
进一步的,预先设置和数据库中数据相对应的鼠标右键菜单的结构和控件,并将该鼠标右键菜单的属性设为不可见;当对网页上所述表格中的信息点击鼠标右键后,屏蔽网页***本身的右键菜单,并按所述预先设置的形式显示鼠标右键菜单。预设具有个性的且与数据库数据相对应的右键菜单,能够让用户有更方便和更直接的针对性操作体验。
优选的,为了让用户能够方便对表格上的每个单元数据进行操作,根据网页上表格的显示结构,对表格的每个单元格都设置有对应的鼠标右键菜单,在显示鼠标右键菜单时,先通过事件获取鼠标的当前位置,然后在所述当前位置上显示与该单元格对应的鼠标右键菜单。
优选的,当勾选所述树形结构节点上的复选框后,通过异步传输(如Ajax)方式从后台获取到数据库中的对应信息,并显示在网页上生成的表格中。最常见的异步传输框架是Ajax,异步传输指的是用户在网页上请求后台数据库数据后,不进行网页的跳转,通过特定的框架直接获取数据库的数据,并显示到网页上,这种获取数据方式比网页跳转获获取的更快,也更自然,用户在一个页面就能完成所有操作。异步传输方式是目前网页通信的主流方式,特别是在表格、拓扑结构数据生成中有广泛的应用。
优选的,预先设置的鼠标右键菜单的结构和控件都存储在网页的一个层(div)中。层是网页编程中的一个概念,每个层是独立的,可以单独控制。因此将鼠标右键菜单的结构和控件都存储一个层中,就能够很方便的通过对层的控制实现整个层的显示或隐藏,以及各种样式编辑。
本发明网页表格的处理方法,能够使用户获取到后台数据库数据后,以表格形式方便的进行查看,并且还能够对表格中的数据进行有针对性的操作,有效提高了用户对数据的操作性和网页体验。
以下结合实施例的具体实施方式,对本发明的上述内容再作进一步的详细说明。但不应将此理解为本发明上述主题的范围仅限于以下的实例。在不脱离本发明上述技术思想情况下,根据本领域普通技术知识和惯用手段做出的各种替换或变更,均应包括在本发明的范围内。
具体实施方式
本发明网页表格的处理方法,以.NET程序语言为例,包括:通过.NET与数据库通信读取源数据,通过每条数据记录的ID字段,将数据库中相关联的记录按树形结构在网页上生成并显示,所述树形结构的每个节点显示的是对应记录的一部分信息,并且通过zTree框架用循环语句在每个节点上都生成复选框;勾选所述的复选框,通过Ajax异步获取复选框所在节点对应的全部记录信息,并将信息在网页上以表格形式显示。最后所有的表格行形成一个完整的表格。
预先在一个层(div)中设置和数据库中数据以及表格中每个单元格相对应的鼠标右键菜单的结构和控件,通过页面样式便捷(css)设置鼠标右键菜单的样式,使之美观。将该鼠标右键菜单的属性设为不可见(display:none);当对网页上所述表格中的信息点击鼠标右键后,先清除网页***本身的右键菜单oncontextmenu事件,再通过event对象获取到鼠标的当前位置,然后在所述当前位置上按所述预先设置的形式显示鼠标右键菜单(display:display)。此时,自定义右键控制菜单的动态表格便制作完成。预设具有个性的且与数据库数据相对应的右键菜单,能够让用户有更方便和更直接的针对性操作体验,例如:复制单元格,复制整行,刷新单元格、刷新整行等。
Claims (5)
1.网页表格的处理方法,其特征包括:读取数据库,将数据库中相关联的记录按树形结构在网页上生成并显示,所述树形结构的每个节点显示的是对应记录的一部分信息,并且每个节点都具有复选框;勾选所述的复选框,在网页上以表格形式显示复选框所在节点对应的全部记录信息。
2.如权利要求1所述的网页表格的处理方法,其特征为:预先设置和数据库中数据相对应的鼠标右键菜单的结构和控件,并将该鼠标右键菜单的属性设为不可见;当对网页上所述表格中的信息点击鼠标右键后,屏蔽网页***本身的右键菜单,并按所述预先设置的形式显示鼠标右键菜单。
3.如权利要求2所述的网页表格的处理方法,其特征为:根据网页上表格的显示结构,对表格的每个单元格都设置有对应的鼠标右键菜单,在显示鼠标右键菜单时,先通过事件获取鼠标的当前位置,然后在所述当前位置上显示与该单元格对应的鼠标右键菜单。
4.如权利要求1所述的网页表格的处理方法,其特征为:当勾选所述树形结构节点上的复选框后,通过异步传输方式从后台获取到数据库中的对应信息,并显示在网页上生成的表格中。
5.如权利要求1至4之一所述的网页表格的处理方法,其特征为:预先设置的鼠标右键菜单的结构和控件都存储在网页的一个层中。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310554656.3A CN103631877A (zh) | 2013-11-08 | 2013-11-08 | 网页表格的处理方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310554656.3A CN103631877A (zh) | 2013-11-08 | 2013-11-08 | 网页表格的处理方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN103631877A true CN103631877A (zh) | 2014-03-12 |
Family
ID=50212919
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201310554656.3A Pending CN103631877A (zh) | 2013-11-08 | 2013-11-08 | 网页表格的处理方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN103631877A (zh) |
Cited By (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105488016A (zh) * | 2014-09-16 | 2016-04-13 | 武汉联影医疗科技有限公司 | web表格数据的选取方法及装置 |
CN106528271A (zh) * | 2015-09-11 | 2017-03-22 | 北京国双科技有限公司 | 网页数据获取的方法及装置 |
CN106648568A (zh) * | 2015-10-30 | 2017-05-10 | 北京国双科技有限公司 | 在表格上添加复选框的方法和装置 |
CN106951168A (zh) * | 2017-03-03 | 2017-07-14 | 宇龙计算机通信科技(深圳)有限公司 | 一种文字处理方法及移动终端 |
CN106959941A (zh) * | 2016-01-11 | 2017-07-18 | 北京国双科技有限公司 | 网页表格删除方法及装置 |
CN107346347A (zh) * | 2017-09-13 | 2017-11-14 | 广州酷狗计算机科技有限公司 | 网页表格显示方法及装置 |
CN109471996A (zh) * | 2018-11-20 | 2019-03-15 | 四川长虹电器股份有限公司 | 网页填写材料的拆分以及存储方法 |
CN110032694A (zh) * | 2019-03-04 | 2019-07-19 | 北京立思辰安科技术有限公司 | 适用于流量审计的通用表格控件实现方法 |
CN111832268A (zh) * | 2020-06-30 | 2020-10-27 | 北京印象笔记科技有限公司 | 信息交互方法、可读存储介质和电子设备 |
CN112001157A (zh) * | 2020-08-26 | 2020-11-27 | 湖北盈帆数据技术有限公司 | 一种网页数据表格在线设计方法及装置 |
CN112347336A (zh) * | 2020-11-11 | 2021-02-09 | 江苏云坤信息科技有限公司 | 基于web网页实现数据收集分发***及其处理方法 |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101071364A (zh) * | 2006-05-10 | 2007-11-14 | 佳能株式会社 | 打印***、处理设备、作业管理设备及其控制方法 |
CN101097572A (zh) * | 2006-06-30 | 2008-01-02 | 西门子(中国)有限公司 | 一种具有多行内容节点的树形结构列表显示方法及其装置 |
-
2013
- 2013-11-08 CN CN201310554656.3A patent/CN103631877A/zh active Pending
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101071364A (zh) * | 2006-05-10 | 2007-11-14 | 佳能株式会社 | 打印***、处理设备、作业管理设备及其控制方法 |
CN101097572A (zh) * | 2006-06-30 | 2008-01-02 | 西门子(中国)有限公司 | 一种具有多行内容节点的树形结构列表显示方法及其装置 |
Non-Patent Citations (1)
Title |
---|
WANGXIAOHUI6687: "checkbox如何选中时显示内容,不被选中时隐藏内容", 《WANGXIAOHUI6687的专栏》 * |
Cited By (15)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105488016B (zh) * | 2014-09-16 | 2019-06-21 | 武汉联影医疗科技有限公司 | web表格数据的选取方法及装置 |
CN105488016A (zh) * | 2014-09-16 | 2016-04-13 | 武汉联影医疗科技有限公司 | web表格数据的选取方法及装置 |
CN106528271A (zh) * | 2015-09-11 | 2017-03-22 | 北京国双科技有限公司 | 网页数据获取的方法及装置 |
CN106648568A (zh) * | 2015-10-30 | 2017-05-10 | 北京国双科技有限公司 | 在表格上添加复选框的方法和装置 |
CN106959941A (zh) * | 2016-01-11 | 2017-07-18 | 北京国双科技有限公司 | 网页表格删除方法及装置 |
CN106951168A (zh) * | 2017-03-03 | 2017-07-14 | 宇龙计算机通信科技(深圳)有限公司 | 一种文字处理方法及移动终端 |
CN106951168B (zh) * | 2017-03-03 | 2020-05-19 | 宇龙计算机通信科技(深圳)有限公司 | 一种文字处理方法及移动终端 |
CN107346347B (zh) * | 2017-09-13 | 2020-04-24 | 广州酷狗计算机科技有限公司 | 网页表格显示方法及装置 |
CN107346347A (zh) * | 2017-09-13 | 2017-11-14 | 广州酷狗计算机科技有限公司 | 网页表格显示方法及装置 |
CN109471996A (zh) * | 2018-11-20 | 2019-03-15 | 四川长虹电器股份有限公司 | 网页填写材料的拆分以及存储方法 |
CN110032694A (zh) * | 2019-03-04 | 2019-07-19 | 北京立思辰安科技术有限公司 | 适用于流量审计的通用表格控件实现方法 |
CN111832268A (zh) * | 2020-06-30 | 2020-10-27 | 北京印象笔记科技有限公司 | 信息交互方法、可读存储介质和电子设备 |
CN112001157A (zh) * | 2020-08-26 | 2020-11-27 | 湖北盈帆数据技术有限公司 | 一种网页数据表格在线设计方法及装置 |
CN112001157B (zh) * | 2020-08-26 | 2021-07-27 | 湖北盈帆数据技术有限公司 | 一种网页数据表格在线设计方法及装置 |
CN112347336A (zh) * | 2020-11-11 | 2021-02-09 | 江苏云坤信息科技有限公司 | 基于web网页实现数据收集分发***及其处理方法 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN103631877A (zh) | 网页表格的处理方法 | |
US9690573B2 (en) | Web content management using predetermined project templates | |
US8930824B2 (en) | Facilitating propagation of user interface patterns or themes | |
CN102810105B (zh) | 一种移动终端所访问网页的编辑方法及网页编辑器 | |
CN110083790A (zh) | 页面编辑方法、页面输出方法、装置、计算机设备及介质 | |
CN101697156B (zh) | 一种构造链式网页的方法及*** | |
WO2017028611A1 (zh) | 一种表单实现方法及装置 | |
CN106445486A (zh) | 一种构造和生成网页的方法及*** | |
US20150309993A1 (en) | Agile Enterprise Globalization | |
US20190340230A1 (en) | System and method for generating websites from predefined templates | |
CN108900897B (zh) | 一种多媒体数据处理方法、装置以及相关设备 | |
US11334643B2 (en) | Contextual editing in a page rendering system | |
CN103701909B (zh) | 视频应用的快速生成方法及*** | |
CN113504908A (zh) | 业务代码生成方法、装置、电子设备及计算机可读介质 | |
CN104424338A (zh) | web***的自动生成装置和自动生成方法 | |
US20200272669A1 (en) | Previewing enhanced site search functionality for website | |
CN104081393B (zh) | 网络应用内容映射 | |
CN110941428B (zh) | 一种网站创建方法和装置 | |
CN113032708A (zh) | 一种无代码Web开发*** | |
CN108334385A (zh) | 一种应用的用户界面皮肤管理方法及装置 | |
TW201621719A (zh) | 用於元資料驅動的使用者介面架構之系統及方法 | |
CN111831815B (zh) | 问卷显示的控制方法、装置、存储介质和电子设备 | |
CN110286971A (zh) | 处理方法及***、介质和计算设备 | |
US11922142B1 (en) | Bi-directional design-to-code | |
KR101649822B1 (ko) | 웹페이지 구축 장치 및 방법 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20140312 |