[發(fā)明專利]一種復(fù)雜交互邏輯的H5頁面制作方法和系統(tǒng)

在審

• 申請?zhí)枺?/td>: 201811588064.2
• 申請日: 2018-12-24
• 公開（公告）號: CN109725902A
• 公開（公告）日: 2019-05-07
• 發(fā)明（設(shè)計(jì)）人: 謝阿妮
• 申請（專利權(quán)）人: 廣東智合創(chuàng)享營銷策劃有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38
• 代理公司: 廣州圣理華知識產(chǎn)權(quán)代理有限公司 44302
• 代理人: 頓海舟;李唐明

本發(fā)明提供了復(fù)雜交互邏輯的H5頁面制作方法，該方法包括：S1.截獲創(chuàng)建Blockly底層指令；S2.截獲創(chuàng)建自定義塊指令；S3.截獲生成代碼指令；S4.截獲代碼融合指令；S5.截獲H5頁面展示指令。本發(fā)明還提供了復(fù)雜交互邏輯的H5頁面制作系統(tǒng)，該系統(tǒng)包括：Blockly模塊、自定義塊模塊、代碼生成模塊、代碼融合模塊及H5頁面展示模塊；該方法和系統(tǒng)應(yīng)用于營銷策劃平臺，面向各終端用戶，使非專業(yè)營銷人士能進(jìn)行策劃或?yàn)g覽活動(dòng)的動(dòng)畫頁面，通過使用Blockly作為編輯底層，并在此底層上擴(kuò)展若干個(gè)模塊，實(shí)現(xiàn)無需技術(shù)開發(fā)人員參與、使用者無需編寫代碼，即可編輯出具有復(fù)雜交互邏輯的H5頁面的效果。

技術(shù)領(lǐng)域

本發(fā)明涉及計(jì)算機(jī)技術(shù)領(lǐng)域，特別是涉及一種復(fù)雜交互邏輯的H5頁面制作方法和系統(tǒng)。

背景技術(shù)

隨著互聯(lián)網(wǎng)的發(fā)展，企業(yè)營銷活動(dòng)的種類越來越多，其內(nèi)容也越來越豐富；其中，H5頁面作為一種在移動(dòng)媒體傳播的使用HTML5(Hyper Text Markup Language 5，第五代超文本標(biāo)記語言)技術(shù)標(biāo)準(zhǔn)的互聯(lián)網(wǎng)營銷廣告載體，已經(jīng)越來越正規(guī)化和產(chǎn)業(yè)化。為了迎合市場以及用戶需要，諸多企業(yè)研發(fā)了各式各樣的營銷活動(dòng)策劃平臺供用戶進(jìn)行活動(dòng)策劃與發(fā)布；為了豐富活動(dòng)策劃方案的內(nèi)容，營銷活動(dòng)策劃平臺會(huì)提供各種元素對象給予用戶進(jìn)行活動(dòng)策劃，以達(dá)到用戶策劃的活動(dòng)內(nèi)容能具有吸睛點(diǎn)，且活動(dòng)頁面盡可能豐富多彩的效果；現(xiàn)有技術(shù)中，實(shí)現(xiàn)營銷活動(dòng)策劃的方式具有多種；

隨著編程領(lǐng)域的不斷發(fā)展，許多編程領(lǐng)域的研發(fā)人員相繼研發(fā)出各類具有可視化編輯的產(chǎn)品和技術(shù)，其中，Blockly是谷歌公司研發(fā)出的一款編程工具；具體的，它是一種基于web的可視化的編程工具，使用者無需具備書寫編程代碼的技能卻仍然可以編寫程序，因其構(gòu)成程序的命令和參數(shù)都是圖形化，形象地說，類似于各種“積木塊”，使用者僅僅只需要通過鼠標(biāo)拖動(dòng)，讓“積木塊”之間相互組合配套，即可輸出為指定語言(比如JavaScript)的具體程序代碼。

但是目前市場上，這種無代碼編程的應(yīng)用場景，都是在兒童教育領(lǐng)域，并未有任何能讓這種可以大幅降低技術(shù)成本的程序組織方式，進(jìn)入商業(yè)化產(chǎn)品這種實(shí)際應(yīng)用級的市場。

因此，本發(fā)明有必要提供一種復(fù)雜交互邏輯的H5頁面制作方法，幫助無編程能力的使用者們可通過本方法編輯出形象生動(dòng)的H5頁面，在使用便捷的同時(shí)，也可降低高質(zhì)量H5頁面的制作成本。

發(fā)明內(nèi)容

為解決以上技術(shù)問題，本發(fā)明提供一種復(fù)雜交互邏輯的H5頁面制作方法和系統(tǒng)，該方法使用Blockly作為編輯底層，并在此底層上擴(kuò)展若干個(gè)模塊，實(shí)現(xiàn)無需技術(shù)開發(fā)人員參與、使用者無需編寫代碼，即可編輯出具有復(fù)雜交互邏輯的H5頁面的效果；具有高效便捷、低制作成本等優(yōu)點(diǎn)，其營銷內(nèi)容豐富生動(dòng)，能達(dá)到較好的營銷效果。

為了達(dá)到上述目的，本發(fā)明采用的技術(shù)方案如下：

一種復(fù)雜交互邏輯的H5(Hyper Text Markup Language 5，HTML5，第五代超文本標(biāo)記語言)頁面制作方法，所述方法包括：

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

S2.截獲創(chuàng)建自定義塊指令，將所述創(chuàng)建自定義塊指令攜帶的信息傳送至系統(tǒng)；根據(jù)該指令信息，在Blockly底層上，創(chuàng)建若干個(gè)自定義塊；

S3.截獲生成代碼指令，將所述生成代碼指令攜帶的信息傳送至系統(tǒng)；根據(jù)該指令信息，將所述Blockly底層及若干個(gè)自定義塊輸出至系統(tǒng)，生成語言代碼，并標(biāo)記為待融合狀態(tài)；

S4.截獲代碼融合指令，將所述代碼融合指令攜帶的信息傳送至系統(tǒng)；根據(jù)該指令信息，讀取所述標(biāo)記為待融合狀態(tài)的語言代碼，將其與H5元素合成JSON并存儲(chǔ)至系統(tǒng)，生成邏輯交互H5頁面；