CN107609156B - 一种页面搭建的方法及装置 - Google Patents

Abstract

本发明实施例提供了一种页面搭建的方法及装置，该方法包括：获取用于搭建页面的元数据，将所述元数据以预定数据格式存储至存储介质中，并根据预定静态数据的组装方式，将所述元数据组装为静态数据；将所述静态数据单独存储至数据库中，并通过分布式事务对所述数据库中存储的所述静态数据的数据操作进行管理；接收动态接口发送的动态数据，并根据预定渲染数据块的组装方式，将所述静态数据和接收到的所述动态数据组装成渲染数据块；根据已获取到的所述用户设备的类型确定相应的渲染方式，将组装成的渲染数据块渲染成与所述渲染方式相匹配的渲染数据块。通过本发明，实现了页面数据读写的自动化创建，大幅地提高了服务器端内页面打开速度。

Description

一种页面搭建的方法及装置

技术领域

本发明涉及互联网技术领域，尤其涉及一种页面搭建的方法及装置。

背景技术

随着移动互联网技术的高速发展，无论是高新信息企业还是传统制造行业都依赖丰富的网络运营页面进行品牌营销以及市场推广，而在个人生活中，电子邀请函、电子海报、互联网相册充斥着现代社会的每个角落。在各种运营活动中网络运营的市场占有率在不断提升，这种利用互联网优势将企业品牌或个人信息推广给网络用户的营销方式，一方面提升了运营活动的节奏，节省成本；另一方面可以利用实时、详尽的数据分析，确定触达、转化效果，及时优化策略，避免了不必要的资源浪费。但同时，有限的互联网专业技术开发人力资源与无限的推广页面制作需求的矛盾始终存在，要解决上述问题，低门槛、用户友好的自动化页面搭建系统是互联网营销发展的必然结果。

当前的自动化页面搭建系统聚焦于降低用户使用门槛，致力于保证无技术背景的运营人员制作页面。系统会提供一些既定的素材给用户，用户也可以自己上传素材。用户通过设置、拖拽制作出一个简单的HTML5后，添加音乐、视频以及动画效果等功能，就像制作一个PPT一样制作出一个页面，同时分配给用户一个标准的URL地址，使其能够在微博、微信等各个渠道进行推广。

在实现本发明过程中，发明人发现现有技术中至少存在如下问题：一方面，以素材为单位进行页面搭建，标准化程度低，并且与推广平台结合程度差；由于用户缺乏技术背景，上传的资源也良莠不齐，造成页面性能普遍偏差，页面打开首屏时间长，造成用户流失，损害投放效果；另一方面，传统的自动化页面搭建系统是基于页面元素进行设置与调整，非专业人员使用起来比较复杂，在页面像素对齐、效果设置、整站配色统一上都给用户带来了较高的门槛，同时，只能搭建展示、效果类数据等从服务器读取数据的页面，对服务器读写数据支持差，最重要的是与投放渠道联系不紧密，在客户端内投放时，HTML5的页面性能远远低于Native页面，在页面首包、首屏打开等功能上劣势明显，降低了用户到达率，损失运营投放效果；基于大数据调研可知，移动端页面加载超过5秒会有74％的用户离开页面。

因此，从根本上提升服务器端内页面性能的自动化页面搭建工具是亟待解决的技术难题。

发明内容

本发明实施例提供一种页面搭建的方法及装置，实现了从根本上提升服务器端内页面性能的自动化页面搭建工具。

一方面，本发明实施例提供了一种页面搭建的方法，包括：

获取用于搭建页面的元数据，将所述元数据以预定数据格式存储至存储介质中，并根据预定静态数据的组装方式，将所述元数据组装为静态数据；

将所述静态数据单独存储至数据库中，并通过分布式事务对所述数据库中存储的所述静态数据的数据操作进行管理；

接收动态接口发送的动态数据，并根据预定渲染数据块的组装方式，将所述静态数据和接收到的所述动态数据组装成渲染数据块；

获取用户设备的类型，根据已获取到的所述用户设备的类型确定相应的渲染方式，将组装成的渲染数据块渲染成与所述渲染方式相匹配的渲染数据块，以完成对展示页面的搭建。

另一方面，本发明实施例提供了一种页面搭建的装置，包括：

页面生成管理模块，用于获取用于搭建页面的元数据，将所述元数据以预定数据格式存储至存储介质中，并根据预定静态数据的组装方式，将所述元数据组装为静态数据；

