[发明专利]一种基于内容的逆向表格布局方法

说明书

技术领域

本发明属于Web技术领域，具体涉及一种基于内容的逆向表格布局技术，尤其适合统一风格和表现内容分离的场合。

背景技术

现有技术中，表格定位是一种常用技术，而且快速制作表格的方法也很多，在动态内容表格方面常用的方法是：先制作表格模板，然后在需要放置内容的单元格放置占位标识符，通过用真实内容替换占位标示符制成最终数据表。这种方法在一般情况下能很好的满足实际要求，但还存在以下缺点：第一，由于最终表格取决于模板，如果需要改变表格外观，必须改变模板。第二，表模板已经将所有内容放置进去，如果数据内容变化，则模板也会失效。

发明内容

为解决上述技术问题，本发明的目的是提供一种基于内容的逆向表格布局方法,以解决统一风格和表现内容分离的表格布局问题。

本发明采用的技术方案是：

一种基于内容的逆向表格布局方法，包括以下步骤：

A、基于标准表格画布，采集待布局对象的定位数据；

B、根据定位数据分析目标数据表格的大小；

C、根据定位数据和待布局对象的真实内容动态绘制目标数据表格。

进一步的，所述步骤A在待布局对象放置在标准表格画布之前需准备该待布局对象。

其中，所述步骤A包括：

A1、准备标准表格画布；

A2、将待布局对象放置在标准表格画布，并设定定位信息；

A3、保存所述A2中定位信息。

具体的，所述步骤A1中标准表格画布由大小统一的单元格组成，每一个单元格作为一个最小的定位单位，该单元格称之基础单元格。

所述步骤A2中定位信息包括：待布局对象放在第几个基础单元格，高度跨越几个基础单元格，宽度跨越几个基础单元格。

进一步的，所述步骤B根据步骤A中的定位数据分析目标数据表格的行数与列数。

作为本方案进一步的改进，所述步骤C中还预定义有若干种风格的表格样式信息，根据表格样式信息并结合目标数据表格的定位数据、待布局对象的真实内容数据动态绘制目标数据表格。

本发明的有益效果：

本发明的表格布局方法打破了常规的表格布局思路，采用内容主导方式，根据内容动态生成表格，这样做的好处是：表格布局是根据内容动态生成的，所以内容变化不会影响表格生成的过程，解决了模板模式下内容变化，模板必须变化的问题，另外表格样式也是动态生成的，样式和内容完全分离，这样非常有利于表格样式的美化和统一，尤其是动态表单生成场景中，这种方法比传统方法更有优势。

附图说明

下面结合附图对本发明的具体实施方式做进一步的说明。

图1是本发明的工作原理图；

图2是本发明的逆向表格布局方法流程图；

图3是本发明待布局对象定位方法流程图；

图4是本发明标准表格画布的布局示意图。

具体实施方式

参考图1-图2所示，为本发明的一种基于内容的逆向表格布局方法，本技术方案中包含待布局对象（内容）、标准表格画布、目标数据表格、表格生成引擎等对象，图1所示为各对象之间的工作原理；

本技术方案的逆向表格布局方法包括以下步骤：

A、准备该待布局对象，并基于标准表格画布，采集待布局对象的定位数据；

其中，见图3，所述步骤A包括：

A1、准备标准表格画布；标准表格画布由大小统一的单元格组成，每一个单元格作为一个最小的定位单位，该单元格称之基础单元格，如图4。

A2、将待布局对象放置在标准表格画布，并设定定位信息；定位信息包括：待布局对象放在第几个基础单元格，高度跨越几个基础单元格，宽度跨越几个基础单元格。

A3、保存所述A2中定位信息，主要是待布局对象包含的所有元素在标准表格画布中的定位信息。

B、根据定位数据分析目标数据表格的大小；

该步骤B根据A中所保存的定位数据，可以很容易分析出来目标表格的行数和列数（基于基础单元格）。同时根据表单数据的定位高度和宽度，可以推算出来，表格中哪些单元格需要合并。

C、根据预定义有若干种风格的表格样式信息，表格生成引擎根据表格样式信息、目标数据表格的定位数据、待布局对象的真实内容数据这三者动态绘制目标数据表格。其中，由B可以确定表格的行数，列表，以及内部单元格的合并情况(单凭这些数据可以画出没有样式，没有数据，目标表格的基本形状)，再加入样式和数据，绘制最终的数据表格。