一種設備表格適配方法、計算機設備以及移動終端的制作方法
【專利摘要】本發明公開了一種設備表格適配方法、計算機設備以及移動終端，屬于數據顯示技術領域；方法包括：客戶端向服務端發送一第一請求，服務端通過表格結構接口反饋包括表格模板的第一數據包；客戶端解析第一數據包得到并保存表格模板；客戶端判斷自身的設備類型，并于客戶端內將表格模板轉換成適于設備類型的特有模板；客戶端向服務端發送一第二請求，服務端通過表格數據接口反饋包括表格內容的第二數據包；客戶端解析第二數據包得到表格內容，將表格內容填充到特有模板中，以渲染得到完整的設備表格。上述技術方案的有益效果是：表格結構設置靈活多變，提升開發速度，改善使用體驗。
【專利說明】
-種設備表格適配方法、計算機設備從及移動終端
技術領域
[0001] 本發明設及數據顯示技術領域，尤其設及一種設備表格適配方法、計算機設備W 及移動終端。
【背景技術】
[0002] 隨著智能設備的多元化，越來越多的智能設備不局限于計算機設備例如臺式機或 者筆記本電腦的類型，而趨向于更小型化的智能設備例如平板電腦和手機等移動終端的類 型。但是計算機設備和移動終端的屏幕尺寸完全不同，導致屏幕的分辨率也不同。而一般的 設備表格通常是由前端程序員設計成固定的表格格式，運種設備表格無法在多種類型的設 備間適配共用，也不能在多個頁面間進行復用。
[0003] 現有技術中針對上述問題的做法通常為W下幾種：1)直接在htmUHyper Text Markup Language，超文本標記語言）中編寫不同的表格結構，通過讀取數據并在服務端拼 接標簽的方式組裝表格;2)通過現有的js(JavaScript)庫在客戶端生成表格。上述兩種方 式都無法避免表格在不同類型的設備中的顯示問題。要想將設備表格適配到不同的設備上 進行顯示就要根據相應的設備類型分別設計相應的表格頁面。例如適配計算機設備和移動 終端，則至少需要設計兩個不同的表格頁面，因此最終計算機設備和移動終端接收到的表 格數據并不一定會來自同一數據源，造成表格設計比較繁瑣，不同數據源的數據在同步上 也會出現問題，從而降低使用者的使用體驗。

【發明內容】

