一種基于內(nèi)容的逆向表格布局方法
【專利摘要】本發(fā)明公開了一種基于內(nèi)容的逆向表格布局方法，包括以下步驟：A、基于標(biāo)準(zhǔn)表格畫布，采集待布局對(duì)象的定位數(shù)據(jù)；B、根據(jù)定位數(shù)據(jù)分析目標(biāo)數(shù)據(jù)表格的大?。籆、根據(jù)定位數(shù)據(jù)和待布局對(duì)象的真實(shí)內(nèi)容動(dòng)態(tài)繪制目標(biāo)數(shù)據(jù)表格。本發(fā)明的表格布局方法利用逆向思維方法，解決動(dòng)態(tài)表格生成問(wèn)題，大大降低使用者的技術(shù)要求（使用者不需要懂得Html表格相關(guān)的知識(shí)），同時(shí)很好解決表格內(nèi)容和風(fēng)格分離問(wèn)題，能很好的解決樣式風(fēng)格統(tǒng)一問(wèn)題。
【專利說(shuō)明】一種基于內(nèi)容的逆向表格布局方法

【技術(shù)領(lǐng)域】
[0001] 本發(fā)明屬于Web【技術(shù)領(lǐng)域】，具體涉及一種基于內(nèi)容的逆向表格布局技術(shù)，尤其適 合統(tǒng)一風(fēng)格和表現(xiàn)內(nèi)容分離的場(chǎng)合。

【背景技術(shù)】
[0002] 現(xiàn)有技術(shù)中，表格定位是一種常用技術(shù)，而且快速制作表格的方法也很多，在動(dòng)態(tài) 內(nèi)容表格方面常用的方法是：先制作表格模板，然后在需要放置內(nèi)容的單元格放置占位標(biāo) 識(shí)符，通過(guò)用真實(shí)內(nèi)容替換占位標(biāo)示符制成最終數(shù)據(jù)表。這種方法在一般情況下能很好的 滿足實(shí)際要求，但還存在以下缺點(diǎn)：第一，由于最終表格取決于模板，如果需要改變表格外 觀，必須改變模板。第二，表模板已經(jīng)將所有內(nèi)容放置進(jìn)去，如果數(shù)據(jù)內(nèi)容變化，則模板也會(huì) 失效。


【發(fā)明內(nèi)容】

[0003] 為解決上述技術(shù)問(wèn)題，本發(fā)明的目的是提供一種基于內(nèi)容的逆向表格布局方法， 以解決統(tǒng)一風(fēng)格和表現(xiàn)內(nèi)容分離的表格布局問(wèn)題。
[0004] 本發(fā)明采用的技術(shù)方案是： 一種基于內(nèi)容的逆向表格布局方法，包括以下步驟： A、 基于標(biāo)準(zhǔn)表格畫布，米集待布局對(duì)象的定位數(shù)據(jù)； B、 根據(jù)定位數(shù)據(jù)分析目標(biāo)數(shù)據(jù)表格的大?。?C、 根據(jù)定位數(shù)據(jù)和待布局對(duì)象的真實(shí)內(nèi)容動(dòng)態(tài)繪制目標(biāo)數(shù)據(jù)表格。
[0005] 進(jìn)一步的，所述步驟A在待布局對(duì)象放置在標(biāo)準(zhǔn)表格畫布之前需準(zhǔn)備該待布局對(duì) 象。
[0006] 其中，所述步驟A包括： A1、準(zhǔn)備標(biāo)準(zhǔn)表格畫布； A2、將待布局對(duì)象放置在標(biāo)準(zhǔn)表格畫布，并設(shè)定定位信息； A3、保存所述A2中定位信息。
[0007] 具體的，所述步驟A1中標(biāo)準(zhǔn)表格畫布由大小統(tǒng)一的單元格組成，每一個(gè)單元格作 為一個(gè)最小的定位單位，該單元格稱之基礎(chǔ)單元格。
[0008] 所述步驟A2中定位信息包括：待布局對(duì)象放在第幾個(gè)基礎(chǔ)單元格，高度跨越幾個(gè) 基礎(chǔ)單元格，寬度跨越幾個(gè)基礎(chǔ)單元格。
[0009] 進(jìn)一步的，所述步驟B根據(jù)步驟A中的定位數(shù)據(jù)分析目標(biāo)數(shù)據(jù)表格的行數(shù)與列數(shù)。
[0010] 作為本方案進(jìn)一步的改進(jìn)，所述步驟C中還預(yù)定義有若干種風(fēng)格的表格樣式信 息，根據(jù)表格樣式信息并結(jié)合目標(biāo)數(shù)據(jù)表格的定位數(shù)據(jù)、待布局對(duì)象的真實(shí)內(nèi)容數(shù)據(jù)動(dòng)態(tài) 繪制目標(biāo)數(shù)據(jù)表格。
[0011] 本發(fā)明的有益效果： 本發(fā)明的表格布局方法打破了常規(guī)的表格布局思路，米用內(nèi)容主導(dǎo)方式，根據(jù)內(nèi)容動(dòng) 態(tài)生成表格，這樣做的好處是：表格布局是根據(jù)內(nèi)容動(dòng)態(tài)生成的，所以內(nèi)容變化不會(huì)影響表 格生成的過(guò)程，解決了模板模式下內(nèi)容變化，模板必須變化的問(wèn)題，另外表格樣式也是動(dòng)態(tài) 生成的，樣式和內(nèi)容完全分離，這樣非常有利于表格樣式的美化和統(tǒng)一，尤其是動(dòng)態(tài)表單生 成場(chǎng)景中，這種方法比傳統(tǒng)方法更有優(yōu)勢(shì)。

