一种页面生成方法、装置及介质与流程

本发明涉及互联网通信技术领域，尤其涉及一种页面生成方法、装置及介质。

背景技术：

随着互联网通信技术的迅猛发展，人们可以通过各种方式获取互联网上的海量信息，以满足生活、工作、学习等各方面的需求。

相关技术中，可以通过页面进行信息的传播和业务的推广。具体的页面搭建过程如下：先由运营人员提出相应的需求，然后由设计人员基于该需求进行对应的设计，再由开发人员基于该设计进行开发。其中，开发人员具有一定的代码水平。页面搭建过程中设置有依赖着不同工作人员的工作节点，这样页面生成效率低、人工成本高。对于存在大量页面开发需求的应用场景，相关技术提供的页面搭建方案并不能较好的给予支持。因此，需要提供更有效的页面生成方案。

技术实现要素：

为了解决现有技术应用在进行页面生成时，页面生成效率低、人工成本高等问题，本发明提供了一种页面生成方法、装置及介质：

一方面，本发明提供了一种页面生成方法，应用于部署有真实环境和模拟环境的电子设备，所述真实环境和所述模拟环境对应不同的作用域，所述方法包括：

在所述模拟环境下加载素材库得到对象素材集合；

将所述对象素材集合由所述模拟环境传递至所述真实环境；

在所述真实环境下接收客户端发送的携带有页面配置信息的页面生成请求；

在所述真实环境下，基于所述页面配置信息从所述对象素材集合中确定出至少一个目标对象素材以及对所述至少一个目标对象素材作实例化处理得到目标实例；

将所述目标实例挂载至所述模拟环境中的节点；

在所述模拟环境下对所述节点进行渲染得到目标页面。

另一方面提供了一种页面生成装置，应用于部署有真实环境和模拟环境的电子设备，所述真实环境和所述模拟环境对应不同的作用域，所述装置包括：

素材库加载模块：用于在所述模拟环境下加载素材库得到对象素材集合；

对象素材集合传递模块：用于将所述对象素材集合由所述模拟环境传递至所述真实环境；

页面生成请求接收模块：用于在所述真实环境下接收客户端发送的携带有页面配置信息的页面生成请求；

实例化处理模块：用于在所述真实环境下，基于所述页面配置信息从所述对象素材集合中确定出至少一个目标对象素材以及对所述至少一个目标对象素材作实例化处理得到目标实例；

实例挂载模块：用于将所述目标实例挂载至所述模拟环境中的节点；

渲染模块：用于在所述模拟环境下对所述节点进行渲染得到目标页面。

另一方面提供了一种电子设备，所述电子设备包括处理器和存储器，所述存储器中存储有至少一条指令或至少一段程序，所述至少一条指令或所述至少一段程序由所述处理器加载并执行以实现如上述的页面生成方法。

另一方面提供了一种计算机可读存储介质，所述存储介质中存储有至少一条指令或至少一段程序，所述至少一条指令或所述至少一段程序由处理器加载并执行以实现如上述的页面生成方法。

本发明提供的一种页面生成方法、装置及介质，具有如下技术效果：

本发明提供了一个能够提供页面生成服务的通用电子设备。该电子设备基于对象素材集合和接收到的来自客户端的页面配置信息实现目标页面的生成，这样可以提高页面生成的效率，可以减少页面搭建中因对人工的过多依赖和限制、降低人工成本。该电子设备部署有真实环境和模拟环境，在页面生成过程中以较迂回的路径在两运行环境间作对象素材集合和页面配置信息的传递工作，能够提高页面生成的稳定性以及减少页面生成过程中出现数据丢失的情况。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案和优点，下面将对实施例或现有技术描述中所需要使用的附图作简单的介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它附图。

图1是本发明实施例提供的一种应用环境的示意图；

图2是本发明实施例提供的一种页面生成方法的流程示意图；