页面数据存储模块，用于将所述静态数据单独存储至数据库中，并通过分布式事务对所述数据库中存储的所述静态数据的数据操作进行管理；

页面渲染模块，用于接收动态接口发送的动态数据，并根据预定渲染数据块的组装方式，将所述静态数据和接收到的所述动态数据组装成渲染数据块；

页面渲染模块，还用于获取用户设备的类型，根据已获取到的所述用户设备的类型确定相应的渲染方式，将组装成的渲染数据块渲染成与所述渲染方式相匹配的渲染数据块，以完成对展示页面的搭建。

上述技术方案具有如下有益效果：在传统的HTML5页面搭建工具基础上，引入了投放渠道自定义标准的套件模式，同时兼顾了普通用户自主创建的自由度与渠道运营页用户界面的标准化；在保证页面展示效果最优的前提下，实现了页面数据读写的自动化创建，丰富了页面内容；同时，结合原生态应用Native页面环境，页面自动切换原生Native渲染模式，大幅地提高了服务器端内页面打开的速度，保障了用户的转化；进一步地，在同等的流量资源下，极大地提升了用户到达率，有效地提升了广告投放的效果。

附图说明

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

图1为本发明一个实施例中一种页面搭建的方法流程图；

图2为本发明另一实施例中一种页面搭建的装置结构示意图；

图3为本发明一优选实施例中页面生成管理模块的数据处理流程示意图；

图4为本发明一优选实施例中页面数据存储模块的数据处理流程示意图；

图5为本发明一优选实施例中页面渲染模块的数据处理流程示意图。

具体实施方式

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

如图1所示，为本发明实施例中一种页面搭建的方法，包括：

101、获取用于搭建页面的元数据，将所述元数据以预定数据格式存储至存储介质中，并根据预定静态数据的组装方式，将所述元数据组装为静态数据；

102、将所述静态数据单独存储至数据库中，并通过分布式事务对所述数据库中存储的所述静态数据的数据操作进行管理；

103、接收动态接口发送的动态数据，并根据预定渲染数据块的组装方式，将所述静态数据和接收到的所述动态数据组装成渲染数据块；

104、获取用户设备的类型，根据已获取到的所述用户设备的类型确定相应的渲染方式，将组装成的渲染数据块渲染块成与所述渲染方式相匹配的渲染数据块，以完成对展示页面的搭建。

优选地，所述获取用于搭建页面的元数据，包括：

通过预定的元数据获取方式获取用于搭建页面的元数据；

其中，所述预定的元数据获取方式包括组件堆叠获取方式、动态接口获取方式和用户自定义数据获取方式；

其中，所述将所述元数据以预定数据格式存储至存储介质中，包括：

根据所述预定数据格式对获取到的元数据进行数据校验；

将校验后符合所述预定数据格式的元数据存储至存储介质中。

优选地，所述预定数据格式包括对象标记JSON数据；

其中，所述根据所述预定数据格式对获取到的元数据进行数据校验，将校验后符合所述预定数据格式的元数据存储至存储介质中，包括：

递归校验获取到的元数据数据格式中的键和值的数据类型是否满足JSON数据的数据类型；

将校验后符合JSON数据的数据类型的元数据单独存储至存储介质中。

优选地，所述通过分布式事务对所述数据库中存储的所述静态数据的数据操作进行管理，包括：

当检测到用户提交所述数据库中的静态数据的操作失败时，对所述静态数据执行数据回滚操作。

可选地，还包括：

接收用户发送的预览请求，根据所述预览请求搭建由静态数据组成的预览页面。

可选地，所述将组装成的渲染数据块渲染成与所述渲染方式相匹配的渲染数据块之前，还包括：

计算所述展示页面中所述渲染数据块的数量，当所述渲染数据块的数量超过预定阈值时，切换所述展示页面的页面加载模式为部分分页异步加载；

监控动态接口发送动态数据的响应时间，当所述响应时间超过预定时长时，在所述展示页面中放弃加载所述动态数据对应的页面内容；

其中，所述渲染方式包括针对原生态应用Native页面的渲染方式和针对超级文本标记语言第五版HTML5页面的渲染方式。

如图2所示，为本发明另一实施例中一种页面搭建的装置，包括：

