[發明專利]一種復雜交互邏輯的H5頁面制作方法和系統

在審

• 申請號: 201811588064.2
• 申請日: 2018-12-24
• 公開（公告）號: CN109725902A
• 公開（公告）日: 2019-05-07
• 發明（設計）人: 謝阿妮
• 申請（專利權）人: 廣東智合創享營銷策劃有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38
• 代理公司: 廣州圣理華知識產權代理有限公司 44302
• 代理人: 頓海舟;李唐明

1.一種復雜交互邏輯的H5頁面制作系統，其特征在于，所述系統包括：

Blockly模塊，用戶通過終端設備在網頁上創建Blockly底層,所述Blockly底層包括若干個基本塊類型；

自定義塊模塊，用于獲取Blockly底層，并在Blockly底層上創建自定義塊；所述自定義塊包括交互事件塊、元素動畫塊、功能擴展塊；

代碼生成模塊，用于獲取Blockly底層及自定義塊，并將Blockly及自定義塊轉化為用戶所需的語言代碼，并標記為待融合狀態；

代碼融合模塊，用于獲取標記為待融合狀態的語言代碼，并將其與H5元素融合為JSON，并保存至系統，生成邏輯交互H5頁面；

H5頁面展示模塊，用于將邏輯交互H5頁面解析后，進行展示。

2.根據權利要求1所述的系統，其特征在于，所述基本塊類型包括邏輯塊、循環塊、數學塊、文本塊、清單塊、顏色塊、變量塊、函數塊。

3.根據權利要求1所述的系統，其特征在于，所述交互事件塊包括：

人機交互單元，用于獲取用戶在H5頁面上的操作行為，判斷操作行為是否觸發一個或多個單元內所存儲的行為事件模型，并對用戶的操作行為產生響應；

功能封裝單元，用于內部執行用戶的行為所觸發的事件。

4.根據權利要求1所述的系統，其特征在于，所述元素動畫塊獲取用戶的操作行為，對H5頁面的元素、動畫的屬性進行調節。

5.根據權利要求4所述的系統，其特征在于，所述元素或動畫的屬性包括元素或動畫的位置、大小、旋轉角度、方向。

6.根據權利要求1所述的系統，其特征在于，所述功能擴展塊，具有多個擴展接口，用于擴展H5頁面的功能；所述擴展接口包括：

多媒體接口，用于外接多媒體模塊；

第三方接口，用于外接第三方平臺，進行數據交互。

7.根據權利要求1所述的系統，其特征在于，所述語言代碼為JavaScript語言。

8.一種應用于如權利要求1所述系統的復雜交互邏輯的H5頁面制作方法，其特征在于，所述方法包括：

S1.截獲創建Blockly底層指令，將所述創建Blockly底層指令攜帶的信息傳送至系統；根據該指令信息，生成以Blockly代碼作為可編輯底層；

S2.截獲創建自定義塊指令，將所述創建自定義塊指令攜帶的信息傳送至系統；根據該指令信息，在Blockly底層上，創建若干個自定義塊；

S3.截獲生成代碼指令，將所述生成代碼指令攜帶的信息傳送至系統；根據該指令信息，將所述Blockly底層及若干個自定義塊輸出至系統，生成語言代碼，并標記為待融合狀態；

S4.截獲代碼融合指令，將所述代碼融合指令攜帶的信息傳送至系統；根據該指令信息，讀取所述標記為待融合狀態的語言代碼，將其與H5元素合成JSON并存儲至系統，生成邏輯交互H5頁面；

S5.截獲H5頁面展示指令，將所述H5頁面展示指令攜帶的信息傳送至系統；根據該指令信息，讀取該邏輯交互H5頁面的JSON，并解析為元素信息及加密代碼字符串，還原加密代碼字符串為JavaScript代碼，并執行對應的代碼指令，展示H5頁面。

9.一種電子裝置，其特征在于，包括存儲器、處理器以及存儲在存儲器上并可在處理器上運行的計算機程序，所述處理器執行所述程序時，實現如權利要求8所述的制作方法。

10.一種計算機可讀介質，其上存儲有計算機程序，其特征在于，該程序被處理器執行時實現如權利要求8所述的制作方法。