图3是本发明实施例提供的对所述至少一个目标对象素材作实例化处理得到目标实例的一种流程示意图；

图4是本发明实施例提供的对所述至少一个目标对象素材作实例化处理之前包装目标对象素材的一种流程示意图；

图5也是本发明实施例提供的对所述至少一个目标对象素材作实例化处理得到目标实例的一种流程示意图；

图6是本发明实施例提供的在页面生成系统提供的用户交互界面开始活动创建的界面示意图；

图7是本发明实施例提供的在页面生成系统提供的用户交互界面填写活动相关信息的界面示意图；

图8-10是本发明实施例提供的在页面生成系统提供的用户交互界面进行的活动编辑的界面示意图；

图11是本发明实施例提供的在页面生成系统提供的用户交互界面触发本地预览的界面示意图；

图12是本发明实施例提供的在页面生成系统提供的用户交互界面触发外网发布的界面示意图；

图13是本发明实施例提供的页面生成系统的架构示意图；

图14是本发明实施例提供的业务素材库的架构示意图；

图15是本发明实施例提供的编辑器的工作流程示意图；

图16是本发明实施例提供的进行素材库载入的流程示意图；

图17是本发明实施例提供的调试素材库的架构示意图；

图18是本发明实施例提供的更新候选素材库的流程示意图；

图19是本发明实施例提供的不同前端开发框架对应的实例化处理示图；

图20是本发明实施例提供的一种页面生成装置的组成框图；

图21是本发明实施例提供的一种电子设备的结构示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本发明保护的范围。

需要说明的是，本发明的说明书和权利要求书及上述附图中的术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或服务器不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

请参阅图1，图1是本发明实施例提供的一种应用环境的示意图，可以包括客户端01和服务器02，客户端与服务器通过网络连接。用户可以通过客户端向服务器发送页面生成请求，服务器基于素材库和接收到的页面生成请求进行目标页面的生成，同时，服务器将生成的目标页面返回给客户端供用户查看。需要说明的是，图1仅仅是一种示例。

具体的，客户端01可以包括智能手机、台式电脑、平板电脑、笔记本电脑、增强现实(augmentedreality，ar)/虚拟现实(virtualreality，vr)设备、数字助理、智能可穿戴设备等类型的实体设备，也可以包括运行于实体设备中的软体，比如计算机程序。客户端01上运行的操作系统可以包括但不限于安卓系统(android系统)、ios系统(是由苹果公司开发的移动操作系统)、linux(一种操作系统)、microsoftwindows(微软视窗操作系统)等。

具体的，所述服务器02可以包括一个独立运行的服务器，或者分布式服务器，或者由多个服务器组成的服务器集群。服务器02可以包括有网络通信单元、处理器和存储器等等。所述服务器02可以为上述客户端提供后台服务。

在实际应用中，目标页面可以是产品运营中待上线发布的活动页面。在目标页面通过测试后可以上线发布来帮助营销，以达到拉新、拉回流、拉活跃、拉收入等目的。在日常的产品运营过程中，为了达到“获取用户、激发活跃、提高转化率”的目的，往往存在大量的web活动页面的开发需求。对于此类页面，最基本的开发要求为“最快速度、最低成本”。

以下介绍本发明一种页面生成方法的具体实施例，图2是本发明实施例提供的一种页面生成方法的流程示意图，本说明书提供了如实施例或流程图所述的方法操作步骤，但基于常规或者无创造性的劳动可以包括更多或者更少的操作步骤。实施例中列举的步骤顺序仅仅为众多步骤执行顺序中的一种方式，不代表唯一的执行顺序。在实际中的系统或服务器产品执行时，可以按照实施例或者附图所示的方法顺序执行或者并行执行(例如并行处理器或者多线程处理的环境)。具体的如图2所示，所述方法可以包括：

s201：在所述模拟环境下加载素材库得到对象素材集合；