页面生成管理模块21，用于获取用于搭建页面的元数据，将所述元数据以预定数据格式存储至存储介质中，并根据预定静态数据的组装方式，将所述元数据组装为静态数据；

页面数据存储模块22，用于将所述静态数据单独存储至数据库中，并通过分布式事务对所述数据库中存储的所述静态数据的数据操作进行管理；

页面渲染模块23，用于接收动态接口发送的动态数据，并根据预定渲染数据块的组装方式，将所述静态数据和接收到的所述动态数据组装成渲染数据块；

页面渲染模块23，还用于获取用户设备的类型，根据已获取到的所述用户设备的类型确定相应的渲染方式，将组装成的渲染数据块渲染成与所述渲染方式相匹配的渲染数据块，以完成对展示页面的搭建。

优选地，所述页面生成管理模块，包括：

元数据获取子模块，用于通过预定的元数据获取方式获取用于搭建页面的元数据；

其中，所述预定的元数据获取方式包括组件堆叠获取方式、动态接口获取方式和用户自定义数据获取方式；

数据校验子模块，用于根据所述预定数据格式对获取到的元数据进行数据校验；

数据存储子模块，用于将校验后符合所述预定数据格式的元数据存储至存储介质中。

优选地，所述预定数据格式包括对象标记JSON数据；

其中，所述数据校验子模块，具体用于

递归校验获取到的元数据数据格式中的键和值的数据类型是否满足JSON数据的数据类型；

将校验后符合JSON数据的数据类型的元数据单独存储至存储介质中。

优选地，所述页面数据存储模块，包括：

数据回滚子模块，用于当检测到用户提交所述数据库中的静态数据的操作失败时，对所述静态数据执行数据回滚操作。

可选地，还包括：

预览模块，用于接收用户发送的预览请求，根据所述预览请求搭建由静态数据组成的预览页面。

可选地，页面渲染模块23，还用于将组装成的渲染数据块渲染成与所述渲染方式相匹配的渲染数据块之前，计算所述展示页面中所述渲染数据块的数量，当所述渲染数据块的数量超过预定阈值时，切换所述展示页面的页面加载模式为部分分页异步加载；

监控动态接口发送动态数据的响应时间，当所述响应时间超过预定时长时，在所述展示页面中放弃加载所述动态数据对应的页面内容；

其中，所述渲染方式包括针对原生态应用Native页面的渲染方式和针对超级文本标记语言第五版HTML5页面的渲染方式。

本发明实施例上述技术方案具有如下有益效果：在传统的HTML5页面搭建工具基础上，引入了投放渠道自定义标准的套件模式，同时兼顾了普通用户自主创建的自由度与渠道运营页用户界面的标准化；在保证页面展示效果最优的前提下，实现了页面数据读写的自动化创建，丰富了页面内容；同时，结合原生态应用Native页面环境，页面自动切换原生Native渲染模式，大幅地提高了服务器端内页面打开的速度，保障了用户的转化；进一步地，在同等的流量资源下，极大地提升了用户到达率，有效地提升了广告投放的效果。

以下结合应用实例对本发明实施例上述技术方案进行详细说明：

本发明应用实例旨在实现从根本上提升服务器端内页面性能的自动化页面搭建工具。

在一优选实施例中，例如，在页面搭建平台A中，包括页面生成管理模块、页面数据存储模块和页面渲染模块；其中，页面生成管理模块通过预定的元数据获取方式，如组件堆叠获取方式和动态接口获取方式，获取用于搭建页面的元数据，并将获取到的元数据以预定数据格式，如JSON数据的数据格式，存储至存储介质中，如持久化的硬盘存储介质，随后，根据页面搭建平台A中自定义标准的预定静态数据的组装方式，将获取到的元数据组装为静态数据，并通过页面生成管理模块将组装后的静态数据发送至页面数据存储模块，页面生成管理模块的数据处理流程如图3所示。

具体地，在页面生成管理模块中，包括以下数据处理过程：

1)设计、构建多端适配的可扩展元数据，其中，多端包括渲染端和前端；

例如，在页面搭建平台A中，以JSON数据的形式将获取到的元数据保存到持久化存储介质中；并为用户提供以对元数据，如widget(微件)元数据进行增、删、改、查等读写操作的存储管理。在存储介质中单独存储各个widget数据结构的元数据，使得保证在元数据更新过程中可能产生的脏数据不会污染已存储的widget元数据；同时，在存储介质中同一widget元数据的渲染端数据和前端数据也分别存储，保证渲染端和前端数据解耦。

