[發明專利]大數據量表格在網頁上的展現裝置和展現方法

有效

• 申請號: 201310654313.4
• 申請日: 2013-12-05
• 公開（公告）號: CN103617270B
• 公開（公告）日: 2017-01-04
• 發明（設計）人: 潘巍
• 申請（專利權）人: 用友網絡科技股份有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30
• 代理公司: 北京中恒高博知識產權代理有限公司11249
• 代理人: 劉洪京

技術領域

本發明涉及計算機技術領域，具體地，涉及一種大數據量表格在網頁上的展現裝置和一種大數據量表格在網頁上的展現方法。

背景技術

由于大部分公司在網頁上展現的報表打開速度較慢，需要提供一種快速處理表格展現大數據量的方法，以提高處理大數據量表格效率以最快方式打開頁面。

由于數據量大的原因如果用table標記，table標記要解析到對應的</table>才會顯示，而div這里就不用。它用由上而下顯示出來。

高性能處理大數據量，需要縮短三方面的效率：

（1）后臺拼html串，根據模型將css分為三種類型進行拼接，行高度、列寬度、單元屬性，這樣可以將相同行高、列寬、單元屬性css合并從而減少生成的css樣式與div上特有的樣式。

（2）由于采用div+css布局方法，可以盡量少的生成前臺代碼，保證網絡傳輸最小的流量。div的加載方式是即讀即加載，遇到<div>沒有遇到</div>的時候一樣加載div中的內容，讀多少加載多少。

（3）壓縮html代碼。

因此，需要一種新的大數據量表格在網頁上的展現技術，可以在現有的表格在網頁上的展現方式基礎上，充分利用后臺表格模型以最簡潔的方式生成html代碼、以最小的代價傳輸要前臺的大數據量表格在網頁上的展現方式，建立后臺表格模型參與的面向大數據量表格在網頁上的展現的通用、統一展現思路。

發明內容

本發明正是基于上述問題，提出了一種新的大數據量表格在網頁上的展現技術，可以在現有的表格在網頁上的展現方式基礎上，充分利用后臺表格模型以最簡潔的方式生成html代碼、以最小的代價傳輸要前臺的大數據量表格在網頁上的展現方式，建立后臺表格模型參與的面向大數據量表格在網頁上的展現的通用、統一展現思路。

有鑒于此，本發明提出了一種大數據量表格在網頁上的展現裝置，包括：后臺模型獲取模塊，用于獲取后臺模型，基于獲取的后臺模型得到需要生成前臺代碼的后臺對象；Css串生成模塊，用于通過前臺拼接，生成最終的樣式代碼即Css串；行列單元格遍歷模塊，用于根據所述后臺模型獲取模塊獲取的后臺模型和所述Css串生成模塊生成的Css串，遍歷行列單元格得到需要的Css串，用于拼接前臺頁面。在該技術方案中，可以將后臺表格模型以最簡潔的方式生成html代碼，以最小的代價傳輸要前臺，從而實現大數據量表格以最簡潔的方式傳輸到前臺展現的功能。

在上述技術方案中，優選地，所述大數據量表格在網頁上的展現裝置，還包括：緩存模塊，用于將所述Css串生成模塊生成的Css串，進行緩存處理，得到基于所述Css串生成模塊生成的Css串經緩存處理后減少的Css串；以及，所述行列單元格遍歷模塊具體用于：根據所述后臺模型獲取模塊獲取的后臺模型和所述緩存模塊緩存處理得到的Css串，遍歷行列單元格得到需要的Css串，用于拼接前臺頁面。在該技術方案中，加入換從，可以減少生成的樣式代碼，提高效率。

在上述技術方案中，優選地，所行列單元格遍歷模塊根據所述后臺模型獲取模塊獲取的后臺模型和所述Css串生成模塊生成的Css串，遍歷行列單元格得到需要的Css串的操作，具體包括：依次通過生成樣式步驟和生成Div步驟，將獲取的后臺模型生成html代碼。

在上述技術方案中，優選地，所述生成樣式步驟，具體包括：行單元生成步驟：根據循環取出每一行的高度，當循環取出的每一行的高度不重復時，將該行存入緩存中，生成樣式代碼，并經緩存處理減少生成的樣式代碼；列單元生成步驟：根據循環取出每一列的寬度，當循環取出的每一列的寬度不重復時，將該列存入緩存中，生成樣式代碼，并經緩存處理減少生成的樣式代碼；單元格生成步驟：以行列為循環，取出每個單元格的區域對象對應的格式，當取出的每個單元格的行列格式不相同時，將該單元格加入緩存中，對該單元格進行絕對定位，以實現支持不同的瀏覽器。在該技術方案中，對于行列循環中的每個單元格，通過格式判斷使相同格式的單元格只加入一次緩存中，并通過對單元格進行絕對定位，以實現支持不同的瀏覽器，從而可以對大數據量表格進行高效處理。