移動端圖文混排展示裝置和移動端圖文混排展示方法
【專利摘要】本發(fā)明提供了一種移動端圖文混排展示裝置，包括：服務(wù)端，用于用戶把圖片和文字通過自定義板式生成html，并將用戶創(chuàng)建的html中的資源路徑替換成統(tǒng)一相對目錄的相對路徑；中間服務(wù)器，用于對服務(wù)端替換路徑后的資源對應(yīng)的數(shù)據(jù)流進(jìn)行編碼；對編碼得到的編碼數(shù)據(jù)進(jìn)行壓縮后，通過商定的接口傳輸至移動端；移動端，用于解析中間服務(wù)器傳來的壓縮數(shù)據(jù)，通過移動系統(tǒng)自動顯示解析得到的原始數(shù)據(jù)。本發(fā)明還提供了一種移動端圖文混排展示方法。通過本發(fā)明的技術(shù)方案，可以將ERP系統(tǒng)內(nèi)網(wǎng)中的圖片和文字資源，通過展示html的方式在移動端上進(jìn)行靈活展示，大大的解決了用戶在移動端查看ERP中圖片和文字信息的需求。
【專利說明】移動端圖文混排展示裝置和移動端圖文混排展示方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及計算機(jī)【技術(shù)領(lǐng)域】，具體地，涉及一種移動端圖文混排展示裝置和一種移動端圖文混排展示方法。
【背景技術(shù)】
[0002]當(dāng)前的ERP系統(tǒng)內(nèi)的信息，用戶已經(jīng)不僅在PC上查看和操作，在移動端展示成為要解決的問題。其中一個問題是，需要展示用戶自行創(chuàng)建的html，并且html所引用的圖片文字資源只存在內(nèi)網(wǎng)中。
[0003]ERP系統(tǒng)中常涉及圖文信息需要移動端展示。如何展示不受固定排版的圖文混排內(nèi)容？用戶又如何訪問內(nèi)網(wǎng)中自行創(chuàng)建的html ?[0004]在移動端解決圖文展示的方式，常見的是以固定排版。通過公網(wǎng)環(huán)境從服務(wù)器獲取固定大小的圖片資源，渲染在預(yù)先設(shè)定好的坐標(biāo)位置，最終展示在移動端。此方式不足是，對于布局的約束性極大對于差異化較大的客戶ERP系統(tǒng)中所需不能滿足；另一種方式是以網(wǎng)頁的形式展示，布局不受限了但是通常要展示的圖文內(nèi)容存放在內(nèi)網(wǎng)的服務(wù)器，不能以URL方式在外網(wǎng)訪問，安全性不能滿足。
[0005]因此，需要一種新的移動端圖文混排展示技術(shù)，可以將ERP系統(tǒng)內(nèi)網(wǎng)中的圖片和文字資源，通過展示html的方式在移動端上進(jìn)行靈活展示，大大的解決了用戶在移動端查看ERP中圖片和文字信息的需求。

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