2)根据所述预定数据格式对获取到的元数据进行数据校验；

例如，在页面搭建平台A中，为保证页面生成的灵活性，提供组件堆叠和第三方动态接口两种数据获取方式。为保证组装后的静态数据符合页面搭建平台A中元数据的标准，对获取到的生成页面的元数据存储至存储介质前进行数据校验，如预定数据格式为JSON数据时，通过递归校验获取到的元数据的必要key(值)的值以及value(值)的值的数据类型是否满足JSON数据的数据类型，若满足，将校验后符合JSON数据的数据类型的元数据单独存储至存储介质中。

3)根据所述预定静态数据的组装方式，将所述元数据组装为静态数据。

例如，在页面搭建平台A中，将经过校验后的元数据，根据页面搭建平台A中预定静态数据的组装方式，将元数据组装为，如页面中消息分享、消息显示、消息评论等功能的静态数据；并将组装后的静态数据序列化之后调用页面数据存储提供的RPC(RemoteProcedure Call Protocol，远程过程调用协议)接口，将组装并序列化后的静态数据发送至页面数据存储模块。

通过页面生成管理模块实现了可视化生成页面的渲染数据块，利用数据驱动渲染机制，组件化生成渲染端、前端数据接口，将生成的单页面JSON数据的元数据进行拼接和校验，通过以统一接口的方式实现了与页面数据存储模块进行数据交互。

在一优选实施例中，例如，在页面搭建平台A中，包括页面生成管理模块、页面数据存储模块和页面渲染模块；其中，页面数据存储模块，数据处理如图4所示，包括以下数据处理过程：

1)将所述静态数据单独存储至数据库中；

例如，在页面搭建平台A中，页面数据存储模块接收页面生成管理模块发送的静态数据，并将接收到的静态数据单独存储至数据库中。其中，页面数据存储模块中对静态数据的数据保存包括前端定时轮询被动提交的静态数据与用户主动提交的静态数据，单页面结构化的静态数据序列化后，在数据库中单条存储，并将数据操作记录至操作记录表。

2)接收用户发送的预览请求，根据所述预览请求搭建由静态数据组成的所述预览页面；

例如，在页面搭建平台A中，支持创建的页面在上线前的端内预览，通过路由分发，根据页面的URL(Uniform Resource Locator，统一资源定位符)地址区分预览页与正式上线页，根据操作记录表中记录的数据实现预览页面，并将针对上线功能的数据操作记录至线上记录表及版本记录表，并存储至数据库，如Redis数据库。通过本实施例，实现了在用户无感知的情况下自动识别预览页与正式上线页的页面类型，对页面进行相应的加载。

3)通过分布式事务对所述数据库中存储的所述静态数据的数据操作进行管理；

例如，在页面搭建平台A中，通过分布式事务对所述数据库中存储的静态数据的数据操作进行管理，如使用标准的2PC(Two Phase Commitment Protocol，两阶段提交协议)方式实现分布式事务，对数据库，如Redis数据库，操作类实现数据提交相关接口，如precommit(数据预提交)、rollback(数据回滚)、commit(数据提交)的接口，并保证接口的幂等性。需要说明的是，事务，在计算机术语中是指访问并可能更新数据库中各种数据项的一个程序执行单元，本发明的实施例中，通过分布式的事务对数据库中存储的静态数据的数据操作进行管理。

4)当检测到用户提交所述数据库中的静态数据的操作失败时，根据版本记录表中记录的数据对所述静态数据执行数据回滚操作，并将回滚操作的相关操作数据记录至线上记录表。

例如，在页面搭建平台A中，在事务提交时，首先监听者发起事务请求，precommit锁死相关资源，当资源可用时，同时commit，若commit失败，如Redis作为Mysql的缓存服务器使用情况下，往Redis数据库中写入元数据的操作，则Mysql进行rollback，保证数据库中存储的元数据的强一致性，同时通过使用页面渲染依赖高吞吐、低时延的Redis组件，来提升前端页面的性能。

通过本实施例，利用事务，保证线上记录表与版本记录表强一致，支持回滚到已上线过的任意版本，降低用户数据更新风险的同时，提供更高的自由度。

