[发明专利]页面构建方法、装置、设备和存储介质

说明书

本公开提供了一种页面构建方法、装置、设备和存储介质，属于互联网技术领域。包括：分别对获取到的页面模板组件和页面功能组件得到第一页面模板文件和页面功能文件；将第一页面模板文件与直出页面服务器内联；根据页面功能文件和内联后的第一页面模板文件，生成第二页面模板文件；根据第一页面模板文件和第二页面模板文件，生成直出页面模板文件；向直出页面服务器发送直出页面模板文件，直出页面服务器接收页面获取请求，生成直出页面文件，向第二终端返回直出页面文件，由第二终端根据直出页面文件渲染直出页面。通过分别对该待构建页面模板中的源文件的不同组件进行编译，提高了代码的复用率，提高了页面的构建效率。

技术领域

本公开涉及互联网技术领域，特别涉及一种页面构建方法、装置、设备和存储介质。

背景技术

终端中常见的浏览器页面有直出页面和静态页面，直出页面因为可以通过一次请求拉取显示页面的首屏内容，大大缩短了首屏内容的显示时间，可以给用户带来更好的用户体验，使其更受开发人员青睐，逐渐替代了静态页面。通常开发人员基于react库(一种前端构建框架，包括多种构建组件和插件库)构建直出页面。但是，react库的文件体积较大，当基于react库为移动终端构建直出页面时，会导致移动终端的页面加载速度降低。

为了解决react库存在的问题，preact库应运而生。preact库是一款react库的轻量化方案，preact库中的文件体积相对react库大大减小。相关技术中，基于preact库构建直出页面时常使用preact-render-to-string库，将获取的页面组件全部进行编译，生成HTML(HyperText Markup Language，超文本标记语言)文件，当终端需要显示直出页面时，根据该HTML文件，在终端的浏览器中渲染该HTML文件，得到直出页面。

上述相关技术中，通过preact库构建已有的静态页面对应的直出页面时，需要开发人员根据页面重新编写直出页面的代码组件，导致静态页面对应的代码组件复用率低，页面构建的效率低。

发明内容

本公开实施例提供了一种页面构建方法、装置、设备和存储介质。用于解决复杂机器学习模型的可信度低，导致机器学习模型的使用范围较窄的问题。

所述技术方案如下：

一方面，提供了一种页面构建方法，所述方法应用于第一终端，所述方法包括：

获取待构建页面模板对应的页面模板组件，以及，获取与直出页面服务器对应的页面功能组件；

对所述页面模板组件进行编译，生成第一页面模板文件；

将所述第一页面模板文件与直出页面服务器内联；

对所述页面功能组件进行编译，得到所述待构建页面模板对应的页面功能文件；

根据所述页面功能文件和与所述直出页面服务器内联的所述第一页面模板文件，生成第二页面模板文件；

根据所述第一页面模板文件和所述第二页面模板文件，生成直出页面模板文件；

向所述直出页面服务器发送所述直出页面模板文件，所述直出页面服务器用于当接收到第二终端发送的页面获取请求时，将所述页面获取请求对应的页面数据加载到所述直出页面模板文件中，生成直出页面文件，向所述第二终端返回所述直出页面文件，由所述第二终端根据所述直出页面文件渲染直出页面。

在一种可能的实现方式中，所述对所述页面模板组件进行编译，生成第一页面模板文件，包括：

从所述页面模板组件中获取超文本标记语言HTML文件；

对所述HTML文件进行编译，生成所述第一页面模板文件。

在另一种可能的实现方式中，所述对所述页面模板组件进行编译，生成第一页面模板文件之后，所述方法还包括：