[发明专利]一种页面复杂表格渲染方法、系统、终端及介质

说明书

本发明公开的一种页面复杂表格渲染的方法，包括初始化用户表格数据，获取用户终端发送的页面表格的编辑请求，编辑请求包括表格编辑需求和参数设置；根据跨行属性的设置值和跨列属性的设置值合并或拆分单元格；根据文字属性的设置值在该单元格内显示的文字属性的设置值对应的文字；根据单元格的标记的设置值渲染表格的选中状态，根据选中状态确定需要合并或拆分的单元格的位置。根据结构化数据渲染表格的行、列及单元格合并状态，并通过合并单元格和拆分单元格，对结构化数据的属性进行修改，使得表格可以适应复杂的业务逻辑，保持页面的显示与业务需求的表格一致。

技术领域

本发明涉及数据处理技术领域，具体涉及一种页面复杂表格渲染方法、系统、终端及介质。

背景技术

随着软件网页端技术的迅速发展，业务应用对于前端操作已不再局限于填写表单、查看基本信息，其功能逐渐扩展到了各种复杂的以前依赖于客户端程序才能实现的操作。比如，复杂结构表格的编辑和存储，包括：不定数量的行数、不定数量的列数、表格单元格的合并、表格单元格的拆分等。

现有技术在网页上编辑数据，大多局限于填写结构化表单，并存储于数据库对应的字段，或仅存储数据内容，该内容可以显示、存储、读取，却没有固定的格式，无法实现数据的结构化存储，使得数据不具备结构，从而无法实现表格间的对比和更为广泛的数据操作。

现有技术进行基于HTML的数据编辑，主要有两种类型：一种是简单的结构化，即页面上的数据均为预先设置好的一个字段和它对应的值。该方法在软件开发前，要输入的字段已经确定，且只能以一个字段名称和一个或多个值确定。另一种是只保存输入的文本，即用户可以在页面输入复杂的内容，该值作为一个整体的内容，以用户显示的状态直接保存。该方法虽然能够输入和保存复杂的表格内容，但相同的显示效果下，却对应了多种不同的数据结构，导致两个用户编辑同一个样式的表格，其得到的数据是不同的。

发明内容

针对现有技术中的缺陷，本发明实施例提供的一种页面复杂表格渲染的方法、系统、终端及介质，实现用户在网络页面上进行复杂的表格的编辑操作。

第一方面，本发明实施例还提供一种页面复杂表格渲染的方法，包括以下步骤：

初始化用户表格数据，所述用户表格数据由用户终端指定数据源，或若用户终端未指定数据源，则初始化一个空白的1行1列的表格；

获取用户终端发送的页面表格的编辑请求，所述编辑请求包括表格编辑需求和参数设置，所述编辑需求包括合并单元格、拆分单元格、增加行/列或删除行/列，所述参数设置包括单元格跨行属性的设置值、单元格跨列属性的设置值、文字属性的设置值和单元格的标记的设置值；

根据所述跨行属性的设置值和跨列属性的设置值合并或拆分单元格；

根据所述文字属性的设置值在该单元格内显示的文字属性的设置值对应的文字；

根据单元格的标记的设置值渲染表格的选中状态，根据选中状态确定需要合并或拆分的单元格的位置。

可选地，在根据跨行属性的设置值和跨列属性的设置值合并或拆分单元格步骤之前，还包括：设定数据存储结构，在所述数据存储结构中，

当跨行属性的设置值为1时，表示该单元格不与其他行合并；

当跨行属性的设置值大于1时，表示该单元格及该单元格向下的“设置值-1”个单元格为合并单元格；

当跨列属性的设置值为1时，表示该单元格不与其他列合并，跨列属性的设置值大于1时，表示该单元格及该单元格向右的“设置值-1”个单元格合并为1个单元格；

当跨行属性的设置值和跨列属性的设置值为0时，表示该单元格与其他单元格已经合并，将不在页面上显示。

可选地，所述根据跨行属性的设置值和跨列属性的设置值合并单元格的具体方法包括：