在一优选实施例中，在页面搭建平台A中，包括页面生成管理模块、页面数据存储模块和页面渲染模块；其中，页面渲染模块，数据处理如图5所示，包括以下数据处理过程：

1)接收动态接口发送的动态数据，并根据预定渲染数据块的组装方式，将所述静态数据和接收到的所述动态数据组装成渲染数据块；

例如，在页面搭建平台A中，根据页面搭建平台A中预定渲染数据块的组装方式，将Redis数据库中存储的单条页面结构的静态数据和第三方动态接口发送的动态数据拼装成渲染端和前端均适配的渲染数据块，如widget数据。

2)计算所述展示页面中所述渲染数据块的数量，当所述渲染数据块的数量超过预定阈值时，切换所述展示页面的页面加载模式为部分分页异步加载；

监控动态接口发送动态数据的响应时间，当所述响应时间超过预定时长时，在所述展示页面中放弃加载所述动态数据对应的页面内容，以保证页面高可用；

其中，所述渲染方式包括针对原生态应用Native页面的渲染方式和针对超级文本标记语言第五版HTML5页面的渲染方式。

例如，在页面搭建平台A中，同时对页面渲染数据块的数量进行计算，当渲染数据块的数量超过预定阈值，如8个时，确定展示页面加载方式为异步加载；并监控接收动态接口发送动态数据的响应时间，当所述响应时间超过预定时长时，如5秒，在展示页面中放弃加载动态数据对应的页面内容。

通过本实施例，极大地提升了首屏渲染性能，同时，保证了第三方动态接口出现异常情况时，不影响整个页面的显示，极大地保证了页面高可用。

3)获取用户设备的类型，根据已获取到的所述用户设备的类型确定相应的渲染方式，将组装成的渲染数据块渲染成与所述渲染方式相匹配的渲染数据块，以完成对展示页面的搭建。

例如，在页面搭建平台A中，开发widget套件包，封装Native页面和HTML5页面的数据结构，并对外提供统一接口。通过判断访问用户设备的类型，确定页面的渲染方式，将渲染数据块，如widget数据，渲染成与渲染方式相匹配的渲染数据块，以完成对展示页面的搭建。

本发明实施例提供了一种页面搭建的装置，可以实现上述提供的方法实施例，具体功能实现请参见方法实施例中的说明，在此不再赘述。

应该明白，公开的过程中的步骤的特定顺序或层次是示例性方法的实例。基于设计偏好，应该理解，过程中的步骤的特定顺序或层次可以在不脱离本公开的保护范围的情况下得到重新安排。所附的方法权利要求以示例性的顺序给出了各种步骤的要素，并且不是要限于所述的特定顺序或层次。

在上述的详细描述中，各种特征一起组合在单个的实施方案中，以简化本公开。不应该将这种公开方法解释为反映了这样的意图，即，所要求保护的主题的实施方案需要比清楚地在每个权利要求中所陈述的特征更多的特征。相反，如所附的权利要求书所反映的那样，本发明处于比所公开的单个实施方案的全部特征少的状态。因此，所附的权利要求书特此清楚地被并入详细描述中，其中每项权利要求独自作为本发明单独的优选实施方案。

为使本领域内的任何技术人员能够实现或者使用本发明，上面对所公开实施例进行了描述。对于本领域技术人员来说；这些实施例的各种修改方式都是显而易见的，并且本文定义的一般原理也可以在不脱离本公开的精神和保护范围的基础上适用于其它实施例。因此，本公开并不限于本文给出的实施例，而是与本申请公开的原理和新颖性特征的最广范围相一致。

上文的描述包括一个或多个实施例的举例。当然，为了描述上述实施例而描述部件或方法的所有可能的结合是不可能的，但是本领域普通技术人员应该认识到，各个实施例可以做进一步的组合和排列。因此，本文中描述的实施例旨在涵盖落入所附权利要求书的保护范围内的所有这样的改变、修改和变型。此外，就说明书或权利要求书中使用的术语“包含”，该词的涵盖方式类似于术语“包括”，就如同“包括，”在权利要求中用作衔接词所解释的那样。此外，使用在权利要求书的说明书中的任何一个术语“或者”是要表示“非排它性的或者”。

