包含表格的页面交互装置及方法制造方法及图纸

本发明专利技术提供了一种包含表格的页面交互装置及方法，所述装置包含：页面模块、表格交互模块和表格模块；所述页面模块用于根据用户指令于当前浏览器界面生成预定页面；所述表格交互模块与所述页面模块相连，用于根据用户指令于所述预定页面中绘制对应待编辑表格，并根据所述待编辑表格于预定数据库中获得展示数据，将所述展示数据补入所述待编辑表格；以及，接收用户输入的编辑数据，根据所述编辑数据调整所述待编辑表格的显示参数后将所述编辑数据对应更新至所述预定数据库中；所述表格模块与所述表格交互模块相连，用于根据调整后的所述待编辑表格及所述预定数据库中的所述编辑数据生成展示表格并展示输出。

Page Interactive Device and Method Containing Forms

The invention provides a page interaction device and method comprising a table, which comprises a page module, a table interaction module and a table module; the page module is used to generate a predetermined page on the current browser interface according to user instructions; and the table interaction module is connected with the page module for drawing corresponding to be edited in the predetermined page according to user instructions. To compile tables and obtain display data in a predetermined database according to the tables to be edited, and fill the display data into the tables to be edited; and to receive editing data input by the user, adjust the display parameters of the tables to be edited according to the editing data, and update the editing data to the predetermined database accordingly; and to submit the tables module to the tables. Each module is connected to generate display tables and display outputs according to the adjusted edited tables and the edited data in the predetermined database.