在本发明实施例中，页面生成方法应用于部署有真实环境和模拟环境的电子设备，该电子设备可以是智能手机、台式电脑、平板电脑、笔记本电脑、增强现实/虚拟现实设备、数字助理、智能可穿戴设备等类型的实体设备，该电子设备也可以是服务器。其中，所述真实环境和所述模拟环境对应不同的作用域，这样可以保证两个环境间的独立性以避免出现数据混乱的情形。

素材库可以包括基础素材库和业务素材库，基础素材库中的素材与业务对象的相关性低于阈值，业务素材库中的素材与对应的业务对象的相关性高于阈值。一个业务素材库中的素材具有相同的业务属性。业务属性可以对应同一分类下的产品，比如即时通信产品对应业务属性a，短视频产品对应业务属性c；业务属性也可以对应某一具体的产品，比如“腾讯课堂”对应业务属性甲，“企鹅辅导”对应业务属性乙。这样基于不同维度的素材分类，可以提高复用现有素材的效率。其中，素材库可以以数据包的形式承载，相应的，在构建该素材库时可以基于umd(universalmoduledefinition，通用模块定义规范)对相关的素材作打包处理，进而得到素材库。

在模拟环境下加载素材库得到的对象素材集合绑定的是该模拟环境对应的作用域，对象素材集合中可以包括组件(component)、插件(plugin)、动作(action)、编译容器(compilecontainer)。组件可以分为普通组件和嵌套组件(nestedcomponent)。

在实际应用中，如图15所示，该电子设备部署的真实环境可以指向一个编辑器(外部编辑器)，该电子设备部署的模拟环境可以指向该编辑器内部的模拟器。编辑器在初始化模拟器时，在模拟器中载入素材库。对于指向不同产品的页面开发，可以载入对应的业务素材库。也就是说，若进行乘车码产品的相关页面开发，载入的素材库可以是基础素材库和乘车码产品对应的素材库。这样可以提高本发明提供的页面生成方法的通用性和兼容性。当然，该编辑器和该模拟器也可以可视化的显示于该电子设备提供的用户交互界面中。

在一个具体的实施例中，所述在所述模拟环境下加载素材库得到对象素材集合之前，所述方法还包括在所述模拟环境中载入所述素材库：

1)当所述模拟环境中不存在已载入的素材库时，基于候选素材库中的素材构建所述素材库以及在所述模拟环境中载入所述素材库；

2)当所述模拟环境中存在已载入的素材库时，获取所述已载入的素材库的当前版本号；获取所述候选素材库的最大版本号；当所述最大版本号大于所述当前版本号时，基于所述最大版本号和所述当前版本号的版本号差异从所述候选素材库获取对应的素材以及在所述模拟环境中载入所述对应的素材。

如图16所示，候选素材库中的各类模板是基于约定、规范、配置对封装代码得到的。其中，“基于候选素材库中的素材构建所述素材库”以及“基于所述最大版本号和所述当前版本号的版本号差异从所述候选素材库获取对应的素材”时，可以引导用户输入配置，也就是说，可以基于用户的筛选来拉取模板资源。

在另一个具体的实施例中，所述在所述模拟环境下加载素材库得到对象素材集合之前，所述方法还包括调试所述素材库：

首先，接收由调试设备传递的所述素材库，所述素材库为所述调试设备对原始素材库进行本地调试而得到的；

然后，确定调试端口以及基于所述调试端口对所述素材库进行调试；

再者，当调试结果指示正常时，触发所述在所述模拟环境下加载素材库得到对象素材集合的步骤。

可参考图17，素材库先经调试设备(比如本地cli工具；cli，command-lineinterface，命令行交互接口)作本地调试。本地调试成功后，调试设备将素材库传递给电子设备。当电子设备对素材库的利用出现异常时，电子设备可以确定调试端口以及基于调试端口对素材库进行线上调试，具体的，可由电子设备对应的编辑器对素材库作线上调试。其中，调试设备独立于电子设备，可以采用npm(一种包管理工具)模块的形式维护。