[0006]本發(fā)明正是基于上述問題，提出了一種新的移動端圖文混排展示技術(shù)，可以將ERP系統(tǒng)內(nèi)網(wǎng)中的圖片和文字資源，通過展示html的方式在移動端上進(jìn)行靈活展示，大大的解決了用戶在移動端查看ERP中圖片和文字信息的需求。
[0007]有鑒于此，本發(fā)明提出了一種移動端圖文混排展示裝置，包括:服務(wù)端，用于用戶把圖片和文字通過自定義板式生成html，并將用戶創(chuàng)建的html中的資源路徑替換成統(tǒng)一相對目錄的相對路徑；中間服務(wù)器，用于對服務(wù)端替換路徑后的資源對應(yīng)的數(shù)據(jù)流進(jìn)行編碼；對編碼得到的編碼數(shù)據(jù)進(jìn)行壓縮后，通過商定的接口傳輸至移動端；移動端，用于解析中間服務(wù)器傳來的壓縮數(shù)據(jù)，通過移動系統(tǒng)自動顯示解析得到的原始數(shù)據(jù)。在該技術(shù)方案中，可以使得用戶在服務(wù)端上把圖片和文字通過自定義板式生成html，通過html資源路徑替換成相對路徑、中間服務(wù)器進(jìn)行BASE64編碼、將接口返回數(shù)據(jù)給移動端、移動端解析顯示，最終實現(xiàn)展示在移動端，實現(xiàn)了展示靈活布局，這樣使得系統(tǒng)中進(jìn)行查詢時，可以更好的符合用戶需要，適用于各種移動端應(yīng)用展示，內(nèi)網(wǎng)ERP系統(tǒng)中的圖文資源。
[0008]在上述技術(shù)方案中，優(yōu)選地，所述服務(wù)端，包括:html生成模塊，用于用戶把圖片和文字通過自定義板式生成html ;路徑替換模塊，用于將用戶在html生成模塊創(chuàng)建的html中的資源路徑替換成統(tǒng)一相對目錄的相對路徑；以及，所述中間服務(wù)器，包括:數(shù)據(jù)流編碼模塊，用于對替換路徑后的資源對應(yīng)的數(shù)據(jù)流進(jìn)行BASE64編碼；編碼數(shù)據(jù)壓縮及傳輸模塊，用于在所述數(shù)據(jù)流編碼模塊編碼后，對于待輸出的編碼數(shù)據(jù)進(jìn)行壓縮，并通過商定的接口將壓縮數(shù)據(jù)傳輸給移動端；以及，所述移動端，包括:壓縮數(shù)據(jù)接收及解析模塊，用于接收中間服務(wù)器傳輸?shù)膲嚎s數(shù)據(jù)，對壓縮數(shù)據(jù)進(jìn)行解壓縮和base64轉(zhuǎn)碼，得到原始數(shù)據(jù)；原始數(shù)據(jù)顯示模塊，用于通過移動系統(tǒng)中的webView，將所述壓縮數(shù)據(jù)接收及解析模塊得到的原始數(shù)據(jù)自動顯示在終端上。在該技術(shù)方案中，將ERP系統(tǒng)內(nèi)網(wǎng)中的圖片文字資源，通過展示html的方式在移動端上進(jìn)行展示，可以靈活在移動端展示不同布局的圖文混排內(nèi)容，并不受圖片是否來自ERP內(nèi)網(wǎng)的限制，提升了信息系統(tǒng)的靈活性、健壯性和穩(wěn)定性，需足了用戶多樣需求。
[0009]在上述技術(shù)方案中，優(yōu)選地，所述服務(wù)端，還用于:控制資源的數(shù)據(jù)量大小不超過移動端容納量，超過時則提醒在Pc端查看；以及，所述路徑替換模塊，還用于:在將用戶在html生成模塊創(chuàng)建的html中的資源路徑替換成統(tǒng)一相對目錄的相對路徑的同時，控制資源的數(shù)據(jù)量大小不超過移動端容納量，超過時則提醒在Pc端查看。
[0010]在上述技術(shù)方案中，優(yōu)選地，所述中間服務(wù)器，還用于:在通過商定的接口傳輸至移動端之前，為能夠訪問ERP系統(tǒng)的終端，開放外網(wǎng)服務(wù)器訪問接口 ；以及，所述編碼數(shù)據(jù)壓縮及傳輸模塊，還用于:在通過商定的接口將壓縮數(shù)據(jù)傳輸給移動端之前，為能夠訪問ERP系統(tǒng)的終端，開放外網(wǎng)服務(wù)器訪問接口。
[0011]在上述技術(shù)方案中，優(yōu)選地，所述移動端，還用于:在解析中間服務(wù)器傳來的壓縮數(shù)據(jù)前，根據(jù)預(yù)設(shè)規(guī)則判斷中間服務(wù)器傳輸?shù)膲嚎s數(shù)據(jù)的有效性；以及，所述移動終端解析中間服務(wù)器傳來的壓縮數(shù)據(jù)的操作中，所述壓縮數(shù)據(jù)為上述根據(jù)預(yù)設(shè)規(guī)則判斷中間服務(wù)器傳輸?shù)膲嚎s數(shù)據(jù)的有效性后的有效數(shù)據(jù)；以及，所述壓縮數(shù)據(jù)接收及解析模塊，還用于:在對壓縮數(shù)據(jù)進(jìn)行解壓縮和base64轉(zhuǎn)碼之前，根據(jù)預(yù)設(shè)規(guī)則判斷接收所得壓縮數(shù)據(jù)的有效性；以及，所述壓縮數(shù)據(jù)接收及解析模塊對壓縮數(shù)據(jù)進(jìn)行解壓縮和base64轉(zhuǎn)碼的操作中，所述壓縮數(shù)據(jù)為上述根據(jù)預(yù)設(shè)規(guī)則判斷接收所得壓縮數(shù)據(jù)的有效性后的有效數(shù)據(jù)；以及，所述移動端，還用于:在解析中間服務(wù)器傳來的壓縮數(shù)據(jù)之后，將原始數(shù)據(jù)存儲在移動端當(dāng)前應(yīng)用目錄下；以及，所述原始數(shù)據(jù)顯示模塊，還用于:將壓縮數(shù)據(jù)接收及解析模塊解析得到的原始數(shù)據(jù)存儲在移動端當(dāng)前應(yīng)用目錄下。
[0012]根據(jù)本發(fā)明的又一個方面，還提出了一種移動端圖文混排展示方法，包括:步驟202:用戶在服務(wù)端把圖片和文字通過自定義板式生成html，并將用戶創(chuàng)建的html中的資源路徑替換成統(tǒng)一相對目錄的相對路徑；步驟204:中間服務(wù)器對步驟202替換路徑后的資源對應(yīng)的數(shù)據(jù)流進(jìn)行編碼；步驟206:中間服務(wù)器對步驟204編碼得到的編碼數(shù)據(jù)進(jìn)行壓縮后，通過商定的接口傳輸至移動端；步驟208:移動端解析步驟206傳來的壓縮數(shù)據(jù)，通過移動系統(tǒng)自動顯示解析得到的原始數(shù)據(jù)。在該技術(shù)方案中，可以使得用戶在服務(wù)端上把圖片和文字通過自定義板式生成html，通過html資源路徑替換成相對路徑、中間服務(wù)器進(jìn)行BASE64編碼、將接口返回數(shù)據(jù)給移動端、移動端解析顯示，最終實現(xiàn)展示在移動端，實現(xiàn)了展示靈活布局，這樣使得系統(tǒng)中進(jìn)行查詢時，可以更好的符合用戶需要，適用于各種移動端應(yīng)用展示，內(nèi)網(wǎng)ERP系統(tǒng)中的圖文資源。
[0013]在上述技術(shù)方案中，優(yōu)選地，所述服務(wù)端，包括:html生成模塊，用于用戶把圖片和文字通過自定義板式生成html ;路徑替換模塊，用于將用戶在html生成模塊創(chuàng)建的html中的資源路徑替換成統(tǒng)一相對目錄的相對路徑；以及，所述中間服務(wù)器，包括:數(shù)據(jù)流編碼模塊，用于對替換路徑后的資源對應(yīng)的數(shù)據(jù)流進(jìn)行BASE64編碼；編碼數(shù)據(jù)壓縮及傳輸模塊，用于在所述數(shù)據(jù)流編碼模塊編碼后，對于待輸出的編碼數(shù)據(jù)進(jìn)行壓縮，并通過商定的接口將壓縮數(shù)據(jù)傳輸給移動端；以及，所述移動端，包括:壓縮數(shù)據(jù)接收及解析模塊，用于接收中間服務(wù)器傳輸?shù)膲嚎s數(shù)據(jù)，對壓縮數(shù)據(jù)進(jìn)行解壓縮和base64轉(zhuǎn)碼，得到原始數(shù)據(jù)；原始數(shù)據(jù)顯示模塊，用于通過移動系統(tǒng)中的webView，將所述壓縮數(shù)據(jù)接收及解析模塊得到的原始數(shù)據(jù)自動顯示在終端上。在該技術(shù)方案中，將ERP系統(tǒng)內(nèi)網(wǎng)中的圖片文字資源，通過展示html的方式在移動端上進(jìn)行展示，可以靈活在移動端展示不同布局的圖文混排內(nèi)容，并不受圖片是否來自ERP內(nèi)網(wǎng)的限制，提升了信息系統(tǒng)的靈活性、健壯性和穩(wěn)定性，需足了用戶多樣需求。
[0014]在上述技術(shù)方案中，優(yōu)選地，所述步驟202，還包括:控制資源的數(shù)據(jù)量大小不超過移動端容納量，超過時則提醒在Pc端查看；以及，所述路徑替換模塊，還用于:在將用戶在html生成模塊創(chuàng)建的html中的資源路徑替換成統(tǒng)一相對目錄的相對路徑的同時，控制資源的數(shù)據(jù)量大小不超過移動端容納量，超過時則提醒在Pc端查看。
[0015]在上述技術(shù)方案中，優(yōu)選地，所述步驟206，還包括:在通過商定的接口傳輸至移動端之前，為能夠訪問ERP系統(tǒng)的終端，開放外網(wǎng)服務(wù)器訪問接口 ；以及，所述編碼數(shù)據(jù)壓縮及傳輸模塊，還用于:在通過商定的接口將壓縮數(shù)據(jù)傳輸給移動端之前，為能夠訪問ERP系統(tǒng)的終端，開放外網(wǎng)服務(wù)器訪問接口。
[0016]在上述技術(shù)方案中，優(yōu)選地，所述步驟208，還包括:在解析步驟206傳來的壓縮數(shù)據(jù)前，根據(jù)預(yù)設(shè)規(guī)則判斷步驟206傳輸?shù)膲嚎s數(shù)據(jù)的有效性；以及，所述移動終端解析步驟206傳來的壓縮數(shù)據(jù)的操作中，所述壓縮數(shù)據(jù)為上述根據(jù)預(yù)設(shè)規(guī)則判斷步驟206傳輸?shù)膲嚎s數(shù)據(jù)的有效性后的有效數(shù)據(jù)；以及，所述壓縮數(shù)據(jù)接收及解析模塊，還用于:在對壓縮數(shù)據(jù)進(jìn)行解壓縮和base64轉(zhuǎn)碼之前，根據(jù)預(yù)設(shè)規(guī)則判斷接收所得壓縮數(shù)據(jù)的有效性；以及，所述壓縮數(shù)據(jù)接收及解析模塊對壓縮數(shù)據(jù)進(jìn)行解壓縮和base64轉(zhuǎn)碼的操作中，所述壓縮數(shù)據(jù)為上述根據(jù)預(yù)設(shè)規(guī)則判斷接收所得壓縮數(shù)據(jù)的有效性后的有效數(shù)據(jù)；以及，所述步驟208，還包括:在解析步驟206傳來的壓縮數(shù)據(jù)之后，將原始數(shù)據(jù)存儲在移動端當(dāng)前應(yīng)用目錄下；以及，所述原始數(shù)據(jù)顯示模塊，還用于:將壓縮數(shù)據(jù)接收及解析模塊解析得到的原始數(shù)據(jù)存儲在移動端當(dāng)前應(yīng)用目錄下。
[0017]通過以上技術(shù)方案，可以將ERP系統(tǒng)內(nèi)網(wǎng)中的圖片和文字資源，通過展示html的方式在移動端上進(jìn)行靈活展示，大大的解決了用戶在移動端查看ERP中圖片和文字信息的需求。
【專利附圖】