本领域技术人员还可以了解到本发明实施例列出的各种说明性逻辑块(illustrative logical block)，单元，和步骤可以通过电子硬件、电脑软件，或两者的结合进行实现。为清楚展示硬件和软件的可替换性(interchangeability)，上述的各种说明性部件(illustrative components)，单元和步骤已经通用地描述了它们的功能。这样的功能是通过硬件还是软件来实现取决于特定的应用和整个系统的设计要求。本领域技术人员可以对于每种特定的应用，可以使用各种方法实现所述的功能，但这种实现不应被理解为超出本发明实施例保护的范围。

本发明实施例中所描述的各种说明性的逻辑块，或单元都可以通过通用处理器，数字信号处理器，专用集成电路(ASIC)，现场可编程门阵列或其它可编程逻辑装置，离散门或晶体管逻辑，离散硬件部件，或上述任何组合的设计来实现或操作所描述的功能。通用处理器可以为微处理器，可选地，该通用处理器也可以为任何传统的处理器、控制器、微控制器或状态机。处理器也可以通过计算装置的组合来实现，例如数字信号处理器和微处理器，多个微处理器，一个或多个微处理器联合一个数字信号处理器核，或任何其它类似的配置来实现。

本发明实施例中所描述的方法或算法的步骤可以直接嵌入硬件、处理器执行的软件模块、或者这两者的结合。软件模块可以存储于RAM存储器、闪存、ROM存储器、EPROM存储器、EEPROM存储器、寄存器、硬盘、可移动磁盘、CD-ROM或本领域中其它任意形式的存储媒介中。示例性地，存储媒介可以与处理器连接，以使得处理器可以从存储媒介中读取信息，并可以向存储媒介存写信息。可选地，存储媒介还可以集成到处理器中。处理器和存储媒介可以设置于ASIC中，ASIC可以设置于用户终端中。可选地，处理器和存储媒介也可以设置于用户终端中的不同的部件中。

在一个或多个示例性的设计中，本发明实施例所描述的上述功能可以在硬件、软件、固件或这三者的任意组合来实现。如果在软件中实现，这些功能可以存储与电脑可读的媒介上，或以一个或多个指令或代码形式传输于电脑可读的媒介上。电脑可读媒介包括电脑存储媒介和便于使得让电脑程序从一个地方转移到其它地方的通信媒介。存储媒介可以是任何通用或特殊电脑可以接入访问的可用媒体。例如，这样的电脑可读媒体可以包括但不限于RAM、ROM、EEPROM、CD-ROM或其它光盘存储、磁盘存储或其它磁性存储装置，或其它任何可以用于承载或存储以指令或数据结构和其它可被通用或特殊电脑、或通用或特殊处理器读取形式的程序代码的媒介。此外，任何连接都可以被适当地定义为电脑可读媒介，例如，如果软件是从一个网站站点、服务器或其它远程资源通过一个同轴电缆、光纤电缆、双绞线、数字用户线(DSL)或以例如红外、无线和微波等无线方式传输的也被包含在所定义的电脑可读媒介中。所述的碟片(disk)和磁盘(disc)包括压缩磁盘、镭射盘、光盘、DVD、软盘和蓝光光盘，磁盘通常以磁性复制数据，而碟片通常以激光进行光学复制数据。上述的组合也可以包含在电脑可读媒介中。

以上所述的具体实施方式，对本发明的目的、技术方案和有益效果进行了进一步详细说明，所应理解的是，以上所述仅为本发明的具体实施方式而已，并不用于限定本发明的保护范围，凡在本发明的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (10)

1.一种页面搭建的方法，其特征在于，包括：

获取用于搭建页面的元数据，将所述元数据以预定数据格式存储至存储介质中，并根据预定静态数据的组装方式，将所述元数据组装为静态数据；

将所述静态数据单独存储至数据库中，并通过分布式事务对所述数据库中存储的所述静态数据的数据操作进行管理；

接收动态接口发送的动态数据，并根据预定渲染数据块的组装方式，将所述静态数据和接收到的所述动态数据组装成渲染数据块；

获取用户设备的类型，根据已获取到的所述用户设备的类型确定相应的渲染方式，将组装成的渲染数据块渲染成与所述渲染方式相匹配的渲染数据块，以完成对展示页面的搭建；

所述将所述元数据以预定数据格式存储至存储介质中，包括：

根据所述预定数据格式对获取到的元数据进行数据校验；

将校验后符合所述预定数据格式的元数据存储至存储介质中；

所述预定数据格式包括对象标记JSON数据；

