[发明专利]一种复杂交互逻辑的H5页面制作方法和系统

说明书

本发明提供了复杂交互逻辑的H5页面制作方法，该方法包括：S1.截获创建Blockly底层指令；S2.截获创建自定义块指令；S3.截获生成代码指令；S4.截获代码融合指令；S5.截获H5页面展示指令。本发明还提供了复杂交互逻辑的H5页面制作系统，该系统包括：Blockly模块、自定义块模块、代码生成模块、代码融合模块及H5页面展示模块；该方法和系统应用于营销策划平台，面向各终端用户，使非专业营销人士能进行策划或浏览活动的动画页面，通过使用Blockly作为编辑底层，并在此底层上扩展若干个模块，实现无需技术开发人员参与、使用者无需编写代码，即可编辑出具有复杂交互逻辑的H5页面的效果。

技术领域

本发明涉及计算机技术领域，特别是涉及一种复杂交互逻辑的H5页面制作方法和系统。

背景技术

随着互联网的发展，企业营销活动的种类越来越多，其内容也越来越丰富；其中，H5页面作为一种在移动媒体传播的使用HTML5(Hyper Text Markup Language 5，第五代超文本标记语言)技术标准的互联网营销广告载体，已经越来越正规化和产业化。为了迎合市场以及用户需要，诸多企业研发了各式各样的营销活动策划平台供用户进行活动策划与发布；为了丰富活动策划方案的内容，营销活动策划平台会提供各种元素对象给予用户进行活动策划，以达到用户策划的活动内容能具有吸睛点，且活动页面尽可能丰富多彩的效果；现有技术中，实现营销活动策划的方式具有多种；

随着编程领域的不断发展，许多编程领域的研发人员相继研发出各类具有可视化编辑的产品和技术，其中，Blockly是谷歌公司研发出的一款编程工具；具体的，它是一种基于web的可视化的编程工具，使用者无需具备书写编程代码的技能却仍然可以编写程序，因其构成程序的命令和参数都是图形化，形象地说，类似于各种“积木块”，使用者仅仅只需要通过鼠标拖动，让“积木块”之间相互组合配套，即可输出为指定语言(比如JavaScript)的具体程序代码。

但是目前市场上，这种无代码编程的应用场景，都是在儿童教育领域，并未有任何能让这种可以大幅降低技术成本的程序组织方式，进入商业化产品这种实际应用级的市场。

因此，本发明有必要提供一种复杂交互逻辑的H5页面制作方法，帮助无编程能力的使用者们可通过本方法编辑出形象生动的H5页面，在使用便捷的同时，也可降低高质量H5页面的制作成本。

发明内容

为解决以上技术问题，本发明提供一种复杂交互逻辑的H5页面制作方法和系统，该方法使用Blockly作为编辑底层，并在此底层上扩展若干个模块，实现无需技术开发人员参与、使用者无需编写代码，即可编辑出具有复杂交互逻辑的H5页面的效果；具有高效便捷、低制作成本等优点，其营销内容丰富生动，能达到较好的营销效果。

为了达到上述目的，本发明采用的技术方案如下：

一种复杂交互逻辑的H5(Hyper Text Markup Language 5，HTML5，第五代超文本标记语言)页面制作方法，所述方法包括：

S1.截获创建Blockly底层指令，将所述创建Blockly底层指令携带的信息传送至系统；根据该指令信息，生成以Blockly代码作为可编辑底层；

S2.截获创建自定义块指令，将所述创建自定义块指令携带的信息传送至系统；根据该指令信息，在Blockly底层上，创建若干个自定义块；

S3.截获生成代码指令，将所述生成代码指令携带的信息传送至系统；根据该指令信息，将所述Blockly底层及若干个自定义块输出至系统，生成语言代码，并标记为待融合状态；

S4.截获代码融合指令，将所述代码融合指令携带的信息传送至系统；根据该指令信息，读取所述标记为待融合状态的语言代码，将其与H5元素合成JSON并存储至系统，生成逻辑交互H5页面；