[發明專利]一種基于HTML5的數據傳輸方法及系統

在審

• 申請號: 201710056542.4
• 申請日: 2017-01-25
• 公開（公告）號: CN106911672A
• 公開（公告）日: 2017-06-30
• 發明（設計）人: 王碧濤;田青松;陳節龍;明聰
• 申請（專利權）人: 武漢天喻教育科技有限公司
• 主分類號: H04L29/06
• 分類號: H04L29/06;H04L29/08
• 代理公司: 北京捷誠信通專利事務所(普通合伙)11221
• 代理人: 王衛東

本發明涉及網絡技術領域，具體是涉及一種基于HTML5的數據傳輸方法及系統。

背景技術

隨著網絡技術的快速發展，HTML5由于跨平臺以及在移動設備上支持多媒體等優點，其應用也越來越廣泛。例如，將HTML5技術應用到教學中，促進了傳統的課程教學開始向信息化方向發展，學生通過客戶端登錄教育平臺后直接下載老師的授課內容，不但可以實現課件和試卷無紙化，而且老師可以采用視頻、音頻等方式制作課件，極大地提高了教學效率，也有助于師生互動，創造一個老師方便教、學生樂于學的寓教于樂、富有趣味的智慧課堂。目前，教育平臺的服務器布設在廣域網或局域網中，客戶端瀏覽器通過獲取教育平臺的服務器的統一資源定位符(Uniform Resource Locator，URL)來展示HTML5頁面，其中，服務器性能和客戶端的并發量成為影響教育平臺的運行狀態的重要因素。當大量客戶端訪問大容量的HTML5頁面時，利用服務器分發HTML5課件、資料、試卷供客戶端展示存在不同步、網絡延時大、可靠性和穩定性較差的問題。

發明內容

針對現有技術中存在的缺陷，本發明的主要目的在于提供一種基于HTML5的數據傳輸方法，本發明的另一目的在于提供一種基于HTML5的數據傳輸系統，通過集中并發的方式實現服務器向多個客戶端分發HTML5頁面數據，確保HTML5頁面數據傳輸的高可靠性、及時性和同步性。

本發明提供一種基于HTML5的數據傳輸方法，用于服務器和多個客戶端之間傳輸數據，包括以下步驟：

服務器接收客戶端發送的用戶連接請求，基于預設的用戶判斷標準判斷合法用戶及其權限，所述合法用戶的權限包括普通用戶權限和高級用戶權限，存儲合法用戶的客戶端的地址，并向合法用戶發送供用戶編輯的HTML5頁面所需的靜態資源文件；

合法用戶的客戶端將接收的靜態資源文件存入指定目錄中，其中，高級用戶的客戶端調用靜態資源文件以加載供編輯的HTML5頁面，并將編輯過的HTML5頁面上傳到服務器；

服務器從高級用戶編輯過的HTML5頁面中提取高級用戶的編輯數據，并將編輯數據集中發送到所有普通用戶的客戶端；

普通用戶的客戶端調用靜態資源文件和接收到的編輯數據以加載編輯過的HTML5頁面。

在上述技術方案的基礎上，所述靜態資源文件包括JavaScript文件和級聯樣式表CSS文件。

在上述技術方案的基礎上，高級用戶的客戶端調用靜態資源文件以加載供編輯的HTML5頁面的方法為：高級用戶的客戶端將指定目錄中的靜態資源文件復制到本地緩存區，通過WebView調用靜態資源文件以加載供編輯的HTML5頁面。

在上述技術方案的基礎上，服務器從高級用戶編輯過的HTML5頁面中提取高級用戶的編輯數據包括：

服務器接收客戶端發送的用戶連接請求，基于預設的用戶判斷標準判斷合法用戶及其權限，當判斷該用戶為高級用戶時，接收客戶端上傳的編輯過的HTML5頁面；

對編輯過的HTML5頁面進行解析，獲取編輯過的HTML5頁面的目錄結構及其標識信息，剔除所述靜態資源文件和冗余數據，獲得編輯數據。

在上述技術方案的基礎上，服務器通過IP組播或者IP廣播將壓縮后的編輯數據發送到所有普通用戶的客戶端。

在上述技術方案的基礎上，普通用戶的客戶端調用靜態資源文件和接收到的編輯數據以加載編輯過的HTML5頁面包括：

普通用戶的客戶端將接收到的編輯數據存入本地緩存區并解壓縮，將指定目錄中的靜態資源文件復制到本地緩存區，通過WebView調用靜態資源文件和接收到的編輯數據加載編輯過的HTML5頁面。

在上述技術方案的基礎上，所述數據傳輸方法還包括：

普通用戶的客戶端在編輯過的HTML5頁面上再次進行編輯，并將再次編輯的HTML5頁面上傳到服務器；

服務器從普通用戶編輯過的HTML5頁面中提取再次編輯數據，并將再次編輯數據發送到高級用戶的客戶端。

本發明還提供一種基于HTML5的數據傳輸方法，用于教育平臺服務器和多個客戶端之間傳輸教學數據，包括以下步驟：

教育平臺服務器接收客戶端發送的用戶連接請求，基于預設的用戶判斷標準判斷合法用戶及其權限，所述合法用戶的權限包括學生權限和教師權限，存儲合法用戶的客戶端的地址，并向合法用戶發送供用戶編輯的HTML5頁面所需的靜態資源文件；