其中，所述根据预定数据格式对获取到的元数据进行数据校验，将校验后符合所述预定数据格式的元数据存储至存储介质中，包括：

递归校验获取到的元数据数据格式中的键和值的数据类型是否满足JSON数据的数据类型；

将校验后符合JSON数据的数据类型的元数据单独存储至存储介质中。

2.根据权利要求1所述的方法，其特征在于，所述获取用于搭建页面的元数据，包括：

通过预定的元数据获取方式获取用于搭建页面的元数据；

其中，所述预定的元数据获取方式包括组件堆叠获取方式、动态接口获取方式和用户自定义数据获取方式。

3.根据权利要求1所述的方法，其特征在于，所述通过分布式事务对所述数据库中存储的所述静态数据的数据操作进行管理，包括：

当检测到用户提交所述数据库中的静态数据的操作失败时，对所述静态数据执行数据回滚操作。

4.根据权利要求1所述的方法，其特征在于，还包括：

接收用户发送的预览请求，根据所述预览请求搭建由静态数据组成的预览页面。

5.根据权利要求1所述的方法，其特征在于，所述将组装成的渲染数据块渲染成与所述渲染方式相匹配的渲染数据块之前，还包括：

计算所述展示页面中渲染数据块的数量，当所述渲染数据块的数量超过预定阈值时，切换所述展示页面的页面加载模式为部分分页异步加载；

监控动态接口发送动态数据的响应时间，当所述响应时间超过预定时长时，在所述展示页面中放弃加载所述动态数据对应的页面内容；

其中，所述渲染方式包括针对原生态应用Native页面的渲染方式和针对超级文本标记语言第五版HTML5页面的渲染方式。

6.一种页面搭建的装置，其特征在于，包括：

页面生成管理模块，用于获取用于搭建页面的元数据，将所述元数据以预定数据格式存储至存储介质中，并根据预定静态数据的组装方式，将所述元数据组装为静态数据；

页面数据存储模块，用于将所述静态数据单独存储至数据库中，并通过分布式事务对所述数据库中存储的所述静态数据的数据操作进行管理；

页面渲染模块，用于接收动态接口发送的动态数据，并根据预定渲染数据块的组装方式，将所述静态数据和接收到的所述动态数据组装成渲染数据块；

页面渲染模块，还用于获取用户设备的类型，根据已获取到的所述用户设备的类型确定相应的渲染方式，将组装成的渲染数据块渲染成与所述渲染方式相匹配的渲染数据块，以完成对展示页面的搭建；

所述页面生成管理模块，包括：

数据校验子模块，用于根据所述预定数据格式对获取到的元数据进行数据校验；

数据存储子模块，用于将校验后符合所述预定数据格式的元数据存储至存储介质中；

所述预定数据格式包括对象标记JSON数据；

其中，所述数据校验子模块，具体用于

递归校验获取到的元数据数据格式中的键和值的数据类型是否满足JSON数据的数据类型；

将校验后符合JSON数据的数据类型的元数据单独存储至存储介质中。

7.根据权利要求6所述的装置，其特征在于，所述页面生成管理模块，还包括：

元数据获取子模块，用于通过预定的元数据获取方式获取用于搭建页面的元数据；

其中，所述预定的元数据获取方式包括组件堆叠获取方式、动态接口获取方式和用户自定义数据获取方式。

8.根据权利要求6所述的装置，其特征在于，所述页面数据存储模块，包括：

数据回滚子模块，用于当检测到用户提交所述数据库中的静态数据的操作失败时，对所述静态数据执行数据回滚操作。

9.根据权利要求6所述的装置，其特征在于，还包括：

预览模块，用于接收用户发送的预览请求，根据所述预览请求搭建由静态数据组成的预览页面。

10.根据权利要求6所述的装置，其特征在于，所述页面渲染模块，

还用于将组装成的渲染数据块渲染成与所述渲染方式相匹配的渲染数据块之前，计算所述展示页面中所述渲染数据块的数量，当所述渲染数据块的数量超过预定阈值时，切换所述展示页面的页面加载模式为部分分页异步加载；

监控动态接口发送动态数据的响应时间，当所述响应时间超过预定时长时，在所述展示页面中放弃加载所述动态数据对应的页面内容；

其中，所述渲染方式包括针对原生态应用Native页面的渲染方式和针对超级文本标记语言第五版HTML5页面的渲染方式。

Images