[0004] 根據現有技術中存在的上述問題，現提供一種設備表格適配方法、計算機設備W 及移動終端的技術方案，旨在采用同一數據源解決不同類型設備中設備表格顯示不適配屏 幕尺寸的問題，表格結構設置靈活多變，從而提升開發人員的開發速度，改善使用者的使用 體驗；
[0005] 上述技術方案具體包括；
[0006] -種設備表格適配方法，其中，包括至少一個客戶端W及一個服務端，所述服務端 分別與每個所述客戶端遠程連接，還包括：
[0007] 步驟S1，所述客戶端向所述服務端發送一第一請求，W請求所述服務端通過一預 先定義的表格結構接口向所述客戶端發送包括表格模板的第一數據包；
[000引步驟S2,所述客戶端接收所述第一數據包并進行解析，得到并保存所述表格模板；
[0009] 步驟S3,所述客戶端判斷自身的設備類型，并根據判斷得到的所述設備類型，于所 述客戶端內將所述表格模板轉換成適于所述設備類型的特有模板；
[0010] 步驟S4,所述客戶端向所述服務端發送一第二請求，W請求所述服務端通過一預 先定義的表格數據接口向所述客戶端發送包括表格內容的第二數據包；
[0011] 步驟S5，所述客戶端接收所述第二數據包并解析得到相應的所述表格內容，將所 述表格內容填充到所述特有模板中，W擅染得到完整的所述設備表格并顯示，隨后退出。
[0012] 優選的，該設備表格適配方法，其中，所述步驟S2具體包括：
[0013] 步驟S21，所述客戶端獲取所述第一數據包，并根據所述第一數據包的狀態值檢查 數據響應是否成功：
[0014] 若否，則返回所述步驟S1，W重新向所述服務端發送所述第一請求；
[0015] 步驟S22,所述客戶端將成功響應的所述第一數據包轉換成所述表格模板并保存。
[0016] 優選的，該設備表格適配方法，其中，所述設備類型包括計算機終端類型；
[0017] 所述步驟S3中，若所述客戶端被判斷為所述計算機終端類型，則所述客戶端依據 超文本語言中的tab 1 e標簽，結合所述表格模板轉換形成所述特有模板。
[0018] 優選的，該設備表格適配方法，其中，所述設備類型包括移動終端類型；
[0019] 所述步驟S3中，若所述客戶端被判斷為所述移動終端類型，則所述客戶端依據超 文本語言中的ul標簽和1 i標簽，結合所述表格模板轉換形成所述特有模板。
[0020] 優選的，該設備表格適配方法，其中，所述客戶端為：
[0021 ]適用于計算機設備中的瀏覽器;或者
[0022] 適用于移動終端中的瀏覽器。
[0023] 優選的，該設備表格適配方法，其中，所述第二數據包包括：
[0024] 包含有所述設備表格的表格定義內容的第一子數據包；W及
[0025] 包含有所述設備表格的表格數據內容的第二子數據包；
[00%] 所述步驟S5具體包括：
[0027] 步驟S51，所述客戶端根據所述第二請求接收到所述第一子數據包并進行解析，得 到所述第一子數據包中包含的所述表格定義內容；
[0028] 步驟S52,所述客戶端根據所述表格定義內容確定所述特有模板中的內容顯示形 式，W及所述特有模板中擅染的各個控件的類型；
[0029] 步驟S53,所述客戶端根據所述第二請求接收到關聯于一個表格分頁的所述第二 子數據包并進行解析，得到所述第二子數據包中包含的關聯于一個所述表格分頁的所述表 格數據內容；
[0030] 步驟S54,所述客戶端將所述表格數據內容填充入所述特有模板中，W形成一個所 述表格分頁的所述設備表格；
[0031] 步驟S55,所述客戶端判斷所述設備表格是否需要分頁顯示：
[0032] 若是，則轉向下一個所述表格分頁，并返回所述步驟S53;
[0033] 若否，則將形成的所述設備表格顯示于所述客戶端上，隨后退出。
[0034] -種計算機設備，其中，采用上述的設備表格適配方法。
[0035] -種移動終端，其中，采用上述的設備表格適配方法。
[0036] 上述技術方案的有益效果是：提供一種設備表格適配方法，能夠采用同一數據源 解決不同類型設備中設備表格顯示不適配屏幕尺寸的問題，表格結構設置靈活多變，從而 提升開發人員的開發速度，改善使用者的使用體驗。
【附圖說明】
[0037] 圖1是本發明的較佳的實施例中，一種設備表格適配方法的總體流程示意圖；
[0038] 圖2是本發明的較佳的實施例中，于圖1的基礎上，解析得到表格模板的流程示意 圖；
[0039] 圖3是本發明的較佳的實施例中，于圖1的基礎上，擅染得到設備表格的流程示意 圖；
[0040] 圖4是本發明的較佳的實施例中，于計算機設備上經過擅染生成的設備表格的示 意圖；
[0041] 圖5是本發明的較佳的實施例中，于移動終端上經過擅染生成的設備表格的示意 圖。
【具體實施方式】
[0042] 下面將結合本發明實施例中的附圖，對本發明實施例中的技術方案進行清楚、完 整地描述，顯然，所描述的實施例僅僅是本發明一部分實施例，而不是全部的實施例。基于 本發明中的實施例，本領域普通技術人員在沒有作出創造性勞動的前提下所獲得的所有其 他實施例，都屬于本發明保護的范圍。
[0043] 需要說明的是，在不沖突的情況下，本發明中的實施例及實施例中的特征可W相 互組合。
[0044] 下面結合附圖和具體實施例對本發明作進一步說明，但不作為本發明的限定。
[0045] 本發明的較佳的實施例中，基于現有技術中存在的上述問題，現提供一種設備表 格適配方法。該方法中，首先設置至少一個客戶端W及一個服務端，服務端分別與每個客戶 端遠程連接。至少一個客戶端可W均為同一個類型的設備，也可W為不同類型的設備。
[0046] 則本發明的較佳的實施例中，上述設備表格適配方法的具體步驟如圖1所示，包 括：
[0047] 步驟S1，客戶端向服務端發送一第一請求，W請求服務端通過一預先定義的表格 結構接口向客戶端發送包括表格模板的第一數據包；
[0048] 步驟S2,客戶端接收第一數據包并進行解析，得到并保存表格模板；
[0049] 步驟S3,客戶端判斷自身的設備類型，并根據判斷得到的設備類型，于客戶端內將 表格模板轉換成適于設備類型的特有模板；
[0050] 步驟S4,客戶端向服務端發送一第二請求，W請求服務端通過一預先定義的表格 數據接口向客戶端發送包括表格內容的第二數據包；
[0051] 步驟S5,客戶端接收第二數據包并解析得到相應的表格內容，將表格內容填充到 特有模板中，W擅染得到完整的設備表格并顯示，隨后退出。
[0052] 在一個具體實施例中，上述步驟S1中，客戶端首先通過ht化協議向服務端發送一 第一請求，W請求服務端向客戶端返回包括表格模板的第一數據包。上述第一請求可W為 通過http協議提出的Ajax請求。上述第一數據包可W為服務端通過其預先定義的表格結構 接口反饋的Json數據包。該Json數據包中包括了通用表格的表格模板的相關信息。
[0053] 該實施例中，上述步驟S2中，客戶端接收到上述第一數據包后，通過解析得到該第 一數據包中包括的表格模板。該表格模板為一種通用的表格模板，或者被稱為基礎的表格 模板。不同類型的設備上適用的設備表格均可W通過該表格模板轉換得到。
[0054] 該實施例中，上述步驟S3中，客戶端首先判斷得到自身的設備類型，例如判斷為計 算機設備還是移動終端，并且根據運個判斷結果，在上述表格模板的基礎上轉換得到相應 的特有模板。每個特有模板均對應于一種類型的客戶端。具體地，客戶端可w為適用于不同 的設備中的瀏覽器，貝可W通過JavaScript中的navigator. userAgent來判斷設備類型，例 如為計算機設備上適用的瀏覽器，還是為移動終端上適用的瀏覽器。
[0055] 該實施例中，上述步驟S4中，客戶端根據表格模板轉換形成特有模板之后，再次向 服務端發送一第二請求，W請求服務端反饋包括表格數據內容的相應的第二數據包。具體 地，上述第二請求同樣可W為Ajax請求，服務端通過一預先設定的表格數據接口向客戶端 反饋相應的第二數據包。
[0056] 則該實施例中，上述步驟S5中，客戶端獲得上述第二數據包后，將該第二數據包進 行解析W得到其中的表格內容，隨后將該表格內容填充到已經轉換形成的特有模板中，最 終經過擅染得到一個完整的設備表格并顯示在該客戶端上。
[0057] 本發明的一個較佳的實施例中，上述服務端預先設定的表格結構接口返回的Json 數據包的定義為：
[0化引
[0化9]
[0060]
[0061] 本發明的一個較佳的實施例中，服務端預先設定的表格數據接口返回的Json數據 包可W被定義為：
[0062]
[0063]
[0064] 本發明的較佳的實施例中，開發人員可W將上述第一數據包和第二數據包編寫在 服務端的相應的接口中，任何連接該服務端的客戶端均可W通過發送請求的方式獲取運些 數據包。
[0065] 本發明的較佳的實施例中，如圖2所示，上述步驟S2具體包括：
[0066] 步驟S21，客戶端獲取第一數據包，并根據第一數據包的狀態值檢查數據響應是否 成功：
[0067] 若否，則返回步驟S1，W重新向服務端發送第一請求；
[0068] 步驟S22,客戶端將成功響應的第一數據包轉換成表格模板并保存。
[0069] 具體地，本發明的較佳的實施例中，客戶端獲取到上述第一數據包后，首先檢查該 第一數據包的狀態值，w驗證該第一數據包的狀態，從而判斷該第一數據包的響應是否成 功:若是，則繼續執行下述步驟;若否，則表示該第一數據包響應失敗，此時可W返回上述步 驟S1，W重新向服務端發起一個第一請求。
[0070] 本發明的較佳的實施例中，服務端響應的第一數據包中可W包括:表格模板的ID、 表格模板掛在的容器的ID、css(Cascading Style Sheets,層疊樣式表）的名稱、是否啟用 分頁模式的信息、總的記錄條數、每頁的記錄條數、表格列結構的定義W及表格內容的獲取 URUUniform Resource Locator,統一資源定位符）等。
[0071] 則本發明的較佳的實施例中，上述轉換形成表格模板的過程可W包括:首先解析 得到表格模板的ID及其容器(container)的ID;隨后解析得到表格模板的class名稱，用于 在客戶端自定義表格的顯示樣式;隨后解析得到表格模板中每一列的顯示類型（例如顯示 文字，或者顯示圖片等），生成表格模板中的基本的架構模型。
[0072] 本發明的較佳的實施例中，最后解析得到上述表格內容的獲取URL。
[0073] 本發明的一個較佳的實施例中，如上文中所述，上述設備類型可W包括計算機設 備。
[0074] 則上述步驟S3中，若客戶端被判斷為計算機終端類型，則客戶端依據html中的 tab 1 e標簽，結合表格模板轉換形成特有模板。
[0075] 本發明的另一個較佳的實施例中，如上文中所述，上述設備類型可W包括移動終 玉山 乂而。
[0076] 則上述步驟S3中，若客戶端被判斷為移動終端類型，則客戶端依據html中的ul標 簽和li標簽，結合表格模板轉換形成特有模板。
[0077] 本發明的較佳的實施例中，基于上文中所述的內容，客戶端為適用于相應設備內 的瀏覽器。該瀏覽器的作用在于提供使用者輸入指定的U化打開頁面，W啟動指定的表格頁 面，從而在該頁面中讀入指定的表格結構接口 URL，W開始構建請求服務端的Json數據包的 第一請求/第二請求。并且，上述瀏覽器可W通過JavaScript中的navigator. userAgent來 判斷客戶端自身的設備類型。
[0078] 本發明的較佳的實施例中，在形成專屬于該客戶端的特有模板之后，客戶端向服 務端發送上述第二請求，W獲取上述第二數據包。該第二數據包中可W包括:該數據包的狀 態值、表格內容的數據集合W及應用認證信息中的一種或幾種等。因此，在獲取該第二數據 包后，客戶端同樣可W通過該第二數據包的狀態值判斷第二數據包是否完整，并在判斷其 完整后繼續后續步驟。
[0079] 本發明的較佳的實施例中，上述第二數據包中進一步包括：
[0080] 包含有設備表格的表格定義內容的第一子數據包；W及
[0081] 包含有設備表格的表格數據內容的第二子數據包；
[0082] 則如圖3所示，上述步驟S5具體包括：
[0083] 步驟S51，客戶端根據第二請求接收到第一子數據包并進行解析，得到第一子數據 包中包含的表格定義內容；
[0084] 步驟S52，客戶端根據表格定義內容確定特有模板中的內容顯示形式，W及特有模 板中擅染的各個控件的類型；
[0085] 步驟S53,客戶端根據第二請求接收到關聯于一個表格分頁的第二子數據包并進 行解析，得到第二子數據包中包含的關聯于一個表格分頁的表格數據內容；
[0086] 步驟S54,客戶端將表格數據內容填充入特有模板中，W形成一個表格分頁的設備 表格；
[0087] 步驟S55,客戶端判斷設備表格是否需要分頁顯示：
[0088] 若是，則轉向下一個表格分頁，并返回步驟S53;
[0089] 若否，則將形成的設備表格顯示于客戶端上，隨后退出。
[0090] 具體地，本發明的較佳的實施例中，客戶端首先向服務端發送第二請求，服務端根 據該第二請求，通過預先設定的表格數據接口向客戶端返回第一子數據包。
[0091] 客戶端接收到該第一子數據包后，同樣通過其狀態值檢查該第二數據包的完整 性，W確認數據在發送過程中沒有出現錯誤。
[0092] 隨后，客戶端解析該第一子數據包，得到其中包含的相應的表格定義內容。表格定 義內容所包含的與上述第一數據包中包含的內容類似，均為定義一個設備表格的形式，在 此不再寶述。
[0093] 隨后，客戶端將上述設備表格掛在擅染到html頁面ID為div_list的div中，并根據 cols中的若干個表格列數據來決定該列擅染的控件類型，例如列的名稱(name)、控件的類 型(cell)、標簽(label )、是否可編輯的屬性(edi1:able)W及是否可見的屬性(visible)等。
[0094] 例如，表格模板中的某一列定義如下：
[0095]
[0096] 則對應的json數據包中的內容對應如下（由于篇幅原因只節選其中一部分內容）：
[0097]
[0098] 隨后，客戶端根據da化U化向服務端發送第二請求，W請求服務端反饋第二子數據 包。該第二子數據包同樣需要事先經過完整性驗證。
[0099] 客戶端解析該第二子數據包W得到設備表格中某一頁的內容數據。具體地客戶端 為依次獲取設備表格中每一頁的內容數據的，例如第一次獲取的為首頁數據，之后依次獲 取每一頁的數據。
[0100] 則客戶端在獲取到某一頁的內容數據后，根據返回的第二子數據中解析得到的內 容與上述步驟中解析得到的列名稱(name)進行一一對應，W進行表格內容數據的填充和擅 染。在上述實施例中，若name為newsAbstract，則該列被填充并擅染為"XX工作室成立于 XXXX年，是由美術家XX個人名字命名的工作室。"
[0101] 本發明的較佳的實施例中，在對設備表格的某一頁的內容數據填充擅染完畢后， 客戶端會根據相關的分頁信息生成分頁器。該分頁器適應于不同的設備進行分頁。例如計 算機設備就是一個常見的分頁條，供使用者手動點擊跳轉頁碼(如圖4所示），而移動終端表 現為滾動到列表底部自動加載更多數據的形式(如圖5所示）。
[0102] 隨后，客戶端會首先將第一頁內容擅染到設備表格的第一頁中，隨后判斷服務端 是否還存在分頁的其他表格內容:若是，則客戶端依次向服務端請求獲取下一頁的表格內 容，并將運些表格內容依次填充擅染到相應的分頁中，最終形成一個完整的經過擅染的設 備表格并放到客戶端中顯示，具體地顯示在適用于不同設備的瀏覽器中。
[0103] 綜上所述，本發明技術方案中，對于不同設備類型的客戶端而言，基于同一個數據 源，首先客戶端從服務端獲取并解析得到通用的表格模板;隨后客戶端判斷自身的設備類 型，并根據判斷結果在表格模板的基礎上轉換形成對應于各自設備類型的特有模板。最后 客戶端從服務端獲取并解析得到實質的表格數據內容，并將表格數據內容填充到對應的特 有模板中，經過擅染后形成并顯示最終的設備表格。
[0104] 本發明的較佳的實施例中，還提供一種計算機設備，其中采用上文中所述的設備 表格適配方法。
[0105] 本發明的較佳的實施例中，還提供一種移動終端，其中采用上文中所述的設備表 格適配方法。
[0106] W上所述僅為本發明較佳的實施例，并非因此限制本發明的實施方式及保護范 圍，對于本領域技術人員而言，應當能夠意識到凡運用本發明說明書及圖示內容所作出的 等同替換和顯而易見的變化所得到的方案，均應當包含在本發明的保護范圍內。
【主權項】
1. 一種設備表格適配方法，其特征在于，包括至少一個客戶端以及一個服務端，所述服 務端分別與每個所述客戶端遠程連接，還包括： 步驟S1，所述客戶端向所述服務端發送一第一請求，以請求所述服務端通過一預先定 義的表格結構接口向所述客戶端發送包括表格模板的第一數據包； 步驟S2，所述客戶端接收所述第一數據包并進行解析，得到并保存所述表格模板； 步驟S3，所述客戶端判斷自身的設備類型，并根據判斷得到的所述設備類型，于所述客 戶端內將所述表格模板轉換成適于所述設備類型的特有模板； 步驟S4,所述客戶端向所述服務端發送一第二請求，以請求所述服務端通過一預先定 義的表格數據接口向所述客戶端發送包括表格內容的第二數據包； 步驟S5,所述客戶端接收所述第二數據包并解析得到相應的所述表格內容，將所述表 格內容填充到所述特有模板中，以渲染得到完整的所述設備表格并顯示，隨后退出。2. 如權利要求1所述的設備表格適配方法，其特征在于，所述步驟S2具體包括： 步驟S21，所述客戶端獲取所述第一數據包，并根據所述第一數據包的狀態值檢查數據 響應是否成功： 若否，則返回所述步驟S1，以重新向所述服務端發送所述第一請求； 步驟S22,所述客戶端將成功響應的所述第一數據包轉換成所述表格模板并保存。3. 如權利要求1所述的設備表格適配方法，其特征在于，所述設備類型包括計算機終端 類型； 所述步驟S3中，若所述客戶端被判斷為所述計算機終端類型，則所述客戶端依據超文 本語言中的tab 1 e標簽，結合所述表格模板轉換形成所述特有模板。4. 如權利要求1所述的設備表格適配方法，其特征在于，所述設備類型包括移動終端類 型； 所述步驟S3中，若所述客戶端被判斷為所述移動終端類型，則所述客戶端依據超文本 語言中的ul標簽和1 i標簽，結合所述表格模板轉換形成所述特有模板。5. 如權利要求1所述的設備表格適配方法，其特征在于，所述客戶端為： 適用于計算機設備中的瀏覽器;或者 適用于移動終端中的瀏覽器。6. 如權利要求1所述的設備表格適配方法，其特征在于，所述第二數據包包括： 包含有所述設備表格的表格定義內容的第一子數據包；以及 包含有所述設備表格的表格數據內容的第二子數據包； 所述步驟S5具體包括： 步驟S51，所述客戶端根據所述第二請求接收到所述第一子數據包并進行解析，得到所 述第一子數據包中包含的所述表格定義內容； 步驟S52，所述客戶端根據所述表格定義內容確定所述特有模板中的內容顯示形式，以 及所述特有模板中渲染的各個控件的類型； 步驟S53,所述客戶端根據所述第二請求接收到關聯于一個表格分頁的所述第二子數 據包并進行解析，得到所述第二子數據包中包含的關聯于一個所述表格分頁的所述表格數 據內容； 步驟S54,所述客戶端將所述表格數據內容填充入所述特有模板中，以形成一個所述表 格分頁的所述設備表格； 步驟S55,所述客戶端判斷所述設備表格是否需要分頁顯示： 若是，則轉向下一個所述表格分頁，并返回所述步驟S53; 若否，則將形成的所述設備表格顯示于所述客戶端上，隨后退出。7. -種計算機設備，其特征在于，采用如權利要求1-6所述的設備表格適配方法。8. -種移動終端，其特征在于，采用如權利要求1-6所述的設備表格適配方法。
【文檔編號】G06F17/24GK105824790SQ201610147337
【公開日】2016年8月3日
【申請日】2016年3月15日
【發明人】袁初成
【申請人】上海締安科技股份有限公司