[發明專利]H5活動頁面的制作方法、電子裝置及可讀存儲介質

在審

• 申請號: 201711326929.3
• 申請日: 2017-12-12
• 公開（公告）號: CN108509195A
• 公開（公告）日: 2018-09-07
• 發明（設計）人: 趙寶森
• 申請（專利權）人: 平安科技（深圳）有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F3/0484;G06F3/0486;G06F3/0487
• 代理公司: 北京英特普羅知識產權代理有限公司 11015
• 代理人: 林彥之

1.一種H5活動頁面的制作方法，其特征在于，包括如下步驟：

S1、識別用戶的添加操作以生成添加指令；

S2、根據所述添加指令，獲取用戶選擇的制作元素所對應的初始配置信息添加到H5場景的全局變量中，以在H5創作界面區域內生成包含有所述制作元素的H5活動頁面；

S3、通過用戶在所述H5活動頁面上的鼠標操作獲取待修改元素；

S4、識別用戶的修改操作以生成相應的修改指令；

S5、根據所述修改指令和/或鼠標操作，在全局變量中修改所述待修改元素所對應的配置信息，以在H5創作界面區域內生成修改后新的H5活動頁面。

2.根據權利要求1所述的H5活動頁面的制作方法，其特征在于，所述制作元素的初始配置信息中包含有初始位置信息，用戶添加制作元素時，所述制作元素始終顯示在H5創作界面區域內對應所述初始位置信息的區域。

3.根據權利要求1所述的H5活動頁面的制作方法，其特征在于，所述步驟S3包括以下分步驟：

S31、獲取用戶在H5創作界面區域內的鼠標操作；

S32、判斷鼠標操作的位置是否存在制作元素，若是執行步驟S33；

S33、給所述制作元素添加標志作為待修改元素。

4.根據權利要求1-3中任一項所述的H5活動頁面的制作方法，其特征在于，所述修改操作包括編輯和刪除，對應生成編輯指令和刪除指令。

5.根據權利要求4所述的H5活動頁面的制作方法，其特征在于，當生成刪除指令時，步驟S5由以下步驟代替：

S511、根據所述刪除指令，在H5場景的全局變量中刪除所述待修改元素所對應的配置信息，以刪除所述H5創作界面區域內的所述待修改元素；

S512、解析H5場景以生成新的H5活動頁面。

6.根據權利要求4所述的H5活動頁面的制作方法，其特征在于，當生成編輯指令時，步驟S5由以下步驟代替：

S521、根據所述編輯指令，分別獲取鼠標點擊時鼠標的初始位置信息和所述待修改元素的初始位置信息，根據鼠標拖動過程中鼠標不斷變化的新位置信息計算出所述待修改元素相對應的不斷變化的新位置信息；

S522、將所述待修改元素的不斷變化的新位置信息不斷覆蓋保存至H5場景的全局變量中；

S523、隨著鼠標的拖動對H5場景進行持續性地解析，生成不斷變化的新的H5活動頁面。

7.根據權利要求6所述的H5活動頁面的制作方法，其特征在于，所述待修改元素的新位置信息的計算規則為：

S1＝S0+(S4-S3)；

L1＝L0+(L4-L3)；

其中，S1和L1分別為所述待修改元素的新位置信息中包含的新原點與H5創作界面區域的上邊沿和左邊沿之間的垂直距離，S0和L0分別為所述待修改元素的老位置信息中包含的老原點與H5創作界面區域的上邊沿和左邊沿之間的垂直距離，S4和L4分別為鼠標的當前位置與H5創作界面區域的上邊沿和左邊沿之間的垂直距離，S3和L3分別為鼠標在上一時刻的位置于與H5創作界面區域的上邊沿和左邊沿之間的垂直距離。

8.一種電子裝置，包括存儲器和處理器，其特征在于，所述存儲器上存儲有可被所述處理器執行的H5活動頁面的制作系統，所述H5活動頁面的制作系統包括：

添加指令生成模塊，用于通過識別用戶的添加操作以生成添加指令；

元素添加模塊，用于獲取用戶選擇的制作元素所對應的初始配置信息添加到H5場景的全局變量中，以在H5創作界面區域內生成包含有所述制作元素的H5活動頁面；

修改對象獲取模塊，用于通過用戶在所述H5活動頁面上的鼠標操作獲取待修改元素；

修改指令生成模塊，用于通過識別用戶的修改操作以生成相應的修改指令；

元素修改模塊，根據所述修改指令和/或鼠標操作，在全局變量中修改所述待修改元素所對應的配置信息，以在H5創作界面區域內生成修改后新的H5活動頁面。