一種基於內容的逆向表格布局方法
2023-10-31 11:28:27 3
一種基於內容的逆向表格布局方法
【專利摘要】本發明公開了一種基於內容的逆向表格布局方法，包括以下步驟：A、基於標準表格畫布，採集待布局對象的定位數據；B、根據定位數據分析目標數據表格的大小；C、根據定位數據和待布局對象的真實內容動態繪製目標數據表格。本發明的表格布局方法利用逆向思維方法，解決動態表格生成問題，大大降低使用者的技術要求（使用者不需要懂得Html表格相關的知識），同時很好解決表格內容和風格分離問題，能很好的解決樣式風格統一問題。
【專利說明】一種基於內容的逆向表格布局方法
【技術領域】
[0001] 本發明屬於Web【技術領域】，具體涉及一種基於內容的逆向表格布局技術，尤其適 合統一風格和表現內容分離的場合。
【背景技術】
[0002] 現有技術中，表格定位是一種常用技術，而且快速製作表格的方法也很多，在動態 內容表格方面常用的方法是：先製作表格模板，然後在需要放置內容的單元格放置佔位標 識符，通過用真實內容替換佔位標示符製成最終數據表。這種方法在一般情況下能很好的 滿足實際要求，但還存在以下缺點：第一，由於最終表格取決於模板，如果需要改變表格外 觀，必須改變模板。第二，表模板已經將所有內容放置進去，如果數據內容變化，則模板也會 失效。
【發明內容】
[0003] 為解決上述技術問題，本發明的目的是提供一種基於內容的逆向表格布局方法， 以解決統一風格和表現內容分離的表格布局問題。
[0004] 本發明採用的技術方案是： 一種基於內容的逆向表格布局方法，包括以下步驟： A、 基於標準表格畫布，米集待布局對象的定位數據； B、 根據定位數據分析目標數據表格的大小； C、 根據定位數據和待布局對象的真實內容動態繪製目標數據表格。
[0005] 進一步的，所述步驟A在待布局對象放置在標準表格畫布之前需準備該待布局對 象。
[0006] 其中，所述步驟A包括： A1、準備標準表格畫布； A2、將待布局對象放置在標準表格畫布，並設定定位信息； A3、保存所述A2中定位信息。
[0007] 具體的，所述步驟A1中標準表格畫布由大小統一的單元格組成，每一個單元格作 為一個最小的定位單位，該單元格稱之基礎單元格。
[0008] 所述步驟A2中定位信息包括：待布局對象放在第幾個基礎單元格，高度跨越幾個 基礎單元格，寬度跨越幾個基礎單元格。
[0009] 進一步的，所述步驟B根據步驟A中的定位數據分析目標數據表格的行數與列數。
[0010] 作為本方案進一步的改進，所述步驟C中還預定義有若干種風格的表格樣式信 息，根據表格樣式信息並結合目標數據表格的定位數據、待布局對象的真實內容數據動態 繪製目標數據表格。
[0011] 本發明的有益效果： 本發明的表格布局方法打破了常規的表格布局思路，米用內容主導方式，根據內容動 態生成表格，這樣做的好處是：表格布局是根據內容動態生成的，所以內容變化不會影響表 格生成的過程，解決了模板模式下內容變化，模板必須變化的問題，另外表格樣式也是動態 生成的，樣式和內容完全分離，這樣非常有利於表格樣式的美化和統一，尤其是動態表單生 成場景中，這種方法比傳統方法更有優勢。
【專利附圖】
【附圖說明】
[0012] 下面結合附圖對本發明的【具體實施方式】做進一步的說明。
[0013] 圖1是本發明的工作原理圖； 圖2是本發明的逆向表格布局方法流程圖； 圖3是本發明待布局對象定位方法流程圖； 圖4是本發明標準表格畫布的布局示意圖。
【具體實施方式】
[0014] 參考圖1-圖2所不，為本發明的一種基於內容的逆向表格布局方法，本技術方案 中包含待布局對象（內容)、標準表格畫布、目標數據表格、表格生成引擎等對象，圖1所示為 各對象之間的工作原理； 本技術方案的逆向表格布局方法包括以下步驟： A、準備該待布局對象，並基於標準表格畫布，採集待布局對象的定位數據； 其中，見圖3,所述步驟A包括： A1、準備標準表格畫布；標準表格畫布由大小統一的單兀格組成，每一個單兀格作為一 個最小的定位單位，該單元格稱之基礎單元格，如圖4。
[0015] A2、將待布局對象放置在標準表格畫布，並設定定位信息；定位信息包括：待布局 對象放在第幾個基礎單元格，高度跨越幾個基礎單元格，寬度跨越幾個基礎單元格。
[0016] A3、保存所述A2中定位信息，主要是待布局對象包含的所有元素在標準表格畫布 中的定位信息。
[0017] B、根據定位數據分析目標數據表格的大小； 該步驟B根據A中所保存的定位數據，可以很容易分析出來目標表格的行數和列數(基 於基礎單元格)。同時根據表單數據的定位高度和寬度，可以推算出來，表格中哪些單元格 需要合併。
[0018] C、根據預定義有若干種風格的表格樣式信息，表格生成引擎根據表格樣式信息、 目標數據表格的定位數據、待布局對象的真實內容數據這三者動態繪製目標數據表格。其 中，由B可以確定表格的行數，列表，以及內部單元格的合併情況（單憑這些數據可以畫出 沒有樣式，沒有數據，目標表格的基本形狀），再加入樣式和數據，繪製最終的數據表格。
[0019] 本發明的表格布局方法利用逆向思維方法，解決動態表格生成問題，大大降低使 用者的技術要求(使用者不需要懂得Html表格相關的知識)，同時很好解決表格內容和風格 分離問題，能很好的解決樣式風格統一問題。
[0020] 以上所述僅為本發明的優先實施方式，本發明並不限定於上述實施方式，只要以 基本相同手段實現本發明目的的技術方案都屬於本發明的保護範圍之內。
【權利要求】
1. 一種基於內容的逆向表格布局方法，其特徵在於包括以下步驟： A、 基於標準表格畫布，米集待布局對象的定位數據； B、 根據定位數據分析目標數據表格的大小； C、 根據定位數據和待布局對象的真實內容動態繪製目標數據表格。
2. 根據權利要求1所述的一種基於內容的逆向表格布局方法，其特徵在於：所述步驟 A在待布局對象放置在標準表格畫布之前需準備該待布局對象。
3. 根據權利要求1所述的一種基於內容的逆向表格布局方法，其特徵在於：所述步驟 A包括： A1、準備標準表格畫布； A2、將待布局對象放置在標準表格畫布，並設定定位信息； A3、保存所述A2中定位信息。
4. 根據權利要求3所述的一種基於內容的逆向表格布局方法，其特徵在於：所述步驟 A1中標準表格畫布由大小統一的單兀格組成，每一個單兀格作為一個最小的定位單位，該 單元格稱之基礎單元格。
5. 根據權利要求4所述的一種基於內容的逆向表格布局方法，其特徵在於：所述步驟 A2中定位信息包括：待布局對象放在第幾個基礎單元格，高度跨越幾個基礎單元格，寬度 跨越幾個基礎單元格。
6. 根據權利要求1所述的一種基於內容的逆向表格布局方法，其特徵在於：所述步驟 B根據步驟A中的定位數據分析目標數據表格的行數與列數。
7. 根據權利要求1所述的一種基於內容的逆向表格布局方法，其特徵在於：所述步驟 C中還預定義有若干種風格的表格樣式信息，根據表格樣式信息並結合目標數據表格的定 位數據、待布局對象的真實內容數據動態繪製目標數據表格。
【文檔編號】G06F17/24GK104123270SQ201410366177
【公開日】2014年10月29日 申請日期:2014年7月29日 優先權日:2014年7月29日
【發明者】餘敬龍 申請人:廣東能龍教育股份有限公司