H5活动页面的制作方法、电子装置及可读存储介质制造方法及图纸

本发明专利技术公开了一种H5活动页面的制作方法，属于互联网技术领域。一种H5活动页面的制作方法，包括：S1、识别用户的添加操作以生成添加指令；S2、根据添加指令，获取用户选择的制作元素所对应的初始配置信息添加到H5场景的全局变量中，以在H5创作界面区域内生成包含有所述制作元素的H5活动页面；S3、通过用户在所述H5活动页面上的鼠标操作获取待修改元素；S4、识别用户的修改操作以生成相应的修改指令；S5、根据修改指令和/或鼠标操作，在全局变量中修改所述待修改元素所对应的配置信息，以在H5创作界面区域内生成修改后新的H5活动页面。本发明专利技术通过使用全局变量，既满足了用户对样式的编辑，同时也满足了对功能的要求。

H5 active page making method, electronic device and readable storage medium

The invention discloses a method for making H5 active pages, which belongs to the Internet technology field. A method for making H5 active pages includes: S1, identifying the user's add operation to generate add instructions; S2, according to the add instructions, obtaining the initial configuration information corresponding to the user-selected production elements to add to the global variables of the H5 scene to generate the H5 containing the production elements in the H5 creation interface area. Active pages; S3, obtaining elements to be modified by a user's mouse operation on the H5 active pages; S4, identifying user's modification operations to generate corresponding modification instructions; S5, modifying the configuration information corresponding to the elements to be modified in global variables according to modification instructions and/or mouse operations to create an H5 authoring interface A modified new H5 activity page is generated in the area. By using global variables, the invention not only satisfies the user's editing of styles, but also satisfies the functional requirements.

