大數(shù)據(jù)量表格在網(wǎng)頁(yè)上的展現(xiàn)裝置和展現(xiàn)方法【專利摘要】本發(fā)明提供了一種大數(shù)據(jù)量表格在網(wǎng)頁(yè)上的展現(xiàn)裝置，包括：后臺(tái)模型獲取模塊，獲取后臺(tái)模型，得到需要生成前臺(tái)代碼的后臺(tái)對(duì)象；Css串生成模塊，通過(guò)前臺(tái)拼接，生成最終的樣式代碼即Css串；行列單元格遍歷模塊，用于根據(jù)獲取的后臺(tái)模型和生成的Css串，遍歷行列單元格得到需要的Css串，用于拼接前臺(tái)頁(yè)面。本發(fā)明還提供了一種大數(shù)據(jù)量表格在網(wǎng)頁(yè)上的展現(xiàn)方法。通過(guò)本發(fā)明的技術(shù)方案，可以在現(xiàn)有的表格在網(wǎng)頁(yè)上的展現(xiàn)方式基礎(chǔ)上，充分利用后臺(tái)表格模型以最簡(jiǎn)潔的方式生成html代碼、以最小的代價(jià)傳輸要前臺(tái)的大數(shù)據(jù)量表格在網(wǎng)頁(yè)上的展現(xiàn)方式，建立后臺(tái)表格模型參與的面向大數(shù)據(jù)量表格在網(wǎng)頁(yè)上的展現(xiàn)的通用、統(tǒng)一展現(xiàn)思路?！緦＠f(shuō)明】大數(shù)據(jù)量表格在網(wǎng)頁(yè)上的展現(xiàn)裝置和展現(xiàn)方法【
技術(shù)領(lǐng)域：
】[0001]本發(fā)明涉及計(jì)算機(jī)【
技術(shù)領(lǐng)域：
】，具體地，涉及一種大數(shù)據(jù)量表格在網(wǎng)頁(yè)上的展現(xiàn)裝置和一種大數(shù)據(jù)量表格在網(wǎng)頁(yè)上的展現(xiàn)方法?！?br>背景技術(shù)：
】[0002]由于大部分公司在網(wǎng)頁(yè)上展現(xiàn)的報(bào)表打開速度較慢，需要提供一種快速處理表格展現(xiàn)大數(shù)據(jù)量的方法，以提高處理大數(shù)據(jù)量表格效率以最快方式打開頁(yè)面。[0003]由于數(shù)據(jù)量大的原因如果用table標(biāo)記,table標(biāo)記要解析到對(duì)應(yīng)的〈/table〉才會(huì)顯示，而div這里就不用。它用由上而下顯示出來(lái)。[0004]高性能處理大數(shù)據(jù)量，需要縮短三方面的效率:[0005](I)后臺(tái)拼html串，根據(jù)模型將css分為三種類型進(jìn)行拼接，行高度、列寬度、單元屬性，這樣可以將相同行高、列寬、單元屬性CSS合并從而減少生成的CSS樣式與div上特有的樣式。[0006](2)由于采用div+css布局方法，可以盡量少的生成前臺(tái)代碼，保證網(wǎng)絡(luò)傳輸最小的流量。div的加載方式是即讀即加載,遇到<div>沒(méi)有遇到</div>的時(shí)候一樣加載div中的內(nèi)容，讀多少加載多少。[0007](3)壓縮html代碼。[0008]因此，需要一種新的大數(shù)據(jù)量表格在網(wǎng)頁(yè)上的展現(xiàn)技術(shù)，可以在現(xiàn)有的表格在網(wǎng)頁(yè)上的展現(xiàn)方式基礎(chǔ)上，充分利用后臺(tái)表格模型以最簡(jiǎn)潔的方式生成html代碼、以最小的代價(jià)傳輸要前臺(tái)的大數(shù)據(jù)量表格在網(wǎng)頁(yè)上的展現(xiàn)方式，建立后臺(tái)表格模型參與的面向大數(shù)據(jù)量表格在網(wǎng)頁(yè)上的展現(xiàn)的通用、統(tǒng)一展現(xiàn)思路?！?br/>發(fā)明內(nèi)容】[0009]本發(fā)明正是基于上述問(wèn)題，提出了一種新的大數(shù)據(jù)量表格在網(wǎng)頁(yè)上的展現(xiàn)技術(shù)，可以在現(xiàn)有的表格在網(wǎng)頁(yè)上的展現(xiàn)方式基礎(chǔ)上，充分利用后臺(tái)表格模型以最簡(jiǎn)潔的方式生成html代碼、以最小的代價(jià)傳輸要前臺(tái)的大數(shù)據(jù)量表格在網(wǎng)頁(yè)上的展現(xiàn)方式，建立后臺(tái)表格模型參與的面向大數(shù)據(jù)量表格在網(wǎng)頁(yè)上的展現(xiàn)的通用、統(tǒng)一展現(xiàn)思路。[0010]有鑒于此，本發(fā)明提出了一種大數(shù)據(jù)量表格在網(wǎng)頁(yè)上的展現(xiàn)裝置，包括:后臺(tái)模型獲取模塊，用于獲取后臺(tái)模型，基于獲取的后臺(tái)模型得到需要生成前臺(tái)代碼的后臺(tái)對(duì)象；Css串生成模塊，用于通過(guò)前臺(tái)拼接，生成最終的樣式代碼即Css串；行列單元格遍歷模塊，用于根據(jù)所述后臺(tái)模型獲取模塊獲取的后臺(tái)模型和所述Css串生成模塊生成的Css串，遍歷行列單元格得到需要的Css串，用于拼接前臺(tái)頁(yè)面。在該技術(shù)方案中，可以將后臺(tái)表格模型以最簡(jiǎn)潔的方式生成html代碼，以最小的代價(jià)傳輸要前臺(tái)，從而實(shí)現(xiàn)大數(shù)據(jù)量表格以最簡(jiǎn)潔的方式傳輸?shù)角芭_(tái)展現(xiàn)的功能。[0011]在上述技術(shù)方案中，優(yōu)選地，所述大數(shù)據(jù)量表格在網(wǎng)頁(yè)上的展現(xiàn)裝置，還包括:緩存模塊，用于將所述Css串生成模塊生成的Css串，進(jìn)行緩存處理，得到基于所述Css串生成模塊生成的Css串經(jīng)緩存處理后減少的Css串；以及，所述行列單元格遍歷模塊具體用于:根據(jù)所述后臺(tái)模型獲取模塊獲取的后臺(tái)模型和所述緩存模塊緩存處理得到的Css串，遍歷行列單元格得到需要的Css串，用于拼接前臺(tái)頁(yè)面。在該技術(shù)方案中，加入換從，可以減少生成的樣式代碼，提高效率。[0012]在上述技術(shù)方案中，優(yōu)選地，所行列單元格遍歷模塊根據(jù)所述后臺(tái)模型獲取模塊獲取的后臺(tái)模型和所述Css串生成模塊生成的Css串，遍歷行列單元格得到需要的Css串的操作，具體包括:依次通過(guò)生成樣式步驟和生成Div步驟，將獲取的后臺(tái)模型生成html代碼。[0013]在上述技術(shù)方案中，優(yōu)選地，所述生成樣式步驟，具體包括:行單元生成步驟:根據(jù)循環(huán)取出每一行的高度，當(dāng)循環(huán)取出的每一行的高度不重復(fù)時(shí)，將該行存入緩存中，生成樣式代碼，并經(jīng)緩存處理減少生成的樣式代碼；列單元生成步驟:根據(jù)循環(huán)取出每一列的寬度，當(dāng)循環(huán)取出的每一列的寬度不重復(fù)時(shí)，將該列存入緩存中，生成樣式代碼，并經(jīng)緩存處理減少生成的樣式代碼；單元格生成步驟:以行列為循環(huán)，取出每個(gè)單元格的區(qū)域?qū)ο髮?duì)應(yīng)的格式，當(dāng)取出的每個(gè)單元格的行列格式不相同時(shí)，將該單元格加入緩存中，對(duì)該單元格進(jìn)行絕對(duì)定位，以實(shí)現(xiàn)支持不同的瀏覽器。在該技術(shù)方案中，對(duì)于行列循環(huán)中的每個(gè)單元格，通過(guò)格式判斷使相同格式的單元格只加入一次緩存中，并通過(guò)對(duì)單元格進(jìn)行絕對(duì)定位，以實(shí)現(xiàn)支持不同的瀏覽器，從而可以對(duì)大數(shù)據(jù)量表格進(jìn)行高效處理。[0014]在上述技術(shù)方案中，優(yōu)選地，所述生成Div步驟，具體包括:對(duì)所述生成樣式步驟得到的單元格，通入單元格行列標(biāo)識(shí)，從緩存中取到當(dāng)前單元格在行、列、單元格上的樣式，生成Div;在所述生成Div的操作中，需要確定在行列循環(huán)中后臺(tái)模型某個(gè)單元格有數(shù)據(jù)且有樣式后，再生成Div。在該技術(shù)方案中，在Div中只需要把取得的樣式放入class中，不需要寫style由于在樣式中已經(jīng)生成了所有樣式，可以提高效率，快速處理表格展現(xiàn)大數(shù)據(jù)量，提高處理大數(shù)據(jù)量表格效率以最快方式打開頁(yè)面。[0015]根據(jù)本發(fā)明的又一個(gè)方面，還提出了一種大數(shù)據(jù)量表格在網(wǎng)頁(yè)上的展現(xiàn)方法，包括:步驟202:獲取后臺(tái)模型，基于獲取的后臺(tái)模型得到需要生成前臺(tái)代碼的后臺(tái)對(duì)象；步驟204:通過(guò)前臺(tái)拼接，生成最終的樣式代碼即Css串；步驟208:根據(jù)所述步驟202獲取的后臺(tái)模型和所述步驟204生成的Css串，遍歷行列單元格得到需要的Css串，用于拼接前臺(tái)頁(yè)面。在該技術(shù)方案中，可以將后臺(tái)表格模型以最簡(jiǎn)潔的方式生成html代碼，以最小的代價(jià)傳輸要前臺(tái)，從而實(shí)現(xiàn)大數(shù)據(jù)量表格以最簡(jiǎn)潔的方式傳輸?shù)角芭_(tái)展現(xiàn)的功能。[0016]在上述技術(shù)方案中，優(yōu)選地，在所述步驟208之前，還包括:步驟206，用于將所述步驟204生成的Css串，進(jìn)行緩存處理，得到基于所述步驟204生成的Css串經(jīng)緩存處理后減少的Css串；以及，所述步驟208具體用于:根據(jù)所述步驟202獲取的后臺(tái)模型和所述步驟206緩存處理得到的Css串，遍歷行列單元格得到需要的Css串，用于拼接前臺(tái)頁(yè)面。在該技術(shù)方案中，加入換從，可以減少生成的樣式代碼，提高效率。[0017]在上述技術(shù)方案中，優(yōu)選地，所行步驟208根據(jù)所述步驟202獲取的后臺(tái)模型和所述步驟204生成的Css串，遍歷行列單元格得到需要的Css串的操作，具體包括:依次通過(guò)生成樣式步驟和生成Div步驟，將獲取的后臺(tái)模型生成html代碼。[0018]在上述技術(shù)方案中，優(yōu)選地，所述生成樣式步驟，具體包括:行單元生成步驟:根據(jù)循環(huán)取出每一行的高度，當(dāng)循環(huán)取出的每一行的高度不重復(fù)時(shí)，將該行存入緩存中，生成樣式代碼，并經(jīng)緩存處理減少生成的樣式代碼；列單元生成步驟:根據(jù)循環(huán)取出每一列的寬度，當(dāng)循環(huán)取出的每一列的寬度不重復(fù)時(shí)，將該列存入緩存中，生成樣式代碼，并經(jīng)緩存處理減少生成的樣式代碼；單元格生成步驟:以行列為循環(huán)，取出每個(gè)單元格的區(qū)域?qū)ο髮?duì)應(yīng)的格式，當(dāng)取出的每個(gè)單元格的行列格式不相同時(shí)，將該單元格加入緩存中，對(duì)該單元格進(jìn)行絕對(duì)定位，以實(shí)現(xiàn)支持不同的瀏覽器。在該技術(shù)方案中，對(duì)于行列循環(huán)中的每個(gè)單元格，通過(guò)格式判斷使相同格式的單元格只加入一次緩存中，并通過(guò)對(duì)單元格進(jìn)行絕對(duì)定位，以實(shí)現(xiàn)支持不同的瀏覽器，從而可以對(duì)大數(shù)據(jù)量表格進(jìn)行高效處理。[0019]在上述技術(shù)方案中，優(yōu)選地，所述生成Div步驟，具體包括:對(duì)所述生成樣式步驟得到的單元格，通入單元格行列標(biāo)識(shí)，從緩存中取到當(dāng)前單元格在行、列、單元格上的樣式，生成Div;在所述生成Div的操作中，需要確定在行列循環(huán)中后臺(tái)模型某個(gè)單元格有數(shù)據(jù)且有樣式后，再生成Div。在該技術(shù)方案中，在Div中只需要把取得的樣式放入class中，不需要寫style由于在樣式中已經(jīng)生成了所有樣式，可以提高效率，快速處理表格展現(xiàn)大數(shù)據(jù)量，提高處理大數(shù)據(jù)量表格效率以最快方式打開頁(yè)面。[0020]通過(guò)以上技術(shù)方案，可以在現(xiàn)有的表格在網(wǎng)頁(yè)上的展現(xiàn)方式基礎(chǔ)上，充分利用后臺(tái)表格模型以最簡(jiǎn)潔的方式生成html代碼、以最小的代價(jià)傳輸要前臺(tái)的大數(shù)據(jù)量表格在網(wǎng)頁(yè)上的展現(xiàn)方式，建立后臺(tái)表格模型參與的面向大數(shù)據(jù)量表格在網(wǎng)頁(yè)上的展現(xiàn)的通用、統(tǒng)一展現(xiàn)思路?！緦＠綀D】【附圖說(shuō)明】[0021]圖1示出了根據(jù)本發(fā)明的實(shí)施例的大數(shù)據(jù)量表格在網(wǎng)頁(yè)上的展現(xiàn)裝置的框圖；[0022]圖2示出了根據(jù)本發(fā)明的實(shí)施例的大數(shù)據(jù)量表格在網(wǎng)頁(yè)上的展現(xiàn)方法的流程圖；[0023]圖3示出了根據(jù)本發(fā)明的實(shí)施例的大數(shù)據(jù)量表格在網(wǎng)頁(yè)上的展現(xiàn)裝置的具體邏輯處理流程圖?！揪唧w實(shí)施方式】[0024]為了能夠更清楚地理解本發(fā)明的上述目的、特征和優(yōu)點(diǎn)，下面結(jié)合附圖和【具體實(shí)施方式】對(duì)本發(fā)明進(jìn)行進(jìn)一步的詳細(xì)描述。需要說(shuō)明的是，在不沖突的情況下，本申請(qǐng)的實(shí)施例及實(shí)施例中的特征可以相互組合。[0025]在下面的描述中闡述了很多具體細(xì)節(jié)以便于充分理解本發(fā)明，但是，本發(fā)明還可以采用其他不同于在此描述的其他方式來(lái)實(shí)施，因此，本發(fā)明的保護(hù)范圍并不受下面公開的具體實(shí)施例的限制。[0026]圖1示出了根據(jù)本發(fā)明的實(shí)施例的大數(shù)據(jù)量表格在網(wǎng)頁(yè)上的展現(xiàn)裝置的框圖。[0027]如圖1所示，根據(jù)本發(fā)明的實(shí)施例的大數(shù)據(jù)量表格在網(wǎng)頁(yè)上的展現(xiàn)裝置100，包括:后臺(tái)模型獲取模塊102，用于獲取后臺(tái)模型，基于獲取的后臺(tái)模型得到需要生成前臺(tái)代碼的后臺(tái)對(duì)象；Css串生成模塊104，用于通過(guò)前臺(tái)拼接，生成最終的樣式代碼即Css串；行列單元格遍歷模塊108，用于根據(jù)后臺(tái)模型獲取模塊102獲取的后臺(tái)模型和Css串生成模塊104生成的Css串，遍歷行列單元格得到需要的Css串，用于拼接前臺(tái)頁(yè)面。在該技術(shù)方案中，可以將后臺(tái)表格模型以最簡(jiǎn)潔的方式生成html代碼，以最小的代價(jià)傳輸要前臺(tái)，從而實(shí)現(xiàn)大數(shù)據(jù)量表格以最簡(jiǎn)潔的方式傳輸?shù)角芭_(tái)展現(xiàn)的功能。[0028]在上述技術(shù)方案中，優(yōu)選地，大數(shù)據(jù)量表格在網(wǎng)頁(yè)上的展現(xiàn)裝置，還包括:緩存模塊106，用于將Css串生成模塊104生成的Css串，進(jìn)行緩存處理，得到基于Css串生成模塊104生成的Css串經(jīng)緩存處理后減少的Css串；以及，行列單元格遍歷模塊108具體用于:根據(jù)后臺(tái)模型獲取模塊102獲取的后臺(tái)模型和緩存模塊106緩存處理得到的Css串，遍歷行列單元格得到需要的Css串，用于拼接前臺(tái)頁(yè)面。在該技術(shù)方案中，加入換從，可以減少生成的樣式代碼，提高效率。[0029]在上述技術(shù)方案中，優(yōu)選地，所行列單元格遍歷模塊108根據(jù)后臺(tái)模型獲取模塊102獲取的后臺(tái)模型和Css串生成模塊104生成的Css串，遍歷行列單元格得到需要的Css串的操作，具體包括:依次通過(guò)生成樣式步驟和生成Div步驟，將獲取的后臺(tái)模型生成html代碼。[0030]在上述技術(shù)方案中，優(yōu)選地，生成樣式步驟，具體包括:行單元生成步驟:根據(jù)循環(huán)取出每一行的高度，當(dāng)循環(huán)取出的每一行的高度不重復(fù)時(shí)，將該行存入緩存中，生成樣式代碼，并經(jīng)緩存處理減少生成的樣式代碼；列單元生成步驟:根據(jù)循環(huán)取出每一列的寬度，當(dāng)循環(huán)取出的每一列的寬度不重復(fù)時(shí)，將該列存入緩存中，生成樣式代碼，并經(jīng)緩存處理減少生成的樣式代碼；單元格生成步驟:以行列為循環(huán)，取出每個(gè)單元格的區(qū)域?qū)ο髮?duì)應(yīng)的格式，當(dāng)取出的每個(gè)單元格的行列格式不相同時(shí)，將該單元格加入緩存中，對(duì)該單元格進(jìn)行絕對(duì)定位，以實(shí)現(xiàn)支持不同的瀏覽器。在該技術(shù)方案中，對(duì)于行列循環(huán)中的每個(gè)單元格，通過(guò)格式判斷使相同格式的單元格只加入一次緩存中，并通過(guò)對(duì)單元格進(jìn)行絕對(duì)定位，以實(shí)現(xiàn)支持不同的瀏覽器，從而可以對(duì)大數(shù)據(jù)量表格進(jìn)行高效處理。[0031]在上述技術(shù)方案中，優(yōu)選地，生成Div步驟，具體包括:對(duì)生成樣式步驟得到的單元格，通入單元格行列標(biāo)識(shí)，從緩存中取到當(dāng)前單元格在行、列、單元格上的樣式，生成Div；在生成Div的操作中，需要確定在行列循環(huán)中后臺(tái)模型某個(gè)單元格有數(shù)據(jù)且有樣式后，再生成Div。在該技術(shù)方案中，在Div中只需要把取得的樣式放入class中，不需要寫style由于在樣式中已經(jīng)生成了所有樣式，可以提高效率，快速處理表格展現(xiàn)大數(shù)據(jù)量，提高處理大數(shù)據(jù)量表格效率以最快方式打開頁(yè)面。[0032]圖2示出了根據(jù)本發(fā)明的實(shí)施例的大數(shù)據(jù)量表格在網(wǎng)頁(yè)上的展現(xiàn)方法的流程圖。[0033]如圖2所示，根據(jù)本發(fā)明的實(shí)施例的大數(shù)據(jù)量表格在網(wǎng)頁(yè)上的展現(xiàn)方法，包括:步驟202:獲取后臺(tái)模型，基于獲取的后臺(tái)模型得到需要生成前臺(tái)代碼的后臺(tái)對(duì)象；步驟204:通過(guò)前臺(tái)拼接，生成最終的樣式代碼即Css串；步驟208:根據(jù)步驟202獲取的后臺(tái)模型和步驟204生成的Css串，遍歷行列單元格得到需要的Css串，用于拼接前臺(tái)頁(yè)面。在該技術(shù)方案中，可以將后臺(tái)表格模型以最簡(jiǎn)潔的方式生成html代碼，以最小的代價(jià)傳輸要前臺(tái)，從而實(shí)現(xiàn)大數(shù)據(jù)量表格以最簡(jiǎn)潔的方式傳輸?shù)角芭_(tái)展現(xiàn)的功能。[0034]在上述技術(shù)方案中，優(yōu)選地，在步驟208之前，還包括:步驟206，用于將步驟204生成的Css串，進(jìn)行緩存處理，得到基于步驟204生成的Css串經(jīng)緩存處理后減少的Css串；以及，步驟208具體用于:根據(jù)步驟202獲取的后臺(tái)模型和步驟206緩存處理得到的Css串，遍歷行列單元格得到需要的Css串，用于拼接前臺(tái)頁(yè)面。在該技術(shù)方案中，加入換從，可以減少生成的樣式代碼，提高效率。[0035]在上述技術(shù)方案中，優(yōu)選地，所行步驟208根據(jù)步驟202獲取的后臺(tái)模型和步驟204生成的Css串，遍歷行列單元格得到需要的Css串的操作，具體包括:依次通過(guò)生成樣式步驟和生成Div步驟，將獲取的后臺(tái)模型生成html代碼。[0036]在上述技術(shù)方案中，優(yōu)選地，生成樣式步驟，具體包括:行單元生成步驟:根據(jù)循環(huán)取出每一行的高度，當(dāng)循環(huán)取出的每一行的高度不重復(fù)時(shí)，將該行存入緩存中，生成樣式代碼，并經(jīng)緩存處理減少生成的樣式代碼；列單元生成步驟:根據(jù)循環(huán)取出每一列的寬度，當(dāng)循環(huán)取出的每一列的寬度不重復(fù)時(shí)，將該列存入緩存中，生成樣式代碼，并經(jīng)緩存處理減少生成的樣式代碼；單元格生成步驟:以行列為循環(huán)，取出每個(gè)單元格的區(qū)域?qū)ο髮?duì)應(yīng)的格式，當(dāng)取出的每個(gè)單元格的行列格式不相同時(shí)，將該單元格加入緩存中，對(duì)該單元格進(jìn)行絕對(duì)定位，以實(shí)現(xiàn)支持不同的瀏覽器。在該技術(shù)方案中，對(duì)于行列循環(huán)中的每個(gè)單元格，通過(guò)格式判斷使相同格式的單元格只加入一次緩存中，并通過(guò)對(duì)單元格進(jìn)行絕對(duì)定位，以實(shí)現(xiàn)支持不同的瀏覽器，從而可以對(duì)大數(shù)據(jù)量表格進(jìn)行高效處理。[0037]在上述技術(shù)方案中，優(yōu)選地，生成Div步驟，具體包括:對(duì)生成樣式步驟得到的單元格，通入單元格行列標(biāo)識(shí)，從緩存中取到當(dāng)前單元格在行、列、單元格上的樣式，生成Div；在生成Div的操作中，需要確定在行列循環(huán)中后臺(tái)模型某個(gè)單元格有數(shù)據(jù)且有樣式后，再生成Div。在該技術(shù)方案中，在Div中只需要把取得的樣式放入class中，不需要寫style由于在樣式中已經(jīng)生成了所有樣式，可以提高效率，快速處理表格展現(xiàn)大數(shù)據(jù)量，提高處理大數(shù)據(jù)量表格效率以最快方式打開頁(yè)面。[0038]本申請(qǐng)的技術(shù)方案中，約定一些術(shù)語(yǔ)，具體說(shuō)明如下:[0039]大數(shù)據(jù)量表格:指表格的列數(shù)與行數(shù)數(shù)量和數(shù)據(jù)復(fù)雜度。具體邏輯處理流程如圖3所示。[0040]獲取后臺(tái)模型:得到需要生成前臺(tái)代碼的后臺(tái)對(duì)象。[0041]遍歷行列單元格:得到需要的樣式代碼，用來(lái)拼接前臺(tái)頁(yè)面。[0042]加入緩存:提高效率，減少生成的樣式代碼。[0043]生成Css串:用于前臺(tái)拼接生成最終的樣式代碼。[0044]在本發(fā)明的技術(shù)方案中，將后臺(tái)模型生成html代碼，處理過(guò)程可分為兩部分:“生成樣式”，“生成Div”，具體說(shuō)明如下:[0045]⑴首先介紹“生成樣式”方法，將生成樣式拆分成三種方式生成，分別為:“行單元”、“列單元”、“單元格”。[0046]行單元:根據(jù)循環(huán)取出每一行的高度，判斷高度是否重復(fù)，如不重復(fù)存入緩存中，生成樣式代碼，減少生成的樣式代碼。[0047]列單元:根據(jù)循環(huán)取出每一列的寬度，判斷寬度是否重復(fù)，如不重復(fù)存入緩存中，生成樣式代碼，減少生成的樣式代碼。[0048]單元格:以行列為循環(huán)，取出每個(gè)單元格的區(qū)域?qū)ο髮?duì)應(yīng)的格式，增加格式判斷使相同格式的單元格只加入一次緩存中，同時(shí)增加單元格的絕對(duì)定位以實(shí)現(xiàn)支持不同的瀏覽器。[0049]⑵“生成Div”:通入單元格行列標(biāo)識(shí)，可以從緩存中取到當(dāng)前單元格在行、列、單元格上的樣式可生成Div。在Div中只需要把取得的樣式放入class中，不需要寫style由于在樣式中已經(jīng)生成了所有樣式。[0050]在生成Div同時(shí)判斷后臺(tái)模型某個(gè)單元格是否有數(shù)據(jù)，是否有樣式。如果沒(méi)有數(shù)據(jù)且沒(méi)有樣式，這個(gè)單元格即使在行列循環(huán)中，也將不被生成Div。[0051]例如，當(dāng)前模型表格如下:[0052]【權(quán)利要求】1.一種大數(shù)據(jù)量表格在網(wǎng)頁(yè)上的展現(xiàn)裝置，其特征在于，包括:后臺(tái)模型獲取模塊，用于獲取后臺(tái)模型，基于獲取的后臺(tái)模型得到需要生成前臺(tái)代碼的后臺(tái)對(duì)象；Css串生成模塊，用于通過(guò)前臺(tái)拼接，生成最終的樣式代碼即Css串；行列單元格遍歷模塊，用于根據(jù)所述后臺(tái)模型獲取模塊獲取的后臺(tái)模型和所述Css串生成模塊生成的Css串，遍歷行列單元格得到需要的Css串，用于拼接前臺(tái)頁(yè)面。2.根據(jù)權(quán)利要求1所述的大數(shù)據(jù)量表格在網(wǎng)頁(yè)上的展現(xiàn)裝置，其特征在于，還包括:緩存模塊，用于將所述Css串生成模塊生成的Css串，進(jìn)行緩存處理，得到基于所述Css串生成模塊生成的Css串經(jīng)緩存處理后減少的Css串；以及，所述行列單元格遍歷模塊具體用于:根據(jù)所述后臺(tái)模型獲取模塊獲取的后臺(tái)模型和所述緩存模塊緩存處理得到的Css串，遍歷行列單元格得到需要的Css串，用于拼接前臺(tái)頁(yè)面。3.根據(jù)權(quán)利要求1或2所述的大數(shù)據(jù)量表格在網(wǎng)頁(yè)上的展現(xiàn)裝置，其特征在于，所行列單元格遍歷模塊根據(jù)所述后臺(tái)模型獲取模塊獲取的后臺(tái)模型和所述Css串生成模塊生成的Css串，遍歷行列單元格得到需要的Css串的操作，具體包括:依次通過(guò)生成樣式步驟和生成Div步驟，將獲取的后臺(tái)模型生成html代碼。4.根據(jù)權(quán)利要求3所述的大數(shù)據(jù)量表格在網(wǎng)頁(yè)上的展現(xiàn)裝置，其特征在于，所述生成樣式步驟，具體包括:行單元生成步驟:根據(jù)循環(huán)取出每一行的高度，當(dāng)循環(huán)取出的每一行的高度不重復(fù)時(shí)，將該行存入緩存中，生成樣式代碼，并經(jīng)緩存處理減少生成的樣式代碼；列單元生成步驟:根據(jù)循環(huán)取出每一列的寬度，當(dāng)循環(huán)取出的每一列的寬度不重復(fù)時(shí)，將該列存入緩存中，生成樣式代碼，并經(jīng)緩存處理減少生成的樣式代碼；單元格生成步驟:以行列為循環(huán)，取出每個(gè)單元格的區(qū)域?qū)ο髮?duì)應(yīng)的格式，當(dāng)取出的每個(gè)單元格的行列格式不相同時(shí)，將該單元格加入緩存中，對(duì)該單元格進(jìn)行絕對(duì)定位，以實(shí)現(xiàn)支持不同的瀏覽器。5.根據(jù)權(quán)利要求3所述的大數(shù)據(jù)量表格在網(wǎng)頁(yè)上的展現(xiàn)裝置，其特征在于，所述生成Div步驟,具體包括:對(duì)所述生成樣式步驟得到的單元格，通入單元格行列標(biāo)識(shí)，從緩存中取到當(dāng)前單元格在行、列、單元格上的樣式，生成Div；在所述生成Div的操作中，需要確定在行列循環(huán)中后臺(tái)模型某個(gè)單元格有數(shù)據(jù)且有樣式后，再生成Div。6.一種大數(shù)據(jù)量表格在網(wǎng)頁(yè)上的展現(xiàn)方法，其特征在于，包括:步驟202:獲取后臺(tái)模型，基于獲取的后臺(tái)模型得到需要生成前臺(tái)代碼的后臺(tái)對(duì)象；步驟204:通過(guò)前臺(tái)拼接，生成最終的樣式代碼即Css串；步驟208:根據(jù)所述步驟202獲取的后臺(tái)模型和所述步驟204生成的Css串，遍歷行列單元格得到需要的Css串，用于拼接前臺(tái)頁(yè)面。7.根據(jù)權(quán)利要求6所述的大數(shù)據(jù)量表格在網(wǎng)頁(yè)上的展現(xiàn)方法，其特征在于，在所述步驟208之前，還包括:步驟206，用于將所述步驟204生成的Css串，進(jìn)行緩存處理，得到基于所述步驟204生成的Css串經(jīng)緩存處理后減少的Css串；以及，所述步驟208具體用于:根據(jù)所述步驟202獲取的后臺(tái)模型和所述步驟206緩存處理得到的Css串，遍歷行列單元格得到需要的Css串，用于拼接前臺(tái)頁(yè)面。8.根據(jù)權(quán)利要求6或7所述的大數(shù)據(jù)量表格在網(wǎng)頁(yè)上的展現(xiàn)方法，其特征在于，所行步驟208根據(jù)所述步驟202獲取的后臺(tái)模型和所述步驟204生成的Css串，遍歷行列單元格得到需要的Css串的操作，具體包括:依次通過(guò)生成樣式步驟和生成Div步驟，將獲取的后臺(tái)模型生成html代碼。9.根據(jù)權(quán)利要求8所述的大數(shù)據(jù)量表格在網(wǎng)頁(yè)上的展現(xiàn)方法，其特征在于，所述生成樣式步驟，具體包括:行單元生成步驟:根據(jù)循環(huán)取出每一行的高度，當(dāng)循環(huán)取出的每一行的高度不重復(fù)時(shí)，將該行存入緩存中，生成樣式代碼，并經(jīng)緩存處理減少生成的樣式代碼；列單元生成步驟:根據(jù)循環(huán)取出每一列的寬度，當(dāng)循環(huán)取出的每一列的寬度不重復(fù)時(shí)，將該列存入緩存中，生成樣式代碼，并經(jīng)緩存處理減少生成的樣式代碼；單元格生成步驟:以行列為循環(huán)，取出每個(gè)單元格的區(qū)域?qū)ο髮?duì)應(yīng)的格式，當(dāng)取出的每個(gè)單元格的行列格式不相同時(shí)，將該單元格加入緩存中，對(duì)該單元格進(jìn)行絕對(duì)定位，以實(shí)現(xiàn)支持不同的瀏覽器。10.根據(jù)權(quán)利要求8所述的大數(shù)據(jù)量表格在網(wǎng)頁(yè)上的展現(xiàn)方法，其特征在于，所述生成Div步驟,具體包括:對(duì)所述生成樣式步驟得到的單元格，通入單元格行列標(biāo)識(shí)，從緩存中取到當(dāng)前單元格在行、列、單元格上的樣式，生成Div；在所述生成Div的操作中，需要確定在行列循環(huán)中后臺(tái)模型某個(gè)單元格有數(shù)據(jù)且有樣式后，再生成Div?！疚臋n編號(hào)】G06F17/30GK103617270SQ201310654313【公開日】2014年3月5日申請(qǐng)日期:2013年12月5日優(yōu)先權(quán)日:2013年12月5日【發(fā)明者】潘巍申請(qǐng)人:用友軟件股份有限公司