[发明专利]页面构建方法及装置、计算设备、计算机可读存储介质

说明书

一种页面构建方法及装置、计算设备、计算机可读存储介质，所述页面构建方法包括：获取选择的所有元素以及第一页面配置信息；调取各元素的HTML文件，所述HTML文件记录有元素的样式配置信息、文档对象模型配置信息以及交互逻辑配置脚本；根据所述各元素的HTML文件以及所述第一页面配置信息，渲染得到页面；其中，所述第一页面配置信息包括：各元素在所述页面中的布局信息。上述方案，能够提供一种新型的页面构建方式。

技术领域

本发明实施例涉及页面构建领域，尤其涉及一种页面构建方法及装置、计算设备、计算机可读存储介质。

背景技术

在一些应用场景中，通常需要在一个页面中显示多个视图，也即页面多视图。目前通常采用如下方式进行页面构建：

方式一、通过网页嵌套iframe内联框架多页面视图方式。具体而言，iframe规定一个内联框架，一个内联框架被用来在当前HTML文档中嵌入另一个完整的符合w3c规范的文档对象模型(Document Object Model，简称DOM)，从而渲染出页面内容。也即在同一个页面中加入多个iframe标签并且引用不同超文本标记语言(Hyper Text Markup Language，HTML)文档方式实现页面多视图效果。

方式二、通过视图引擎方式实现。视图引擎是一种允许向网页中嵌入基于服务器的代码的标记语法，当网页被写入浏览器时，基于服务器的代码能够创建动态页面内容或者渲染HTML页面片段实现视图的展示。

然而，上述方式一，需要基于iframe构建页面多视图，还须载入完整的HTML页面路径，此外，内联框架过多会增加服务器的http请求，以及引起在移动端应用支持效果很差、html5不受支持等问题。而方式二，服务器端视图引擎需要结合后端高级编程语言才能实现，且无法单页面运行、测试、发布。

发明内容

本发明实施例的目标是提供一种新型的页面构建方式。

为解决上述技术问题，本发明实施例提供一种页面构建方法，包括：获取选择的所有元素以及第一页面配置信息；调取各元素的HTML文件，所述HTML文件记录有元素的样式配置信息、文档对象模型配置信息以及交互逻辑配置脚本；根据所述各元素的HTML文件以及所述第一页面配置信息，渲染得到页面；其中，所述第一页面配置信息包括：各元素在所述页面中的布局信息。

可选的，所述根据所述各元素的HTML文件以及所述第一页面配置信息，渲染得到页面，包括：根据所述各元素的HTML文件，得到所述各元素的待呈现内容；根据所述各元素在所述页面中的布局信息，将各元素的待呈现内容分别呈现在页面对应的位置处，并渲染得到所述页面。

可选的，所述第一页面配置信息还包括：所述元素的可视化权限信息，所述根据所述各元素在所述页面中的位置信息，将各元素的待呈现内容分别呈现在页面对应的位置处，包括：根据所述元素的可视化权限信息，获取待呈现内容可呈现的元素；根据所各元素在所述页面中的位置信息，将待呈现内容可呈现的元素的待呈现内容分别呈现在页面对应的位置处；其中，所述元素的可视化权限信息用于表征元素的待呈现内容是否可呈现。

可选的，所述页面构建方法还包括：在渲染得到页面之后，创建所述页面对应的调用模块，并将所述页面添加至页面库。

可选的，所述页面构建方法还包括：获取选择的所有调用模块以及第二页面配置信息；从所述页面库中分别调取各调用模块对应的页面；根据调取的所述各调用模块对应的页面以及所述第二页面配置信息，构建目标页面，其中，所述目标页面由一个或多个所述页面组成；其中，所述第二页面配置信息包括：各调用模块对应的页面在所述目标页面中的布局信息。