在一个具体的实施例中，如图18所示，所述页面生成方法还包括更新候选素材库：首先，获取素材数据；然后，对所述素材数据作持续集成处理；再者，当处理结果符合预设要求时，基于处理后的素材数据更新所述候选素材库。其中，所述持续集成(ci)处理的处理项包括以下至少一个；代码校验项、编译构建项和文件传送项。在每个业务对象(产品)的维度，可以将素材数据(对应业务素材库代码)push(推送)到对应的候选素材库。这样可以实现候选素材库的自动更新。

s202：将所述对象素材集合由所述模拟环境传递至真实环境；

在本发明实施例中，可以基于引用的方式将对象素材集合由模拟环境传递至真实环境。

在实际应用中，如图15所示，该电子设备部署的真实环境可以指向一个编辑器(外部编辑器)，该电子设备部署的模拟环境可以指向该编辑器内部的模拟器。可以由模拟器基于引用的方式将对象素材集合传递到外部编辑器。

s203：在所述真实环境下接收客户端发送的携带有页面配置信息的页面生成请求；

在本发明实施例中，由于模拟环境存在的不稳定状态，若在模拟环境中执行实例化处理的步骤，易出现页面配置信息丢失的情形。比如，模拟环境对应的模拟器配置有刷新模块，当模拟器中基于刷新模块触发跳转事件时，当前数据容易因为未保存而丢失。因此，基于在真实环境执行实例化处理的设置，也在真实环境下接收客户端发送的携带有页面配置信息的页面生成请求。

页面配置信息表征生成目标页面所对应的用户选择。页面配置信息可以包括用户选择的具体对象素材，以及用户对具体对象素材的属性编辑(比如为具体对象素材设置具体的数据、样式、事件和动画)，可参见图8-10。

此外，当该电子设备为智能手机、台式电脑、平板电脑、笔记本电脑、增强现实/虚拟现实设备、数字助理、智能可穿戴设备等类型的实体设备时，这里的客户端为运行于上述实体设备中的软体。

s204：在所述真实环境下，基于所述页面配置信息从所述对象素材集合中确定出至少一个目标对象素材以及对所述至少一个目标对象素材作实例化处理得到目标实例；

在本发明实施例中，若对象素材集合包括10个对象素材，基于页面配置信息确定其中5个对象素材为用户选择的，将该5个对象素材作为5个目标对象素材。根据页面配置信息中所指示的用户对该5个目标对象素材的属性编辑，对该5个目标对象素材作实例化处理以得到目标实例。

在一个具体的实施例中，本发明实施例提供的页面生成方法可以是基于第一类脚本语言开发框架，比如react框架(一种起源于facebook内部的javascript框架；facebook，脸书；javascript，一种具有函数优先的轻量级，解释型或即时编译型的编程语言)设置的。

1)当所述素材库为基于第一类脚本语言开发框架而构建的时，对于第一类脚本语言开发框架，如图3所示，可以利用下述步骤进行实例化处理：

s301：基于所述至少一个目标对象素材创建对应的虚拟对象；

s302：基于所述页面配置信息得到所述至少一个目标对象素材对应的目标事件；

s303：基于所述至少一个目标对象素材绑定所述对应的虚拟对象与所述对应的目标事件。

当有1个目标对象素材时，首先，基于这个目标对象素材创建对应的虚拟对象；然后，基于页面配置信息得到这个目标对象素材对应的目标事件；再者，绑定所述对应的虚拟对象与所述对应的目标事件以实现对这个目标对象素材的实例化处理。