【技术实现步骤摘要】
包含表格的页面交互装置及方法
本专利技术涉及互联网场景页面展示领域，尤指一种包含表格的页面交互装置及方法。
技术介绍
随着移动互联网的快速发展，人们通过浏览器看电影、办公、浏览新闻、办理生活相关事宜等，浏览器已经成为互联网访问不可或缺的条件之一。目前的浏览器没有对表格区分标题头和数据，也就是没有固定标题头的方法，大多数浏览器中展现给用户的表格中的数据量比较大，需要通过竖向滚动条滑动来展现完整的数据，但当表格中的数据项比较多时或者数据项描述的内容比较相似时，用户在滑动滚动条查看后面的数据时可能会遗忘数据项的含义，这样就需要用户滑动到顶端观看数据项的含义后再继续浏览表格中的数据，对用户体验带来极坏的影响。
技术实现思路
本专利技术目的在于提供了一种页面中表格的交互装置及方法，提供用户在线编辑表格的功能，避免了由于客户在滑动竖向滚动条浏览后面的数据时记不清数据项的含义，提升用户使用体验。为达上述目的，本专利技术所提供的包含表格的页面交互装置，具体包含：页面模块、表格交互模块和表格模块；所述页面模块用于根据用户指令于当前浏览器界面生成预定页面；所述表格交互模块与所述页面模块相连，用于根据用户指令于所述预定页面中绘制对应待编辑表格，并根据所述待编辑表格于预定数据库中获得展示数据，将所述展示数据补入所述待编辑表格；以及，接收用户输入的编辑数据，根据所述编辑数据调整所述待编辑表格的显示参数后将所述编辑数据对应更新至所述预定数据库中；所述表格模块与所述表格交互模块相连，用于根据调整后的所述待编辑表格及所述预定数据库中的所述编辑数据生成展示表格并展示输出。在上述包含表格的页面交互装置中，可选的，所述表格交互模块包含表格定义单元、表格参数设置单元和表格初始化单元；所述表格定义单元用于根据所述用户指令获得所述待编辑表格的属性；所述表格参数设置单元与所述表格定义单元相连，用于根据所述待编辑表格的属性获得所述待编辑表格的配置参数；所述表格初始化单元与所述表格参数设置单元相连，用于根据所述配置参数与所述待编辑表格的属性，于预定数据库中获得展示数据生成所述待编辑表格。在上述包含表格的页面交互装置中，可选的，所述表格初始化单元还包含根据所述待编辑表格生成对应标识，并将所述待编辑表格及对应标识关联后存储至预定数据库。在上述包含表格的页面交互装置中，可选的，所述表格交互模块还包含表格操作单元和表格编辑单元；所述表格操作单元用于接收用户输入的修正数据，调整所述待编辑表格的配置参数；所述表格编辑单元用于接收用户输入的编辑数据。在上述包含表格的页面交互装置中，可选的，所述表格交互模块还包含表格修正单元和表格数据存储单元；所述表格修正单元与所述表格初始化单元相连，用于根据所述编辑数据调整所述待编辑表格的显示参数；所述表格数据存储单元用于存储预定数据库。在上述包含表格的页面交互装置中，可选的，所述表格修正单元还包含位置判断器；所述待编辑表格包含标题头和数据区；所述位置判断器用于判断所述待编辑表格中数据区的高度是否大于预定高度；当数据区的高度大于预定高度时，设置数据区的高度为预定高度显示输出；当数据区的高度小于或等于预定高度时，以预定高度显示输出；以及判断数据区是否有数据，如果有数据则设置标题头与数据区每一列的宽度一致。在上述包含表格的页面交互装置中，可选的，所述位置判断器还用于当数据区高度大于设定高度时，于所述待编辑表格中补入滚动条，所述滚动条用于提供用户滑动查看所述数据区中显示内容；当数据区高度小于或等于设定高度时，删除所述待编辑表格中的滚动条。在上述包含表格的页面交互装置中，可选的，所述位置判断器还包含：当数据区存在数据时，获取数据区第一行每一列的宽度存储于数组中，并设置标题头每一列的宽度与数据区第一行数据每一列宽度一致。本专利技术还提供一种包含表格的页面交互方法，所述方法具体包含：根据用户指令于当前浏览器界面生成预定页面；根据用户指令于所述预定页面中绘制对应待编辑表格，并根据所述待编辑表格于预定数据库中获得展示数据，将所述展示数据补入所述待编辑表格；接收用户输入的编辑数据，根据所述编辑数据调整所述待编辑表格的显示参数后将所述编辑数据对应更新至所述预定数据库中；根据调整后的所述待编辑表格及所述预定数据库中的所述编辑数据生成展示表格并展示输出。在上述包含表格的页面交互方法中，可选的，所述根据用户指令于所述预定页面中绘制对应待编辑表格包含：根据所述用户指令获得所述待编辑表格的属性；根据所述待编辑表格的属性获得所述待编辑表格的配置参数；根据所述配置参数与所述待编辑表格的属性，于预定数据库中获得展示数据生成所述待编辑表格。在上述包含表格的页面交互方法中，可选的，所述于预定数据库中获得展示数据生成所述待编辑表格还包含根据所述待编辑表格生成对应标识，并将所述待编辑表格及对应标识关联后存储至预定数据库。在上述包含表格的页面交互方法中，可选的，所述根据所述配置参数与所述待编辑表格的属性，于预定数据库中获得展示数据生成所述待编辑表格还包含根据所述编辑数据调整所述待编辑表格的显示参数。在上述包含表格的页面交互方法中，可选的，所述待编辑表格包含标题头和数据区；根据所述编辑数据调整所述待编辑表格的显示参数还包含判断所述待编辑表格中数据区的高度是否大于预定高度；当数据区的高度大于预定高度时，设置数据区的高度为预定高度显示输出；当数据区的高度小于或等于预定高度时，以预定高度显示输出；以及判断数据区是否有数据，如果有数据则设置标题头与数据区每一列的宽度一致。在上述包含表格的页面交互方法中，可选的，当数据区高度大于设定高度时，于所述待编辑表格中补入滚动条，所述滚动条用于提供用户滑动查看所述数据区中显示内容；当数据区高度小于或等于设定高度时，删除所述待编辑表格中的滚动条。在上述包含表格的页面交互方法中，可选的，当数据区存在数据时，获取数据区第一行每一列的宽度存储于数组中，并设置标题头每一列的宽度与数据区第一行数据每一列宽度一致。本专利技术还提供一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述方法。本专利技术还提供一种计算机可读存储介质，所述计算机可读存储介质存储有执行上述方法的计算机程序。本专利技术的有益技术效果在于：提供了浏览器页面中表格交互的装置及方法，支持用户对页面中的表格进行编辑，编辑后展现编辑结果，使得在滑动竖向滚动条浏览表格数据时，保持数据与表头对齐。同时还可通过划分表头区、数据区，在预定区域对齐显示表头区、数据区，当在数据区内容发生变化，即表格中的数据变化时，表格每一列的宽度也就产生变化，需要保持两个区域每一列对齐，以此显著提升用户使用浏览器浏览表格数据的满意度。附图说明此处所说明的附图用来提供对本专利技术的进一步理解，构成本申请的一部分，并不构成对本专利技术的限定。在附图中：图1为本专利技术一实施例所提供的包含表格的页面交互装置的结构示意图；图2为本专利技术一实施例所提供的表格交互模块的结构示意图；图3为本专利技术一实施例所提供的表格修正单元的结构示意图；图4为本专利技术一实施例所提供的包含表格的页面交互方法的流程示意图；图5为本专利技术一实施例所提供的表格修正流程示意图；图6为本专利技术一实施例所提供的包含表格的页面交互方法的使用流程示本文档来自技高网...