【技术实现步骤摘要】
H5活动页面的制作方法、电子装置及可读存储介质
本专利技术涉及互联网
，涉及一种H5活动页面的制作方法、电子装置及可读存储介质。
技术介绍
随着互联网的发展，企业的营销活动由线下向线上转移，借助互联网和社交圈实现品牌营销、客户服务、获取客户等目标。企业在开始线上营销前，先要制作用于活动推广的活动页面，为了避免每次活动都要重新开发一次活动页面，使得活动制作周期长，开发成本高，很多企业开始将各种活动分类直接采用现有的活动页面模板进行制作以降低成本，由此产生了很多活动页面模板。但是，企业在使用现有的活动页面模板时有很多的限制，特别是功能模块里面的样式是不可以编辑的，使得企业在使用现有的活动页面模板时，有时不得不根据模板来修改原本设想的活动方案，以符合现有的活动页面模板。因此，现在急需一种可以编辑功能模块的活动页面模板，以更多地满足企业的不同需求。
技术实现思路
本专利技术要解决的技术问题是为了克服现有技术中活动页面模板中功能模块的样式不可编辑的缺点，提出了一种H5活动页面的制作方法、电子装置及可读存储介质，通过使用全局变量，实现了功能模块的添加、删除和编辑功能。本专利技术是通过下述技术方案来解决上述技术问题：一种H5活动页面的制作方法，包括如下步骤：S1、识别用户的添加操作以生成添加指令；S2、根据所述添加指令，获取用户选择的制作元素所对应的初始配置信息添加到H5场景的全局变量中，以在H5创作界面区域内生成包含有所述制作元素的H5活动页面；S3、通过用户在所述H5活动页面上的鼠标操作获取待修改元素；S4、识别用户的修改操作以生成相应的修改指令；S5、根据所述修改指令和/或鼠标操作，在全局变量中修改所述待修改元素所对应的配置信息，以在H5创作界面区域内生成修改后新的H5活动页面。优选地，所述制作元素的初始配置信息中包含有初始位置信息，用户添加制作元素时，所述制作元素始终显示在H5创作界面区域内对应所述初始位置信息的区域。优选地，所述步骤S3包括以下分步骤：S31、获取用户在H5创作界面区域内的鼠标操作；S32、判断鼠标操作的位置是否存在制作元素，若是执行步骤S33；S33、给所述制作元素添加标志作为待修改元素。优选地，所述修改操作包括编辑和删除，对应生成编辑指令和删除指令。优选地，当生成删除指令时，步骤S5由以下步骤代替：S511、根据所述删除指令，在H5场景的全局变量中删除所述待修改元素所对应的配置信息，以删除所述H5创作界面区域内的所述待修改元素；S512、解析H5场景以生成新的H5活动页面。优选地，当生成编辑指令时，步骤S5由以下步骤代替：S521、根据所述编辑指令，分别获取鼠标点击时鼠标的初始位置信息和所述待修改元素的初始位置信息，根据鼠标拖动过程中鼠标不断变化的新位置信息计算出所述待修改元素相对应的不断变化的新位置信息；S522、将所述待修改元素的不断变化的新位置信息不断覆盖保存至H5场景的全局变量中；S523、随着鼠标的拖动对H5场景进行持续性地解析，生成不断变化的新的H5活动页面。优选地，所述待修改元素的新位置信息的计算规则为：S1＝S0+(S4-S3)；L1＝L0+(L4-L3)；其中，S1和L1分别为所述待修改元素的新位置信息中包含的新原点与H5创作界面区域的上边沿和左边沿之间的垂直距离，S0和L0分别为所述待修改元素的老位置信息中包含的老原点与H5创作界面区域的上边沿和左边沿之间的垂直距离，S4和L4分别为鼠标的当前位置与H5创作界面区域的上边沿和左边沿之间的垂直距离，S3和L3分别为鼠标在上一时刻的位置于与H5创作界面区域的上边沿和左边沿之间的垂直距离。一种电子装置，包括存储器和处理器，所述存储器上存储有可被所述处理器执行的H5活动页面的制作系统，所述H5活动页面的制作系统包括：添加指令生成模块，用于通过识别用户的添加操作以生成添加指令；元素添加模块，用于获取用户选择的制作元素所对应的初始配置信息添加到H5场景的全局变量中，以在H5创作界面区域内生成包含有所述制作元素的H5活动页面；修改对象获取模块，用于通过用户在所述H5活动页面上的鼠标操作获取待修改元素；修改指令生成模块，用于通过识别用户的修改操作以生成相应的修改指令；元素修改模块，根据所述修改指令和/或鼠标操作，在全局变量中修改所述待修改元素所对应的配置信息，以在H5创作界面区域内生成修改后新的H5活动页面。优选地，所述元素修改模块包括删除子模块和编辑子模块；所述修改指令包括删除指令和编辑指令；所述删除子模块，用于根据删除指令在全局变量中删除所述待修改元素所对应的配置信息，以删除所述H5创作界面区域内的所述待修改元素，最终生成新的H5活动页面；所述编辑子模块，用于根据编辑指令分别获取鼠标点击时鼠标的初始位置信息和所述待修改元素的初始位置信息，根据鼠标拖动终止时鼠标的新位置信息计算出所述待修改元素相对应的新位置信息，然后将所述待修改元素的新位置信息覆盖其初始位置信息生成新的配置信息保存在H5场景的全局变量中，最终生成新的H5活动页面。一种计算机可读存储介质，所述计算机可读存储介质内存储有H5活动页面的制作系统，所述H5活动页面的制作系统可被至少一个处理器所执行，以使所述至少一个处理器执行如前述中任一项所述的H5活动页面的制作方法的步骤。本专利技术的积极进步效果在于：本专利技术通过使用全局变量，在全局变量中添加或者删除制作元素对应的配置信息实现制作元素的添加和删除功能；同时，还可以通过可以拖动编辑各个制作元素以改变样式，既满足了用户对样式的编辑，同时也满足了对功能的要求。附图说明图1示出了本专利技术电子装置一实施例的硬件架构示意图；图2示出了本专利技术电子装置中H5活动页面的制作系统第一实施例的程序模块示意图；图3示出了本专利技术电子装置中H5活动页面的制作系统第二实施例中元素修改模块的程序模块示意图；图4示出了本专利技术H5活动页面的制作方法实施例一的流程图；图5示出了本专利技术H5活动页面的制作方法实施例二中获取待修改元素的流程图；图6示出了本专利技术H5活动页面的制作方法实施例三中删除待修改元素的流程图；图7示出了本专利技术H5活动页面的制作方法实施例四中编辑待修改元素的流程图。具体实施方式下面通过实施例的方式进一步说明本专利技术，但并不因此将本专利技术限制在所述的实施例范围之中。首先，本专利技术提出了一种电子装置。参阅图1所示，是本专利技术电子装置一实施例的硬件架构示意图。本实施例中，所述电子装置2是一种能够按照事先设定或者存储的指令，自动进行数值计算和/或信息处理的设备。例如，可以是智能手机、平板电脑、笔记本电脑、台式计算机、机架式服务器、刀片式服务器、塔式服务器或机柜式服务器(包括独立的服务器，或者多个服务器所组成的服务器集群)等。如图所示，所述电子装置2至少包括，但不限于，可通过系统总线相互通信连接存储器21、处理器22、网络接口23、以及H5活动页面的制作系统20。其中：所述存储器21至少包括一种类型的计算机可读存储介质，所述可读存储介质包括闪存、硬盘、多媒体卡、卡型存储器(例如，SD或DX存储器等)、随机访问存储器(RAM)、静态随机访问存储器(SRAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、可编程只读存储器(PROM)、磁性存储器、磁盘本文档来自技高网...

【技术保护点】
1.一种H5活动页面的制作方法，其特征在于，包括如下步骤：S1、识别用户的添加操作以生成添加指令；S2、根据所述添加指令，获取用户选择的制作元素所对应的初始配置信息添加到H5场景的全局变量中，以在H5创作界面区域内生成包含有所述制作元素的H5活动页面；S3、通过用户在所述H5活动页面上的鼠标操作获取待修改元素；S4、识别用户的修改操作以生成相应的修改指令；S5、根据所述修改指令和/或鼠标操作，在全局变量中修改所述待修改元素所对应的配置信息，以在H5创作界面区域内生成修改后新的H5活动页面。

【技术特征摘要】
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活动页面的制作方法，其特征在于，所述待修改元素的新位置信息的计算...

【专利技术属性】
技术研发人员：赵宝森，
申请(专利权)人：平安科技深圳有限公司，
类型：发明
国别省市：广东,44