当有至少2个目标对象素材时，首先，基于每个目标对象素材创建对应的虚拟对象，比如虚拟对象1(对应目标对象素材1)、虚拟对象4(对应目标对象素材4)；然后，基于页面配置信息得到每个目标对象素材对应的目标事件，比如目标事件1(对应目标对象素材1)、目标事件4(对应目标对象素材4)；再者，基于每个目标对象素材绑定它所对应的虚拟对象与目标事件，比如绑定虚拟对象1和目标事件1、绑定虚拟对象4和目标事件4，进而实现对每个目标对象素材的实例化处理。

2)当所述素材库为基于第二类脚本语言开发框架而构建的时，对于第二类脚本语言开发框架，比如vue框架(一种用于构建用户界面的渐进式javascript框架)、jquery框架(也称backbone框架，一个快速、简洁的javascript框架)，如图4所示，可以在进行实例化处理之前执行下述步骤：

s401：确定所述至少一个目标对象素材的目标数量；

s402：创建所述目标数量的占位节点以及为所述至少一个目标对象素材分配所述占位节点；

s403：利用第一类脚本语言开发框架的高阶函数模拟所述第二类脚本语言开发框架的对应函数；

引入占位节点以及react高阶组件，为第二类脚本语言开发框架下的目标对象素材进行包装，以使得后续的实例化处理步骤能够基于第一类脚本语言开发框架实现，提高本发明提供的页面生成方法的多前端技术栈兼容性。具体的，当有1个目标对象素材时，创建一个占位节点，以及为这个目标对象素材分配该占位节点；当有6个(至少2个)目标对象素材时，创建六个占位节点，以及为每个目标对象素材分配一个占位节点。其中，占位节点为真实节点，占位节点可以指向对应的内存。用来模拟所述第二类脚本语言开发框架的对应函数的第一类脚本语言开发框架的高阶函数可以是第一类脚本语言开发框架的生命周期函数。

这样可以利用所述对应函数对所述至少一个目标对象素材作实例化处理：基于所述至少一个目标对象素材创建对应的虚拟对象；基于所述页面配置信息得到所述至少一个目标对象素材对应的目标事件；基于所述至少一个目标对象素材在所述占位节点上绑定所述对应的虚拟对象与所述对应的目标事件。

当有1个目标对象素材时，首先，基于这个目标对象素材创建对应的虚拟对象；然后，基于页面配置信息得到这个目标对象素材对应的目标事件；再者，在对应的占位节点上绑定所述对应的虚拟对象与所述对应的目标事件以实现对这个目标对象素材的实例化处理。

当有至少2个目标对象素材时，首先，基于每个目标对象素材创建对应的虚拟对象，比如虚拟对象1(对应目标对象素材1)、虚拟对象4(对应目标对象素材4)；然后，基于页面配置信息得到每个目标对象素材对应的目标事件，比如目标事件1(对应目标对象素材1)、目标事件4(对应目标对象素材4)；再者，基于每个目标对象素材在它对应的占位节点上绑定它所对应的虚拟对象与目标事件，比如在占位节点1(对应目标对象素材1)上绑定虚拟对象1和目标事件1、在占位节点4(对应目标对象素材4)上绑定虚拟对象4和目标事件4，进而实现对每个目标对象素材的实例化处理。

在实际应用中，如图19所示，基于对各类型开发框架下执行“目标对象素材+页面配置信息——>目标页面”代码写法的研究，发现这些开发框架对应的代码写法之间存在一定的共通性。例如，这些代码写法对应的代码都可以是通过webpack(一种模块打包器)等构建工具打包成的浏览器可以执行的umd规范代码。这些代码写法都对应某个触发实例化处理的方法。这些代码写法通常都对应某个触发真实节点渲染的方法。这些代码写法都对应某个触发事件绑定的方法。其中，“组件内部数据+组件模板”对应某一目标对象素材。

在另一个具体的实施例中，所述页面配置信息包括执行逻辑参数，如图5所示，所述对所述至少一个目标对象素材作实例化处理，还包括：

s501：调用所述至少一个目标对象素材的配置文件的回调函数；

