一种网页数据表格在线设计方法及装置转让专利
申请号 : CN202010870603.2
文献号 : CN112001157B
文献日 : 2021-07-27
发明人 : 贺华涛
申请人 : 湖北盈帆数据技术有限公司
摘要 :
权利要求 :
1.一种网页数据表格在线设计方法,其特征在于:包括以下步骤;
S1,获取当前单元格的运行状态,所述运行状态包括:编辑状态以及待机状态,对当前单元格的运行状态进行检测,当检测到当前单元格的运行状态为编辑状态时,获取原始鼠标事件;当检测到当前单元格的运行状态为待机状态时,接收字符数据,并对该字符数据进行判断,根据判断结果将当前单元格的运行状态变更为编辑状态;当当前单元格的运行状态为编辑状态时,从后台字体数据库中提取字体文件对应的字节流,并对该字节流进行加载,获取该字节流对应的字体文件,通过该字体文件对单元格进行辅助编辑,其中,字节流的正确性由http协议自行判断;
S2,从该原始鼠标事件中提取鼠标点值,并通过该鼠标点值计算出当前单元格位置区域信息,根据该当前单元格位置区域信息生成input编辑框,并将该当前单元格的数据复制存放入input编辑框中;其中,input编辑框有两种工作方式:第一种,当检测到当前单元格的运行状态为编辑状态时,Webassembly在网页中是以html原生元素画布作为显示载体,在画布收到鼠标事件后,通过鼠标点x、y值计算得出点中的是哪个单元格并取得单元格位置区域信息,同时获取当前选中框所在单元格位置信息,并根据该单元格位置信息生成input编辑框,所述单元格位置信息与input编辑框关联,复制该单元格对应的单元格数据,并存入input编辑框中,将接收的字符数据与input编辑框进行绑定;第二种,即当检测到当前单元格的运行状态为待机状态时,以键盘操作来编辑单元格,在整体单元格不在编辑状态时,按下键盘的可见字符A‑Z、a‑z、0‑9及标点符号时,触发当前选中框位置的单元格处于编辑状态,由隐藏的编辑框充当接收键盘消息的对象;
S3,获取第一鼠标事件,从该第一鼠标事件中提取第一鼠标点值,并计算出对应的第一单元格位置区域信息,将input编辑框中存储的数据存入第一单元格中,并隐藏input编辑框;在制作完成网页数据表格后,通过webassembly将网页数据表格中的内容形成json格式,发送到后台进行保存;需要再次使用时,由后台以字节流形式发送到前端,供webassembly打开后在原有数据基础上再次进行编辑或查看。
2.如权利要求1所述的网页数据表格在线设计方法,其特征在于:当检测到当前单元格的运行状态为待机状态时,接收字符数据,并对该字符数据进行判断,根据判断结果将当前单元格的运行状态变更为编辑状态,还包括以下步骤,当检测到当前单元格的运行状态为待机状态时,设定字符数据判断表,所述字符数据包括:字符A‑Z、a‑z、0‑9以及标点符号,接收字符数据,通过字符数据判断表对该字符数据判断,当字符数据满足字符数据判断表时,将当前单元格的运行状态变更为编辑状态;当字符数据不满足字符数据判断表时,重新接受字符数据。
3.一种网页数据表格在线设计装置,其特征在于,所述网页数据表格在线设计装置包括:
获取判断模块,用于获取当前单元格的运行状态,所述运行状态包括:编辑状态以及待机状态,对当前单元格的运行状态进行检测,当检测到当前单元格的运行状态为编辑状态时,获取原始鼠标事件;当检测到当前单元格的运行状态为待机状态时,接收字符数据,并对该字符数据进行判断,根据判断结果将当前单元格的运行状态变更为编辑状态;当当前单元格的运行状态为编辑状态时,从后台字体数据库中提取字体文件对应的字节流,并对该字节流进行加载,获取该字节流对应的字体文件,通过该字体文件对单元格进行辅助编辑,其中,字节流的正确性由http协议自行判断;
复制模块,用于从该原始鼠标事件中提取鼠标点值,并通过该鼠标点值计算出当前单元格位置区域信息,根据该当前单元格位置区域信息生成input编辑框,并将该当前单元格的数据复制存放入input编辑框中;其中,input编辑框有两种工作方式:第一种,当检测到当前单元格的运行状态为编辑状态时,Webassembly在网页中是以html原生元素画布作为显示载体,在画布收到鼠标事件后,通过鼠标点x、y值计算得出点中的是哪个单元格并取得单元格位置区域信息,同时获取当前选中框所在单元格位置信息,并根据该单元格位置信息生成input编辑框,所述单元格位置信息与input编辑框关联,复制该单元格对应的单元格数据,并存入input编辑框中,将接收的字符数据与input编辑框进行绑定;第二种,即当检测到当前单元格的运行状态为待机状态时,以键盘操作来编辑单元格;在整体单元格不在编辑状态时,按下键盘的可见字符A‑Z、a‑z、0‑9及标点符号时,触发当前选中框位置的单元格处于编辑状态,由隐藏的编辑框充当接收键盘消息的对象;
编辑模块,用于获取第一鼠标事件,从该第一鼠标事件中提取第一鼠标点值,并计算出对应的第一单元格位置区域信息,将input编辑框中存储的数据存入第一单元格中,并隐藏input编辑框;在制作完成网页数据表格后,通过webassembly将网页数据表格中的内容形成json格式,发送到后台进行保存;需要再次使用时,由后台以字节流形式发送到前端,供webassembly打开后在原有数据基础上再次进行编辑或查看。
4.一种终端设备,其特征在于,所述终端设备包括:存储器、处理器以及存储在所述存储器上并可在所述处理器上运行的网页数据表格在线设计方法程序,所述网页数据表格在线设计方法程序配置为实现如权利要求1至2任一项所述的网页数据表格在线设计方法的步骤。
5.一种存储介质,其特征在于,所述存储介质为计算机存储介质,所述计算机存储介质上存储有网页数据表格在线设计方法程序,所述网页数据表格在线设计方法程序被处理器执行时实现如权利要求1至2任一项所述的网页数据表格在线设计方法的步骤。
说明书 :
一种网页数据表格在线设计方法及装置
技术领域
背景技术
有用信息和形成结论而对数据加以详细研究和概括总结的过程。
安装,并且需要人为对数据进行上传,操作繁琐,而插件容易出现版权问题,并且不能完全
实现用户需求,所以亟需一种网页数据表格在线设计方法,能够满足用户需求的同时简化
操作。
发明内容
复制存放入input编辑框中;
编辑框。
始鼠标事件,还包括以下步骤,获取当前单元格的运行状态,所述运行状态包括:编辑状态
以及待机状态,对当前单元格的运行状态进行检测,当检测到当前单元格的运行状态为编
辑状态时,获取原始鼠标事件;当检测到当前单元格的运行状态为待机状态时,接收字符数
据,并对该字符数据进行判断,根据判断结果将当前单元格的运行状态变更为编辑状态。
取该字节流对应的字体文件,通过该字体文件对单元格进行辅助编辑。
为编辑状态,还包括以下步骤,当检测到当前单元格的运行状态为待机状态时,设定字符数
据判断表,所述字符数据包括:字符A‑Z、a‑z、0‑9以及标点符号,接收字符数据,通过字符数
据判断表对该字符数据判断,当字符数据满足字符数据判断表时,将当前单元格的运行状
态变更为编辑状态;当字符数据不满足字符数据判断表时,重新接受字符数据。
信息,并根据该单元格位置信息生成input编辑框,所述单元格位置信息与input编辑框关
联,复制该单元格对应的单元格数据,并存入input编辑框中,将接收的字符数据与input编
辑框进行绑定。
生成input编辑框,并将该当前单元格的数据复制存放入input编辑框中,还包括以下步骤,
从该原始鼠标事件中提取鼠标点值,所述鼠标点值包括:表格数据X值以及Y值,通过该鼠标
点值计算出当前单元格位置区域信息,根据该当前单元格位置区域信息生成input编辑框,
并将该单元格位置信息与input编辑框关联,将该当前单元格的数据复制存放入input编辑
框中。
储的数据存入第一单元格中,并隐藏input编辑框,还包括以下步骤,获取第一鼠标事件,从
该第一鼠标事件中提取第一鼠标点值,并计算出对应的第一单元格位置区域信息,将input
编辑框中存储的数据存入第一单元格位置区域信息对应的第一单元格中,当存储完成之
后,隐藏该input编辑框。
元格的数据复制存放入input编辑框中;
隐藏input编辑框。
在线设计方法程序,所述网页数据表格在线设计方法程序配置为实现如上文所述的网页数
据表格在线设计方法的步骤。
网页数据表格在线设计方法程序被处理器执行时实现如上文所述的网页数据表格在线设
计方法的步骤。
附图说明
发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以
根据这些附图获得其他的附图。
具体实施方式
于本发明中的实施方式,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有
其他实施方式,都属于本发明保护的范围。
用于实现这些组件之间的连接通信。用户接口1003可以包括显示屏(Display)、输入单元比
如键盘(Keyboard),可选用户接口1003还可以包括标准的有线接口、无线接口。网络接口
1004可选的可以包括标准的有线接口、无线接口(如无线保真(WIreless‑FIdelity,WI‑FI)
接口)。存储器1005可以是高速的随机存取存储器(Random Access Memory,RAM)存储器,也
可以是稳定的非易失性存储器(Non‑Volatile Memory,NVM),例如磁盘存储器。存储器1005
可选的还可以是独立于前述处理器1001的存储装置。
数据交互;本发明网页数据表格在线设计方法设备中的处理器1001、存储器1005可以设置
在网页数据表格在线设计方法设备中,所述网页数据表格在线设计方法设备通过处理器
1001调用存储器1005中存储的网页数据表格在线设计方法程序,并执行本发明实施提供的
网页数据表格在线设计方法。
(input),完成编辑功能,本实施例中将网页数据表格作为数据模板进行描述。
地平台的速度运行.wasm资源类似于Java.class文件,它包含静态数据和对该静态数据进
行操作的代码段。与Java不同,WebAssembly为其他编程语言(如C/C++和Rust)提供了一个
高效的编译目标以便它们能够在网络上运行。
WebAssembly应用程序的响应能力。
JavaScript进行管理,这意味着WebAssembly依托JavaScript高度精心设计的安全模型。
集型算法,这使全新的用户体验类别变得切实可行。由于WebAssenbly是与平台无关的执行
环境,因此它也可以用于任何其他计算机平台。
单元格的状态来进行后续步骤。
中文是必须要解决的问题。
的字体文件以字节流形式发送到前端,webassembly在收到字体字节流后,将其加入到虚拟
环境的字体全局环境中,此时webassembly就拥有了中文字体资源,显示中文时就不会再出
现乱码了。如果需要使用多种字体,以此方式,多次从后台传送到前端予以加载即可。其它
形式资源文件也可以使用此种方式来进行加载到前端。
安全性,同时提高了加载速度。
复制存放入input编辑框中。
布收到鼠标事件后,通过鼠标点x、y值计算得出点中的是哪个单元格并取得单元格位置区
域信息,同时获取当前选中框所在单元格位置信息,并根据该单元格位置信息生成input编
辑框,所述单元格位置信息与input编辑框关联,复制该单元格对应的单元格数据,并存入
input编辑框中,将接收的字符数据与input编辑框进行绑定。
9及标点符号),触发当前选中框位置的单元格处于编辑状态。Html原生元素画布不具备接
收键盘消息,此时,隐藏的编辑框就可以充当接收键盘消息的对象。
input编辑框。
完成后,鼠标再点击其它位置的单元格,将编辑框中的内容复制到当前单元格中,完成后将
input隐藏。这种操作方式是以鼠标操作来编辑单元格。
编辑框的内容之后,此时,达到以键盘消息触发单元格编辑的操作。
发送到后端进行保存。之后需要再次使用时,可由后台以字节流形式发送到前端,供
webassembly打开后在原有数据基础上再次进行编辑或查看。通过这样的方式,大大提高了
整个设计过程的速度。
及行列其它信息;
格数据,并将其显示在指定位置;
单元格左上角位置为索引,保存单元格内容的数组结构。每次界面刷新后,以先行后列的顺
序查找,哪些位置有组合单元格数据,先对该区域进行背景填充,再将其数据内容显示在组
合单元格的位置上;
单元格,即位置是A1单元格。当鼠标单击其它单元格时,选中框的位置随即改变为鼠标点击
位置的单元格。
细表,里面包含一些订单基本信息,右侧则是对单元格的基本控制项,这样可以快速对单元
格进行编辑控制,提高用户使用效率以及用户体验。
事件;从该原始鼠标事件中提取鼠标点值,并通过该鼠标点值计算出当前单元格位置区域
信息,根据该当前单元格位置区域信息生成input编辑框,并将该当前单元格的数据复制存
放入input编辑框中;获取第一鼠标事件,从该第一鼠标事件中提取第一鼠标点值,并计算
出对应的第一单元格位置区域信息,将input编辑框中存储的数据存入第一单元格中,并隐
藏input编辑框。本实施例通过利用webassembly技术,能够实现网页数据表格的在线编辑,
操作简单方便,提升了用户体验,同时提高了表格编辑速度。
单元格的数据复制存放入input编辑框中;
并隐藏input编辑框。
分或者全部模块来实现本实施例方案的目的,此处不做限制。
法程序被处理器执行时实现如下操作:
复制存放入input编辑框中;
编辑框。
标事件;当检测到当前单元格的运行状态为待机状态时,接收字符数据,并对该字符数据进
行判断,根据判断结果将当前单元格的运行状态变更为编辑状态。
格进行辅助编辑。
数据判断,当字符数据满足字符数据判断表时,将当前单元格的运行状态变更为编辑状态;
当字符数据不满足字符数据判断表时,重新接受字符数据。
input编辑框中,将接收的字符数据与input编辑框进行绑定。
input编辑框,并将该单元格位置信息与input编辑框关联,将该当前单元格的数据复制存
放入input编辑框中。
的第一单元格中,当存储完成之后,隐藏该input编辑框。