【附圖說明】
[0018]圖1示出了根據(jù)本發(fā)明的實施例的移動端圖文混排展示裝置的框圖；
[0019]圖2示出了根據(jù)本發(fā)明的實施例的移動端圖文混排展示方法的流程圖；
[0020]圖3示出了根據(jù)本發(fā)明的實施例的移動端圖文混排展示裝置的原理示意圖。
【具體實施方式】
[0021]為了能夠更清楚地理解本發(fā)明的上述目的、特征和優(yōu)點，下面結(jié)合附圖和【具體實施方式】對本發(fā)明進(jìn)行進(jìn)一步的詳細(xì)描述。需要說明的是，在不沖突的情況下，本申請的實施例及實施例中的特征可以相互組合。
[0022]在下面的描述中闡述了很多具體細(xì)節(jié)以便于充分理解本發(fā)明，但是，本發(fā)明還可以采用其他不同于在此描述的其他方式來實施，因此，本發(fā)明的保護(hù)范圍并不受下面公開的具體實施例的限制。
[0023]圖1示出了根據(jù)本發(fā)明的實施例的移動端圖文混排展示裝置的框圖。
[0024]如圖1所示，根據(jù)本發(fā)明的實施例的移動端圖文混排展示裝置100，包括:服務(wù)端102，用于用戶把圖片和文字通過自定義板式生成html，并將用戶創(chuàng)建的html中的資源路徑替換成統(tǒng)一相對目錄的相對路徑；中間服務(wù)器104，用于對服務(wù)端替換路徑后的資源對應(yīng)的數(shù)據(jù)流進(jìn)行編碼；對編碼得到的編碼數(shù)據(jù)進(jìn)行壓縮后，通過商定的接口傳輸至移動端；移動端106，用于解析中間服務(wù)器傳來的壓縮數(shù)據(jù)，通過移動系統(tǒng)自動顯示解析得到的原始數(shù)據(jù)。在該技術(shù)方案中，可以使得用戶在服務(wù)端上把圖片和文字通過自定義板式生成html，通過html資源路徑替換成相對路徑、中間服務(wù)器進(jìn)行BASE64編碼、將接口返回數(shù)據(jù)給移動端、移動端解析顯示，最終實現(xiàn)展示在移動端，實現(xiàn)了展示靈活布局，這樣使得系統(tǒng)中進(jìn)行查詢時，可以更好的符合用戶需要，適用于各種移動端應(yīng)用展示，內(nèi)網(wǎng)ERP系統(tǒng)中的圖文資源。
[0025]在上述技術(shù)方案中，優(yōu)選地，服務(wù)端102，包括:html生成模塊，用于用戶把圖片和文字通過自定義板式生成html ;路徑替換模塊，用于將用戶在html生成模塊創(chuàng)建的html中的資源路徑替換成統(tǒng)一相對目錄的相對路徑；以及，中間服務(wù)器104，包括:數(shù)據(jù)流編碼模塊，用于對替換路徑后的資源對應(yīng)的數(shù)據(jù)流進(jìn)行BASE64編碼；編碼數(shù)據(jù)壓縮及傳輸模塊，用于在數(shù)據(jù)流編碼模塊編碼后，對于待輸出的編碼數(shù)據(jù)進(jìn)行壓縮，并通過商定的接口將壓縮數(shù)據(jù)傳輸給移動端；以及，移動端106，包括:壓縮數(shù)據(jù)接收及解析模塊，用于接收中間服務(wù)器傳輸?shù)膲嚎s數(shù)據(jù)，對壓縮數(shù)據(jù)進(jìn)行解壓縮和base64轉(zhuǎn)碼，得到原始數(shù)據(jù)；原始數(shù)據(jù)顯示模塊，用于通過移動系統(tǒng)中的webView，將壓縮數(shù)據(jù)接收及解析模塊得到的原始數(shù)據(jù)自動顯示在終端上。在該技術(shù)方案中，將ERP系統(tǒng)內(nèi)網(wǎng)中的圖片文字資源，通過展示html的方式在移動端上進(jìn)行展示，可以靈活在移動端展示不同布局的圖文混排內(nèi)容，并不受圖片是否來自ERP內(nèi)網(wǎng)的限制，提升了信息系統(tǒng)的靈活性、健壯性和穩(wěn)定性，需足了用戶多樣需求。
[0026]在上述技術(shù)方案中，優(yōu)選地，服務(wù)端102，還用于:控制資源的數(shù)據(jù)量大小不超過移動端容納量，超過時則提醒在Pc端查看；以及，路徑替換模塊，還用于:在將用戶在html生成模塊創(chuàng)建的html中的資源路徑替換成統(tǒng)一相對目錄的相對路徑的同時，控制資源的數(shù)據(jù)量大小不超過移動端容納量，超過時則提醒在Pc端查看。
[0027]在上述技術(shù)方案中，優(yōu)選地，中間服務(wù)器104，還用于:在通過商定的接口傳輸至移動端之前，為能夠訪問ERP系統(tǒng)的終端，開放外網(wǎng)服務(wù)器訪問接口 ；以及，編碼數(shù)據(jù)壓縮及傳輸模塊，還用于:在通過商定的接口將壓縮數(shù)據(jù)傳輸給移動端之前，為能夠訪問ERP系統(tǒng)的終端，開放外網(wǎng)服務(wù)器訪問接口。
[0028]在上述技術(shù)方案中，優(yōu)選地，移動端106，還用于:在解析中間服務(wù)器傳來的壓縮數(shù)據(jù)前，根據(jù)預(yù)設(shè)規(guī)則判斷中間服務(wù)器傳輸?shù)膲嚎s數(shù)據(jù)的有效性；以及，移動終端解析中間服務(wù)器傳來的壓縮數(shù)據(jù)的操作中，壓縮數(shù)據(jù)為上述根據(jù)預(yù)設(shè)規(guī)則判斷中間服務(wù)器傳輸?shù)膲嚎s數(shù)據(jù)的有效性后的有效數(shù)據(jù)；以及，壓縮數(shù)據(jù)接收及解析模塊，還用于:在對壓縮數(shù)據(jù)進(jìn)行解壓縮和base64轉(zhuǎn)碼之前，根據(jù)預(yù)設(shè)規(guī)則判斷接收所得壓縮數(shù)據(jù)的有效性；以及，壓縮數(shù)據(jù)接收及解析模塊對壓縮數(shù)據(jù)進(jìn)行解壓縮和base64轉(zhuǎn)碼的操作中，壓縮數(shù)據(jù)為上述根據(jù)預(yù)設(shè)規(guī)則判斷接收所得壓縮數(shù)據(jù)的有效性后的有效數(shù)據(jù)；以及，移動端，還用于:在解析中間服務(wù)器傳來的壓縮數(shù)據(jù)之后，將原始數(shù)據(jù)存儲在移動端當(dāng)前應(yīng)用目錄下；以及，原始數(shù)據(jù)顯示模塊，還用于:將壓縮數(shù)據(jù)接收及解析模塊解析得到的原始數(shù)據(jù)存儲在移動端當(dāng)前應(yīng)用目錄下。
[0029]圖2示出了根據(jù)本發(fā)明的實施例的移動端圖文混排展示方法的流程圖。
[0030]如圖2所示，根據(jù)本發(fā)明的實施例的移動端圖文混排展示方法，包括:步驟202:用戶在服務(wù)端把圖片和文字通過自定義板式生成html，并將用戶創(chuàng)建的html中的資源路徑替換成統(tǒng)一相對目錄的相對路徑；步驟204:中間服務(wù)器對步驟202替換路徑后的資源對應(yīng)的數(shù)據(jù)流進(jìn)行編碼；步驟206:中間服務(wù)器對步驟204編碼得到的編碼數(shù)據(jù)進(jìn)行壓縮后，通過商定的接口傳輸至移動端；步驟208:移動端解析步驟206傳來的壓縮數(shù)據(jù)，通過移動系統(tǒng)自動顯示解析得到的原始數(shù)據(jù)。在該技術(shù)方案中，可以使得用戶在服務(wù)端上把圖片和文字通過自定義板式生成html，通過html資源路徑替換成相對路徑、中間服務(wù)器進(jìn)行BASE64編碼、將接口返回數(shù)據(jù)給移動端、移動端解析顯示，最終實現(xiàn)展示在移動端，實現(xiàn)了展示靈活布局，這樣使得系統(tǒng)中進(jìn)行查詢時，可以更好的符合用戶需要，適用于各種移動端應(yīng)用展示，內(nèi)網(wǎng)ERP系統(tǒng)中的圖文資源。
[0031]在上述技術(shù)方案中，優(yōu)選地，服務(wù)端，包括:html生成模塊，用于用戶把圖片和文字通過自定義板式生成html ;路徑替換模塊，用于將用戶在html生成模塊創(chuàng)建的html中的資源路徑替換成統(tǒng)一相對目錄的相對路徑；以及，中間服務(wù)器，包括:數(shù)據(jù)流編碼模塊，用于對替換路徑后的資源對應(yīng)的數(shù)據(jù)流進(jìn)行BASE64編碼；編碼數(shù)據(jù)壓縮及傳輸模塊，用于在數(shù)據(jù)流編碼模塊編碼后，對于待輸出的編碼數(shù)據(jù)進(jìn)行壓縮，并通過商定的接口將壓縮數(shù)據(jù)傳輸給移動端；以及，移動端，包括:壓縮數(shù)據(jù)接收及解析模塊，用于接收中間服務(wù)器傳輸?shù)膲嚎s數(shù)據(jù)，對壓縮數(shù)據(jù)進(jìn)行解壓縮和base64轉(zhuǎn)碼，得到原始數(shù)據(jù)；原始數(shù)據(jù)顯示模塊，用于通過移動系統(tǒng)中的webView，將壓縮數(shù)據(jù)接收及解析模塊得到的原始數(shù)據(jù)自動顯示在終端上。在該技術(shù)方案中，將ERP系統(tǒng)內(nèi)網(wǎng)中的圖片文字資源，通過展示html的方式在移動端上進(jìn)行展示，可以靈活在移動端展示不同布局的圖文混排內(nèi)容，并不受圖片是否來自ERP內(nèi)網(wǎng)的限制，提升了信息系統(tǒng)的靈活性、健壯性和穩(wěn)定性，需足了用戶多樣需求。
[0032]在上述技術(shù)方案中，優(yōu)選地，步驟202，還包括:控制資源的數(shù)據(jù)量大小不超過移動端容納量，超過時則提醒在Pc端查看；以及，路徑替換模塊，還用于:在將用戶在html生成模塊創(chuàng)建的html中的資源路徑替換成統(tǒng)一相對目錄的相對路徑的同時，控制資源的數(shù)據(jù)量大小不超過移動端容納量，超過時則提醒在Pc端查看。
[0033]在上述技術(shù)方案中，優(yōu)選地，步驟206，還包括:在通過商定的接口傳輸至移動端之前，為能夠訪問ERP系統(tǒng)的終端，開放外網(wǎng)服務(wù)器訪問接口 ；以及，編碼數(shù)據(jù)壓縮及傳輸模塊，還用于:在通過商定的接口將壓縮數(shù)據(jù)傳輸給移動端之前，為能夠訪問ERP系統(tǒng)的終端，開放外網(wǎng)服務(wù)器訪問接口。
[0034]在上述技術(shù)方案中，優(yōu)選地，步驟208，還包括:在解析步驟206傳來的壓縮數(shù)據(jù)前，根據(jù)預(yù)設(shè)規(guī)則判斷步驟206傳輸?shù)膲嚎s數(shù)據(jù)的有效性；以及，移動終端解析步驟206傳來的壓縮數(shù)據(jù)的操作中，壓縮數(shù)據(jù)為上述根據(jù)預(yù)設(shè)規(guī)則判斷步驟206傳輸?shù)膲嚎s數(shù)據(jù)的有效性后的有效數(shù)據(jù)；以及，壓縮數(shù)據(jù)接收及解析模塊，還用于:在對壓縮數(shù)據(jù)進(jìn)行解壓縮和base64轉(zhuǎn)碼之前，根據(jù)預(yù)設(shè)規(guī)則判斷接收所得壓縮數(shù)據(jù)的有效性；以及，壓縮數(shù)據(jù)接收及解析模塊對壓縮數(shù)據(jù)進(jìn)行解壓縮和base64轉(zhuǎn)碼的操作中，壓縮數(shù)據(jù)為上述根據(jù)預(yù)設(shè)規(guī)則判斷接收所得壓縮數(shù)據(jù)的有效性后的有效數(shù)據(jù)；以及，步驟208，還包括:在解析步驟206傳來的壓縮數(shù)據(jù)之后，將原始數(shù)據(jù)存儲在移動端當(dāng)前應(yīng)用目錄下；以及，原始數(shù)據(jù)顯示模塊，還用于:將壓縮數(shù)據(jù)接收及解析模塊解析得到的原始數(shù)據(jù)存儲在移動端當(dāng)前應(yīng)用目錄下。
[0035]圖3示出了根據(jù)本發(fā)明的實施例的移動端圖文混排展示裝置的原理示意圖。
[0036]如圖3所示，對本發(fā)明提供的移動端圖文混排展示技術(shù)進(jìn)行舉例說明。
[0037](I)替換相對路徑:
[0038]①首先介紹移動端的限制，移動端與熟知的PC相比CPU內(nèi)存性能參數(shù)低得可憐，通?？捎脙?nèi)存低于300MB。
[0039]在此種條件下任何系統(tǒng)級的操作都要考慮內(nèi)存與CPU損耗，所以第⑴步要把用戶創(chuàng)建的html中的資源路徑替換成統(tǒng)一相對目錄(pic\、css\、html\、js\)例如:
[0040]圖片 http://www.8832.com.cn/files/img/back.jpg 替換電腦 pic\back.jpg。
[0041]這樣不僅解決了原有資源關(guān)聯(lián)的本地內(nèi)網(wǎng)路徑，還解決了在移動端遍歷目錄所代來的性能壓力。
[0042]②其次還需要在第⑴步時，控制整體數(shù)據(jù)大小。目前移動端的性能測試，jslOOKB的加載運行時間為15s，遠(yuǎn)遠(yuǎn)超過用戶使用中所能接受5s內(nèi)查看內(nèi)容的時間需求。綜上限定全部資源大小不得超過200KB，js大小不能超過30kB超過這些限制時提標(biāo)“請在pc查看”。
[0043](2)中間服務(wù)器BASE64編碼返回給移動端:
[0044]①首先中間服務(wù)器對數(shù)據(jù)流進(jìn)行BASE64編碼。采用Base64編碼不僅因為它是固定長度比較簡短，同時也具有不可讀性即所編碼的數(shù)據(jù)不會被人用肉眼直接看懂。而且base64是Sbit字節(jié)代碼，對于圖片數(shù)據(jù)流傳輸中避免了不同環(huán)境中的字節(jié)對齊和中文轉(zhuǎn)碼、標(biāo)簽轉(zhuǎn)碼問題。
[0045]②其次中間服務(wù)器為可以訪問ERP系統(tǒng)的終端，開放外網(wǎng)服務(wù)器訪問接口。
[0046]③然后對于輸出的數(shù)據(jù)進(jìn)行壓縮，壓縮算法采用zip技術(shù)用開源代碼Gzip。以減少傳輸所帶來的用戶手機(jī)網(wǎng)絡(luò)流量的損耗。
[0047]④最后通過商定的接口 getXXXContentAction (xxx替換成具體業(yè)務(wù)名字)傳輸給
移動端。例:接口格式如下:
[0048]
【權(quán)利要求】
1.一種移動端圖文混排展示裝置，其特征在于，包括: 服務(wù)端，用于用戶把圖片和文字通過自定義板式生成html，并將用戶創(chuàng)建的html中的資源路徑替換成統(tǒng)一相對目錄的相對路徑； 中間服務(wù)器，用于對服務(wù)端替換路徑后的資源對應(yīng)的數(shù)據(jù)流進(jìn)行編碼；對編碼得到的編碼數(shù)據(jù)進(jìn)行壓縮后，通過商定的接口傳輸至移動端； 移動端，用于解析中間服務(wù)器傳來的壓縮數(shù)據(jù)，通過移動系統(tǒng)自動顯示解析得到的原始數(shù)據(jù)。
2.根據(jù)權(quán)利要求1所述的移動端圖文混排展示裝置，其特征在于，所述服務(wù)端，包括: html生成模塊,用于用戶把圖片和文字通過自定義板式生成html ； 路徑替換模塊，用于將用戶在html生成模塊創(chuàng)建的html中的資源路徑替換成統(tǒng)一相對目錄的相對路徑；以及， 所述中間服務(wù)器，包括: 數(shù)據(jù)流編碼模塊，用于對替換路徑后的資源對應(yīng)的數(shù)據(jù)流進(jìn)行BASE64編碼； 編碼數(shù)據(jù)壓縮及傳輸模塊，用于在所述數(shù)據(jù)流編碼模塊編碼后，對于待輸出的編碼數(shù)據(jù)進(jìn)行壓縮，并通過商定的接口將壓縮數(shù)據(jù)傳輸給移動端；以及， 所述移動端，包括: 壓縮數(shù)據(jù)接收及解析模塊，用于接收中間服務(wù)器傳輸?shù)膲嚎s數(shù)據(jù)，對壓縮數(shù)據(jù)進(jìn)行解壓縮和base64轉(zhuǎn)碼，得到原始數(shù)據(jù)；` 原始數(shù)據(jù)顯示模塊，用于通過移動系統(tǒng)中的webView，將所述壓縮數(shù)據(jù)接收及解析模塊得到的原始數(shù)據(jù)自動顯示在終端上。
3.根據(jù)權(quán)利要求1或2所述的移動端圖文混排展示裝置，其特征在于，所述服務(wù)端，還用于:控制資源的數(shù)據(jù)量大小不超過移動端容納量，超過時則提醒在PC端查看；以及， 所述路徑替換模塊，還用于:在將用戶在html生成模塊創(chuàng)建的html中的資源路徑替換成統(tǒng)一相對目錄的相對路徑的同時，控制資源的數(shù)據(jù)量大小不超過移動端容納量，超過時則提醒在pc端查看。
4.根據(jù)權(quán)利要求1或2所述的移動端圖文混排展示裝置，其特征在于，所述中間服務(wù)器，還用于:在通過商定的接口傳輸至移動端之前，為能夠訪問ERP系統(tǒng)的終端，開放外網(wǎng)服務(wù)器訪問接口 ；以及， 所述編碼數(shù)據(jù)壓縮及傳輸模塊，還用于:在通過商定的接口將壓縮數(shù)據(jù)傳輸給移動端之前，為能夠訪問ERP系統(tǒng)的終端，開放外網(wǎng)服務(wù)器訪問接口。
5.根據(jù)權(quán)利要求1或2所述的移動端圖文混排展示裝置，其特征在于，所述移動端，還用于:在解析中間服務(wù)器傳來的壓縮數(shù)據(jù)前，根據(jù)預(yù)設(shè)規(guī)則判斷中間服務(wù)器傳輸?shù)膲嚎s數(shù)據(jù)的有效性；以及， 所述移動終端解析中間服務(wù)器傳來的壓縮數(shù)據(jù)的操作中，所述壓縮數(shù)據(jù)為上述根據(jù)預(yù)設(shè)規(guī)則判斷中間服務(wù)器傳輸?shù)膲嚎s數(shù)據(jù)的有效性后的有效數(shù)據(jù)；以及， 所述壓縮數(shù)據(jù)接收及解析模塊，還用于:在對壓縮數(shù)據(jù)進(jìn)行解壓縮和base64轉(zhuǎn)碼之前，根據(jù)預(yù)設(shè)規(guī)則判斷接收所得壓縮數(shù)據(jù)的有效性；以及， 所述壓縮數(shù)據(jù)接收及解析模塊對壓縮數(shù)據(jù)進(jìn)行解壓縮和base64轉(zhuǎn)碼的操作中，所述壓縮數(shù)據(jù)為上述根據(jù)預(yù)設(shè)規(guī)則判斷接收所得壓縮數(shù)據(jù)的有效性后的有效數(shù)據(jù)；以及，所述移動端，還用于:在解析中間服務(wù)器傳來的壓縮數(shù)據(jù)之后，將原始數(shù)據(jù)存儲在移動端當(dāng)前應(yīng)用目錄下；以及， 所述原始數(shù)據(jù)顯示模塊，還用于:將壓縮數(shù)據(jù)接收及解析模塊解析得到的原始數(shù)據(jù)存儲在移動端當(dāng)前應(yīng)用目錄下。
6.一種移動端圖文混排展示方法，其特征在于，包括: 步驟202:用戶在服務(wù)端把圖片和文字通過自定義板式生成html，并將用戶創(chuàng)建的html中的資源路徑替換成統(tǒng)一相對目錄的相對路徑； 步驟204:中間服務(wù)器對步驟202替換路徑后的資源對應(yīng)的數(shù)據(jù)流進(jìn)行編碼； 步驟206:中間服務(wù)器對步驟204編碼得到的編碼數(shù)據(jù)進(jìn)行壓縮后，通過商定的接口傳輸至移動端； 步驟208:移動端解析步驟206傳來的壓縮數(shù)據(jù)，通過移動系統(tǒng)自動顯示解析得到的原始數(shù)據(jù)。
7.根據(jù)權(quán)利要求6所述的移動端圖文混排展示方法，其特征在于，所述服務(wù)端，包括: html生成模塊,用于用戶把圖片和文字通過自定義板式生成html ； 路徑替換模塊，用于將用戶在html生成模塊創(chuàng)建的html中的資源路徑替換成統(tǒng)一相對目錄的相對路徑；以及， 所述中間服務(wù)器，包括: 數(shù)據(jù)流編碼模塊，用于對替`換路徑后的資源對應(yīng)的數(shù)據(jù)流進(jìn)行BASE64編碼； 編碼數(shù)據(jù)壓縮及傳輸模塊，用于在所述數(shù)據(jù)流編碼模塊編碼后，對于待輸出的編碼數(shù)據(jù)進(jìn)行壓縮，并通過商定的接口將壓縮數(shù)據(jù)傳輸給移動端；以及， 所述移動端，包括: 壓縮數(shù)據(jù)接收及解析模塊，用于接收中間服務(wù)器傳輸?shù)膲嚎s數(shù)據(jù)，對壓縮數(shù)據(jù)進(jìn)行解壓縮和base64轉(zhuǎn)碼，得到原始數(shù)據(jù)； 原始數(shù)據(jù)顯示模塊，用于通過移動系統(tǒng)中的webView，將所述壓縮數(shù)據(jù)接收及解析模塊得到的原始數(shù)據(jù)自動顯示在終端上。
8.根據(jù)權(quán)利要求6或7所述的移動端圖文混排展示方法，其特征在于，所述步驟202，還包括:控制資源的數(shù)據(jù)量大小不超過移動端容納量，超過時則提醒在pc端查看；以及， 所述路徑替換模塊，還用于:在將用戶在html生成模塊創(chuàng)建的html中的資源路徑替換成統(tǒng)一相對目錄的相對路徑的同時，控制資源的數(shù)據(jù)量大小不超過移動端容納量，超過時則提醒在pc端查看。
9.根據(jù)權(quán)利要求6或7所述的移動端圖文混排展示方法，其特征在于，所述步驟206，還包括:在通過商定的接口傳輸至移動端之前，為能夠訪問ERP系統(tǒng)的終端，開放外網(wǎng)服務(wù)器訪問接口 ；以及， 所述編碼數(shù)據(jù)壓縮及傳輸模塊，還用于:在通過商定的接口將壓縮數(shù)據(jù)傳輸給移動端之前，為能夠訪問ERP系統(tǒng)的終端，開放外網(wǎng)服務(wù)器訪問接口。
10.根據(jù)權(quán)利要求6或7所述的移動端圖文混排展示方法，其特征在于，所述步驟208，還包括:在解析步驟206傳來的壓縮數(shù)據(jù)前，根據(jù)預(yù)設(shè)規(guī)則判斷步驟206傳輸?shù)膲嚎s數(shù)據(jù)的有效性；以及， 所述移動終端解析步驟206傳來的壓縮數(shù)據(jù)的操作中，所述壓縮數(shù)據(jù)為上述根據(jù)預(yù)設(shè)規(guī)則判斷步驟206傳輸?shù)膲嚎s數(shù)據(jù)的有效性后的有效數(shù)據(jù)；以及， 所述壓縮數(shù)據(jù)接收及解析模塊，還用于:在對壓縮數(shù)據(jù)進(jìn)行解壓縮和base64轉(zhuǎn)碼之前，根據(jù)預(yù)設(shè)規(guī)則判斷接收所得壓縮數(shù)據(jù)的有效性；以及， 所述壓縮數(shù)據(jù)接收及解析模塊對壓縮數(shù)據(jù)進(jìn)行解壓縮和base64轉(zhuǎn)碼的操作中，所述壓縮數(shù)據(jù)為上述根據(jù)預(yù)設(shè)規(guī)則判斷接收所得壓縮數(shù)據(jù)的有效性后的有效數(shù)據(jù)；以及， 所述步驟208，還包括:在解析步驟206傳來的壓縮數(shù)據(jù)之后，將原始數(shù)據(jù)存儲在移動端當(dāng)前應(yīng)用目錄下；以及， 所述原始數(shù)據(jù)顯示 模塊，還用于:將壓縮數(shù)據(jù)接收及解析模塊解析得到的原始數(shù)據(jù)存儲在移動端當(dāng)前應(yīng)用目錄下。
【文檔編號】H04L29/06GK103631935SQ201310655758
【公開日】2014年3月12日 申請日期:2013年12月5日 優(yōu)先權(quán)日:2013年12月5日
【發(fā)明者】王宇, 侯關(guān)士 申請人:用友軟件股份有限公司