s502：将所述执行逻辑参数传入所述回调函数；

s503：基于参数传入后的回调函数对所述至少一个目标对象素材作实例化处理。

目标对象素材可以是指向业务素材库的，目标对象素材可以体现某一产品的业务特征；而执行逻辑参数可以指示某一目标对象素材自身或者两个目标对象素材之间的纯粹的执行逻辑和可通用的功能事件：a、执行逻辑参数可以指示某一可通用的功能事件，比如“广点通上报”事件、“微信分享”事件。可以将这些事件抽离成独立的单元(比如以“action”形式，可供不同产品复用)并设置对应的触发条件，进而得到执行逻辑参数；b、执行逻辑参数可以指示目标对象素材在结构层面的隶属关系(比如“嵌套”)以及执行顺序(比如“联动”)。其中，“联动”可以通过publisher(发布)、subscriber(订阅)的方式实现。用户可以为组件a设置“联动”事件，并且指定“被联动”的组件b，并且指向“联动”事件的触发条件。相应的，组件a的执行逻辑参数包括“联动”事件、“被联动”的组件b以及触发条件。这样在组件上层实现了广播能力，“联动”事件基于触发条件有组件a传递至组件b。当然，“被联动”的组件b也可以自行监听“联动”事件，并触发组件内部行为。这样将业务特征聚合于业务素材库(可参见图14)，可以提高对不同产品的业务素材库的业务自定义能力。将执行逻辑作深度抽象且提供面向用户的配置环境，可以方便接入不同产品的业务素材库，可以在一定程度上降低进行页面开发的难度。

配置(config)文件可以采用js(javascript)schema(xmlschema，指出如何形式描述xml文档的元素；xml，可扩展标记语言)形式。这样配置文件本身不再仅仅是一个静态配置文件，而是动态的、可以执行的代码。这样可以使得页面配置更具动态，更具动态的页面配置可以提高实例化处理过程中对相关目标对象素材的能力扩展。

在实际应用中，该电子设备部署的真实环境可以指向一个编辑器，该电子设备部署的模拟环境可以指向该编辑器内部的模拟器。编辑器对目标对象素材作实例化处理的时候，可以调用配置文件的回调函数(callback)并传入必要参数(对应执行逻辑参数)，进而基于参数传入后的回调函数对目标对象素材作实例化处理。

s205：将所述目标实例挂载至所述模拟环境中的节点；

在本发明实施例中，由于对象素材集合绑定的是模拟环境对应的作用域，而目标实例是在真实环境对应的作用域下得到的。若在真实环境下对目标实例作渲染处理，即使渲染成功，也易因后续操作引发显示错乱的情形。因此，将将目标实例挂载至模拟环境中的节点，以此较迂回的方式来解决素材执行context(上下文)容易紊乱的问题，同时保证了页面编辑的高性能。

在实际应用中，如图15所示，该电子设备部署的真实环境可以指向一个编辑器(外部编辑器)，该电子设备部署的模拟环境可以指向该编辑器内部的模拟器。可以由外部编辑器基于react框架的相关功能将目标实例注入模拟器中。比如，外部编辑器通过createportal(一种挂载函数)将目标实例挂载至模拟器的节点。

s206：在所述模拟环境下对所述节点进行渲染得到目标页面。

在本发明实施例中，当电子设备为智能手机、台式电脑、平板电脑、笔记本电脑、增强现实/虚拟现实设备、数字助理、智能可穿戴设备等类型的实体设备，客户端为运行于上述实体设备中的软体时，渲染得到的目标页面可以通过图形设备接口显示在实体设备的屏幕上或是其他显示部件上。当电子设备为服务器，客户端为与该服务器相对的实体设备或者运行于该实体设备中的软体时，渲染得到的目标页面可以通过图形设备接口显示在实体设备的屏幕上或是其他显示部件上。