【專利附圖】

【附圖說(shuō)明】
[0012] 下面結(jié)合附圖對(duì)本發(fā)明的【具體實(shí)施方式】做進(jìn)一步的說(shuō)明。
[0013] 圖1是本發(fā)明的工作原理圖； 圖2是本發(fā)明的逆向表格布局方法流程圖； 圖3是本發(fā)明待布局對(duì)象定位方法流程圖； 圖4是本發(fā)明標(biāo)準(zhǔn)表格畫布的布局示意圖。

【具體實(shí)施方式】
[0014] 參考圖1-圖2所不，為本發(fā)明的一種基于內(nèi)容的逆向表格布局方法，本技術(shù)方案 中包含待布局對(duì)象（內(nèi)容)、標(biāo)準(zhǔn)表格畫布、目標(biāo)數(shù)據(jù)表格、表格生成引擎等對(duì)象，圖1所示為 各對(duì)象之間的工作原理； 本技術(shù)方案的逆向表格布局方法包括以下步驟： A、準(zhǔn)備該待布局對(duì)象，并基于標(biāo)準(zhǔn)表格畫布，采集待布局對(duì)象的定位數(shù)據(jù)； 其中，見圖3,所述步驟A包括： A1、準(zhǔn)備標(biāo)準(zhǔn)表格畫布；標(biāo)準(zhǔn)表格畫布由大小統(tǒng)一的單兀格組成，每一個(gè)單兀格作為一 個(gè)最小的定位單位，該單元格稱之基礎(chǔ)單元格，如圖4。
[0015] A2、將待布局對(duì)象放置在標(biāo)準(zhǔn)表格畫布，并設(shè)定定位信息；定位信息包括：待布局 對(duì)象放在第幾個(gè)基礎(chǔ)單元格，高度跨越幾個(gè)基礎(chǔ)單元格，寬度跨越幾個(gè)基礎(chǔ)單元格。
[0016] A3、保存所述A2中定位信息，主要是待布局對(duì)象包含的所有元素在標(biāo)準(zhǔn)表格畫布 中的定位信息。
[0017] B、根據(jù)定位數(shù)據(jù)分析目標(biāo)數(shù)據(jù)表格的大??； 該步驟B根據(jù)A中所保存的定位數(shù)據(jù)，可以很容易分析出來(lái)目標(biāo)表格的行數(shù)和列數(shù)(基 于基礎(chǔ)單元格)。同時(shí)根據(jù)表單數(shù)據(jù)的定位高度和寬度，可以推算出來(lái)，表格中哪些單元格 需要合并。
[0018] C、根據(jù)預(yù)定義有若干種風(fēng)格的表格樣式信息，表格生成引擎根據(jù)表格樣式信息、 目標(biāo)數(shù)據(jù)表格的定位數(shù)據(jù)、待布局對(duì)象的真實(shí)內(nèi)容數(shù)據(jù)這三者動(dòng)態(tài)繪制目標(biāo)數(shù)據(jù)表格。其 中，由B可以確定表格的行數(shù)，列表，以及內(nèi)部單元格的合并情況（單憑這些數(shù)據(jù)可以畫出 沒有樣式，沒有數(shù)據(jù)，目標(biāo)表格的基本形狀），再加入樣式和數(shù)據(jù)，繪制最終的數(shù)據(jù)表格。
[0019] 本發(fā)明的表格布局方法利用逆向思維方法，解決動(dòng)態(tài)表格生成問(wèn)題，大大降低使 用者的技術(shù)要求(使用者不需要懂得Html表格相關(guān)的知識(shí))，同時(shí)很好解決表格內(nèi)容和風(fēng)格 分離問(wèn)題，能很好的解決樣式風(fēng)格統(tǒng)一問(wèn)題。
[0020] 以上所述僅為本發(fā)明的優(yōu)先實(shí)施方式，本發(fā)明并不限定于上述實(shí)施方式，只要以 基本相同手段實(shí)現(xiàn)本發(fā)明目的的技術(shù)方案都屬于本發(fā)明的保護(hù)范圍之內(nèi)。
【權(quán)利要求】
1. 一種基于內(nèi)容的逆向表格布局方法，其特征在于包括以下步驟： A、 基于標(biāo)準(zhǔn)表格畫布，米集待布局對(duì)象的定位數(shù)據(jù)； B、 根據(jù)定位數(shù)據(jù)分析目標(biāo)數(shù)據(jù)表格的大?。? C、 根據(jù)定位數(shù)據(jù)和待布局對(duì)象的真實(shí)內(nèi)容動(dòng)態(tài)繪制目標(biāo)數(shù)據(jù)表格。
2. 根據(jù)權(quán)利要求1所述的一種基于內(nèi)容的逆向表格布局方法，其特征在于：所述步驟 A在待布局對(duì)象放置在標(biāo)準(zhǔn)表格畫布之前需準(zhǔn)備該待布局對(duì)象。
3. 根據(jù)權(quán)利要求1所述的一種基于內(nèi)容的逆向表格布局方法，其特征在于：所述步驟 A包括： A1、準(zhǔn)備標(biāo)準(zhǔn)表格畫布； A2、將待布局對(duì)象放置在標(biāo)準(zhǔn)表格畫布，并設(shè)定定位信息； A3、保存所述A2中定位信息。
4. 根據(jù)權(quán)利要求3所述的一種基于內(nèi)容的逆向表格布局方法，其特征在于：所述步驟 A1中標(biāo)準(zhǔn)表格畫布由大小統(tǒng)一的單兀格組成，每一個(gè)單兀格作為一個(gè)最小的定位單位，該 單元格稱之基礎(chǔ)單元格。
5. 根據(jù)權(quán)利要求4所述的一種基于內(nèi)容的逆向表格布局方法，其特征在于：所述步驟 A2中定位信息包括：待布局對(duì)象放在第幾個(gè)基礎(chǔ)單元格，高度跨越幾個(gè)基礎(chǔ)單元格，寬度 跨越幾個(gè)基礎(chǔ)單元格。
6. 根據(jù)權(quán)利要求1所述的一種基于內(nèi)容的逆向表格布局方法，其特征在于：所述步驟 B根據(jù)步驟A中的定位數(shù)據(jù)分析目標(biāo)數(shù)據(jù)表格的行數(shù)與列數(shù)。
7. 根據(jù)權(quán)利要求1所述的一種基于內(nèi)容的逆向表格布局方法，其特征在于：所述步驟 C中還預(yù)定義有若干種風(fēng)格的表格樣式信息，根據(jù)表格樣式信息并結(jié)合目標(biāo)數(shù)據(jù)表格的定 位數(shù)據(jù)、待布局對(duì)象的真實(shí)內(nèi)容數(shù)據(jù)動(dòng)態(tài)繪制目標(biāo)數(shù)據(jù)表格。
【文檔編號(hào)】G06F17/24GK104123270SQ201410366177
【公開日】2014年10月29日 申請(qǐng)日期:2014年7月29日 優(yōu)先權(quán)日:2014年7月29日
【發(fā)明者】余敬龍 申請(qǐng)人:廣東能龍教育股份有限公司