[發明專利]一種EPG可視化頁面的生成方法

在審

• 申請號: 201810318389.2
• 申請日: 2018-04-11
• 公開（公告）號: CN108566559A
• 公開（公告）日: 2018-09-21
• 發明（設計）人: 魯豪鋒;邵華
• 申請（專利權）人: 上海百事靈多媒體科技有限公司
• 主分類號: H04N21/431
• 分類號: H04N21/431;H04N21/482;H04N21/8543;H04N21/262
• 代理公司: 北京科億知識產權代理事務所(普通合伙) 11350
• 代理人: 湯東鳳

1.一種EPG可視化頁面的生成方法，其特征在于，包括一個繪圖界面，所述繪圖界面內設有繪圖區域，所述繪圖區域一側設有若干個按鈕，所述按鈕分別對應一個預設的控件，所述方法包括以下步驟：

步驟1：選擇控件，繪制頁面內容，生成頁面描述文件ui.json；

步驟2：設置控件數據或用自定義表達式引用“數據源控件”中的遠程數據，生成數據描述文件data.json；

步驟3：發布頁面描述文件和數據描述文件至服務器；

步驟4：服務器通過解析引擎將所述頁面描述文件和數據描述文件解析成網頁展示至機頂盒。

2.如權利要求1所述的一種EPG可視化頁面的生成方法，其特征在于：所述頁面描述文件格式是：{頁面屬性名稱:頁面屬性內容，...,控件:[{控件屬性名稱:控件屬性內容},...]}。

3.如權利要求1所述的一種EPG可視化頁面的生成方法，其特征在于：步驟1中繪制頁面內容的方法具體包括以下步驟：

步驟1-1：點擊控件按鈕，選擇控件；

步驟1-2：在繪圖區域按下鼠標，記錄起始坐標；

步驟1-3：在繪圖區域松開鼠標，記錄結束坐標；

步驟1-4：判斷起始坐標是否等于結束坐標，若等于，執行步驟1-5；若不等于執行步驟1-6；

步驟1-5：以起始位置坐標為控件左上角原點，生成寬度和高度默認的矩形控件；

步驟1-6：以起始坐標為起點，以結束坐標為終點，使用實線生成矩形控件。

4.如權利要求3所述的一種EPG可視化頁面的生成方法，其特征在于：步驟1中還包括以下步驟：在鼠標移動時，以鼠標的當前坐標為結束坐標，用虛線生成一個矩形，所述矩形的寬度和高度顯示將要生成的控件寬度和高度。

5.如權利要求1所述的一種EPG可視化頁面的生成方法，其特征在于：所述數據描述文件的格式是：{控件編號:{控件數據名稱:控件數據內容},...}。

6.如權利要求1所述的一種EPG可視化頁面的生成方法，其特征在于：所述自定義表達式的格式是: ${ds[‘dsId’].data.name}，其中，‘${’為表達式開始，‘}’為表達式結束，ds為數據源集合，[‘dsId’]表示通過數據源ID ‘dsId’獲取指定數據源，data為數據源動態數據，name為動態數據中的key值。

7.如權利要求1所述的一種EPG可視化頁面生成方法，其特征在于：在步驟3中，所述頁面描述文件和數據描述文件的發布地址是：解析引擎跟目錄/項目編碼/頁面編碼/ui.json,data.json。

8.如權利要求1所述的一種EPG可視化頁面的生成方法，其特征在于：步驟4具體包括以下步驟：

步驟4-1：訪問解析引擎入口地址，傳入epg參數，所述epg參數包括項目代碼和頁面代碼；

步驟4-2：根據項目代碼和頁面代碼，定位所述頁面描述文件和數據描述文件的位置；

步驟4-3：加載頁面描述文件，根據頁面描述文件中數據源控件的定義，通過ajax或jsonp方式獲取遠程數據，存入瀏覽器內存中；

步驟4-4：根據頁面描述文件中的控件定義，動態創建HTML元素，并自動適配機頂盒；

步驟4-5：加載數據描述文件，解析自定義表達式，獲取步驟4-3 存入到瀏覽器內存中的數據，并設置到步驟4-4 對應的HTML元素中；

步驟4-6：將頁面展示到機頂盒。