当然，渲染得到的目标图形也可以通过硬件驱动程序直接与显示部件通信，进而进行显示。

由以上本说明书实施例提供的技术方案可见，本说明书实施例提供了一个能够提供页面生成服务的通用电子设备。该电子设备基于对象素材集合和接收到的来自客户端的页面配置信息实现目标页面的生成，这样可以提高页面生成的效率，可以减少页面搭建中因对人工的过多依赖和限制、降低人工成本，可以为用户提高更好的页面编辑体验。该电子设备部署有真实环境和模拟环境，在页面生成过程中以较迂回的路径在两运行环境间作对象素材集合和页面配置信息的传递工作，能够提高页面生成的稳定性以及减少页面生成过程中出现数据丢失的情况。同时，渲染得到目标页面的用时更短，渲染反馈更实时。

本发明实施例还提供了一种页面生成装置，如图20所示，应用于部署有真实环境和模拟环境的电子设备，所述真实环境和所述模拟环境对应不同的作用域，所述装置包括：

素材库加载模块2010：用于在所述模拟环境下加载素材库得到对象素材集合；

对象素材集合传递模块2020：用于将所述对象素材集合由所述模拟环境传递至所述真实环境；

页面生成请求接收模块2030：用于在所述真实环境下接收客户端发送的携带有页面配置信息的页面生成请求；

实例化处理模块2040：用于在所述真实环境下，基于所述页面配置信息从所述对象素材集合中确定出至少一个目标对象素材以及对所述至少一个目标对象素材作实例化处理得到目标实例；

实例挂载模块2050：用于将所述目标实例挂载至所述模拟环境中的节点；

渲染模块2060：用于在所述模拟环境下对所述节点进行渲染得到目标页面。

需要说明的，所述装置实施例中的装置与方法实施例基于同样的发明构思。

本发明实施例还提供了一种页面生成系统，页面生成系统提供的用户交互界面可以接收用户输入的页面生成请求，由对应的电子设备基于页面生成请求执行上述实施例所提供的页面生成方法。

如图13所示，在架构层面，将素材库剥离到单独的基础层，以独立的gitrepo(一种库管理形式)方式维护。接入的业务素材库可以指向多个业务对象(产品)，相应的，每个业务对象(产品)的业务素材库可以基于素材开发者工具以最低的成本作本地开发，可参见图16。这样可以实现素材库的轻量接入，提升素材开发效率，降低素材开发成本。

用户(比如运营人员)可以在用户交互界面创建活动，可以使用业务素材库与基础素材库进行页面的编辑。基础素材库囊括有常见的本文、富文本、图片、视频等组件。这样即使某产品的业务素材库尚未开发，用户也可以基于基础素材库搭建出高质量的页面。呈现于用户交互界面中的编辑器具有强大的编辑功能，用户可以使用组件编辑、样式编辑、定位切换等常见的基本能力，也可以方便的使用全局插件、事件触发、嵌套组件、组件联动、热区编辑等高级功能。

可参见图6-12所示：

1)创建一个全新活动：1.用户点击图6中搜索框右侧的“+”按钮触发全新活动的创建；2.填写活动相关信息。

2)活动编辑：1.用户可以点击基于图8左下方所示，进行对应点击以添加组件、插件；2.对于选中组件，用户可以基于图8-10右侧所示，编辑组件样式；3.对于选中组件，用户可以基于图10右侧所示，为组件添加事件；4.如图11所示，页面编辑完成后，可以点击预览按钮，这样运营人员可以快速的在手机上进行真实页面预览。

3)活动发布：当确认页面的功能逻辑等无误后，可以选择下载页面资源，也可以点击发布按钮、直接发布页面到外网。由于页面开发过程中为页面生成系统为页面自动集成了数据上报、异常上报等脚本，这样运营人员也可以方便的监控页面的发布进度、对应的获得数据表现等。