【技术保护点】
1.一种包含表格的页面交互装置，其特征在于，所述装置包含：页面模块、表格交互模块和表格模块；所述页面模块用于根据用户指令于当前浏览器界面生成预定页面；所述表格交互模块与所述页面模块相连，用于根据用户指令于所述预定页面中绘制对应待编辑表格，并根据所述待编辑表格于预定数据库中获得展示数据，将所述展示数据补入所述待编辑表格；以及，接收用户输入的编辑数据，根据所述编辑数据调整所述待编辑表格的显示参数后将所述编辑数据对应更新至所述预定数据库中；所述表格模块与所述表格交互模块相连，用于根据调整后的所述待编辑表格及所述预定数据库中的所述编辑数据生成展示表格并展示输出。

【技术特征摘要】
1.一种包含表格的页面交互装置，其特征在于，所述装置包含：页面模块、表格交互模块和表格模块；所述页面模块用于根据用户指令于当前浏览器界面生成预定页面；所述表格交互模块与所述页面模块相连，用于根据用户指令于所述预定页面中绘制对应待编辑表格，并根据所述待编辑表格于预定数据库中获得展示数据，将所述展示数据补入所述待编辑表格；以及，接收用户输入的编辑数据，根据所述编辑数据调整所述待编辑表格的显示参数后将所述编辑数据对应更新至所述预定数据库中；所述表格模块与所述表格交互模块相连，用于根据调整后的所述待编辑表格及所述预定数据库中的所述编辑数据生成展示表格并展示输出。2.根据权利要求1所述的包含表格的页面交互装置，其特征在于，所述表格交互模块包含表格定义单元、表格参数设置单元和表格初始化单元；所述表格定义单元用于根据所述用户指令获得所述待编辑表格的属性；所述表格参数设置单元与所述表格定义单元相连，用于根据所述待编辑表格的属性获得所述待编辑表格的配置参数；所述表格初始化单元与所述表格参数设置单元相连，用于根据所述配置参数与所述待编辑表格的属性，于预定数据库中获得展示数据生成所述待编辑表格。3.根据权利要求2所述的包含表格的页面交互装置，其特征在于，所述表格初始化单元还包含根据所述待编辑表格生成对应标识，并将所述待编辑表格及对应标识关联后存储至预定数据库。4.根据权利要求2所述的包含表格的页面交互装置，其特征在于，所述表格交互模块还包含表格操作单元和表格编辑单元；所述表格操作单元用于接收用户输入的修正数据，调整所述待编辑表格的配置参数；所述表格编辑单元用于接收用户输入的编辑数据。5.根据权利要求2所述的包含表格的页面交互装置，其特征在于，所述表格交互模块还包含表格修正单元和表格数据存储单元；所述表格修正单元与所述表格初始化单元相连，用于根据所述编辑数据调整所述待编辑表格的显示参数；所述表格数据存储单元用于存储预定数据库。6.根据权利要求5所述的包含表格的页面交互装置，其特征在于，所述表格修正单元还包含位置判断器；所述待编辑表格包含标题头和数据区；所述位置判断器用于判断所述待编辑表格中数据区的高度是否大于预定高度；当数据区的高度大于预定高度时，设置数据区的高度为预定高度显示输出；当数据区的高度小于或等于预定高度时，以预定高度显示输出；以及判断数据区是否有数据，如果有数据则设置标题头与数据区每一列的宽度一致。7.根据权利要求6所述的包含表格的页面交互装置，其特征在于，所述位置判断器还用于当数据区高度大于设定高度时，于所述待编辑表格中补入滚动条，所述滚动条用于提供用户滑动查看所述数据区中显示内容；当数据区高度小于或等于设定高度时，删除所述待编辑表格中的滚动条。8.根据权利要求6或7中任一项所述的包含表格的页面交互装置，其特征在于，所述位置判断器还...

【专利技术属性】
技术研发人员：单体松，潘素梅，高园，陈瑞雪，
申请(专利权)人：中国工商银行股份有限公司，
类型：发明
国别省市：北京,11