本发明实施例提供了一种电子设备，该电子设备包括处理器和存储器，该存储器中存储有至少一条指令或至少一段程序，该至少一条指令或该至少一段程序由该处理器加载并执行以实现如上述方法实施例所提供的页面生成方法。

进一步地，图21示出了一种用于实现本发明实施例所提供的页面生成方法的电子设备的硬件结构示意图，所述电子设备可以参与构成或包含本发明实施例所提供的页面生成装置。如图21所示，电子设备210可以包括一个或多个(图中采用2102a、2102b，……，2102n来示出)处理器2102(处理器2102可以包括但不限于微处理器mcu或可编程逻辑器件fpga等的处理装置)、用于存储数据的存储器2104、以及用于通信功能的传输装置2106。除此以外，还可以包括：显示器、输入/输出接口(i/o接口)、通用串行总线(usb)端口(可以作为i/o接口的端口中的一个端口被包括)、网络接口、电源和/或相机。本领域普通技术人员可以理解，图21所示的结构仅为示意，其并不对上述电子装置的结构造成限定。例如，电子设备210还可包括比图21中所示更多或者更少的组件，或者具有与图21所示不同的配置。

应当注意到的是上述一个或多个处理器2102和/或其他数据处理电路在本文中通常可以被称为“数据处理电路”。该数据处理电路可以全部或部分的体现为软件、硬件、固件或其他任意组合。此外，数据处理电路可为单个独立的处理模块，或全部或部分的结合到电子设备210(或移动设备)中的其他元件中的任意一个内。如本申请实施例中所涉及到的，该数据处理电路作为一种处理器控制(例如与接口连接的可变电阻终端路径的选择)。

存储器2104可用于存储应用软件的软件程序以及模块，如本发明实施例中所述的方法对应的程序指令/数据存储装置，处理器2102通过运行存储在存储器214内的软件程序以及模块，从而执行各种功能应用以及数据处理，即实现上述的一种页面生成方法。存储器2104可包括高速随机存储器，还可包括非易失性存储器，如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。在一些实例中，存储器2104可进一步包括相对于处理器2102远程设置的存储器，这些远程存储器可以通过网络连接至电子设备210。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。

传输装置2106用于经由一个网络接收或者发送数据。上述的网络具体实例可包括电子设备210的通信供应商提供的无线网络。在一个实例中，传输装置2106包括一个网络适配器(networkinterfacecontroller，nic)，其可通过基站与其他网络设备相连从而可与互联网进行通讯。在一个实施例中，传输装置2106可以为射频(radiofrequency，rf)模块，其用于通过无线方式与互联网进行通讯。

显示器可以例如触摸屏式的液晶显示器(lcd)，该液晶显示器可使得用户能够与电子设备210(或移动设备)的用户界面进行交互。

本发明的实施例还提供了一种存储介质，所述存储介质可设置于电子设备之中以保存用于实现方法实施例中一种页面生成方法相关的至少一条指令或至少一段程序，该至少一条指令或该至少一段程序由该处理器加载并执行以实现上述方法实施例提供的页面生成方法。

可选地，在本实施例中，上述存储介质可以位于计算机网络的多个网络服务器中的至少一个网络服务器。可选地，在本实施例中，上述存储介质可以包括但不限于：u盘、只读存储器(rom，read-onlymemory)、随机存取存储器(ram，randomaccessmemory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。

需要说明的是：上述本发明实施例先后顺序仅仅为了描述，不代表实施例的优劣。且上述对本说明书特定实施例进行了描述。其它实施例在所附权利要求书的范围内。在一些情况下，在权利要求书中记载的动作或步骤可以按照不同于实施例中的顺序来执行并且仍然可以实现期望的结果。另外，在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序才能实现期望的结果。在某些实施方式中，多任务处理和并行处理也是可以的或者可能是有利的。

本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于装置和电子设备实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。

以上所述仅为本发明的较佳实施例，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。