CN109739604B - 页面渲染方法、装置、服务器及存储介质 - Google Patents

Abstract

本发明公开了页面渲染方法、装置、服务器及存储介质，该方法包括：监听应用软件的页面调用请求；确定所述应用软件对应的目标SPA，并获取对应所述页面调用请求的组件数据信息，其中，所述目标SPA预先根据设定的SPA配置规则配置；将所述组件数据信息渲染到所述目标SPA中，形成对应所述页面调用请求的超文本链接标记语言页面。利用该方法，能够获取到预先经过SPA配置规则配置的与当前页面渲染相关的SPA，基于所获取SPA进行页面渲染时，能够降低所使用SPA出现错误的发生概率，从而降低应用软件线上运行中的维护风险及维护成本，同时也达到提升页面渲染效率的目的。

Description

页面渲染方法、装置、服务器及存储介质

技术领域

本发明涉及计算机应用技术领域，尤其涉及页面渲染方法、装置、服务器 及存储介质。

背景技术

单页网页应用(Single Page web Application，SPA)，就是一个应用程序只 存在一张网页页面的应用，仅在应用程序初始化页面时加载相应的组件数据， 一旦页面首次加载完成，之后在用户与应用程序交互时仅利用路由机制动态更 新该页面，应用程序开发中采用SPA能够很好避免页面的重新加载。一般地， 当存在页面调用时，往往考虑在客户端渲染(Client-Side Render，CSR)SPA形 成可展示页面，但是该种渲染不利于搜索引擎优化。

目前，为解决搜索引擎优化，用户与开发形成的应用程序进行交互生成页 面调用请求时，考虑通过服务端渲染(Server-Side Render，SSR)的方式渲染 SPA形成对应所生成页面请求的可展示超文本链接标记语言(Hypertext Markup Language,HTML)页面。现有的实现SPA的SSR方式可描述为：其需要对每 个应用程序在其项目开发中为对应的SPA编写代码，以通过所编写代码将对应 SPA的组件和路由引入唯一的SSR服务入口，然后当接收到应用程序的页面调 用请求时，需要根据预先编写的代码确定该应用程序在SSR服务入口文件中对 应的SPA，之后再利用该SPA的路由配置信息确定该页面调用请求对应的组件 数据，最终将确定的SPA和组件数据一起渲染形成可展示的HTML页面。

然而，现有方式的缺陷在于：由于不同应用软件开发所涉及SPA的相关信 息都需要编写在唯一SSR服务入口文件中，且写入时不同项目采用的编程方式 可能不同，因此，当SSR服务入口文件中的SPA数量较多或逻辑复杂时，就增 大了编程失误的出现概率，由此大大提升了应用软件维护的风险，也提高了应 用软件的维护成本和研发成本。

发明内容

本发明实施例提供了页面渲染方法、装置、服务器及存储介质，解决了服 务器渲染维护风险高及成本投入高的问题。

第一方面，本发明实施例提供了一种页面渲染方法，包括：

监听应用软件的页面调用请求；

确定所述应用软件对应的目标SPA，并获取对应所述页面调用请求的组件 数据信息，其中，所述目标SPA预先根据设定的SPA配置规则配置；

将所述组件数据信息渲染到所述目标SPA中，形成对应所述页面调用请求 的超文本链接标记语言页面。

进一步地，该方法还包括：

根据设定的SPA配置规则配置所开发各应用程序关联的SPA；

相应的，所述根据设定的SPA配置规则配置所开发各应用程序关联的SPA， 包括：

在设定的存储路径下存放各所述SPA的代码文件夹，其中，各所述代码文 件夹中包含用于页面展示的全部组件数据信息；

以设定形式命名各所述SPA对应的页面入口文件和路由配置文件；

其中，所述页面入口文件作为SPA与所关联应用软件的关联标识文件，所 述路由配置文件用于确定所关联应用软件中各页面调用请求对应的组件数据信 息，所述路由配置文件中的代码结构满足预设的统一设计格式。

进一步地，该方法还包括：

基于配置后的SPA生成页面渲染所需的服务入口文件。

在上述优化的基础上，所述基于配置后的SPA生成页面渲染所需的服务入 口文件，包括：基于配置后SPA的页面入口文件及关联的应用软件添加到预先 构建的SPA列表中；将所述SPA列表及各所述SPA的路由配置文件作为渲染 参数信息引入唯一服务入口，编译生成服务入口文件。

进一步地，确定所述应用软件对应的目标SPA，并获取对应所述页面调用 请求的组件数据信息，包括：获取所述服务入口文件中的渲染参数信息；查找 所述渲染参数信息中的SPA列表与所述应用软件关联的页面入口文件，根据所 述页面入口文件确定目标SPA；解析所述页面调用请求中的统一资源定位符 URL，获取所述URL中的页面名称；查找所述渲染参数信息中对应所述目标 SPA的路由配置文件，从设定存储路径下获取所述页面名称对应的组件数据信 息。

进一步地，该方法在形成对应所述页面调用请求的超文本链接标记语言页 面后，还包括：发送页面渲染完成声明及所述超文本链接标记语言页面至所述 应用软件的客户端，以使所述客户端基于所述超文本链接标记语言页面进行页 面显示。

第二方面，本发明实施例提供了一种页面渲染装置，包括：

请求监听模块，用于监听应用软件的页面调用请求；

目标信息确定模块，用于确定所述应用软件对应的目标SPA，并获取对应 所述页面调用请求的组件数据信息，其中，所述目标SPA预先根据设定的SPA 配置规则配置；

页面生成模块，用于将所述组件数据信息渲染到所述目标SPA中，形成对 应所述页面调用请求的超文本链接标记语言页面。

第三方面，本发明实施例提供了一种服务器，包括：

一个或多个处理器；

存储装置，用于存储一个或多个程序；

所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个 处理器实现本发明实施例提供的页面渲染方法。

第四方面，本发明实施例提供了一种计算机可读存储介质，其上存储有计 算机程序，该程序被处理器执行时实现本发明实施例提供的页面渲染方法。

本发明实施例提供的一种页面渲染方法、装置、服务器及存储介质，该页 面渲染方法首先监听应用软件的页面调用请求；然后确定应用软件对应的目标 SPA，并获取对应页面调用请求的组件数据信息，其中，目标SPA预先根据设 定的SPA配置规则配置；最终将组件数据信息渲染到所述目标SPA中，形成对 应所述页面调用请求的超文本链接标记语言页面。上述技术方案，与现有页面 渲染方式相比，能够获取到预先经过SPA配置规则配置的与当前页面渲染相关 的SPA，基于所获取SPA进行页面渲染时，能够降低所使用SPA出现错误的发 生概率，从而降低应用软件线上运行中的维护风险及维护成本，同时也达到提 升页面渲染效率的目的。

附图说明

图1a为本发明实施例一提供的一种页面渲染方法的流程示意图；

图2a为本发明实施例二提供的一种页面渲染方法的流程示意图；

图2b给出了作为本实施例执行主体的服务器进行页面渲染虚拟架构布局 的架构示意图；

图3为本发明实施例三提供的一种页面渲染装置的结构框图；

图4为本发明实施例四提供的一种服务器的硬件结构图。

具体实施方式

下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是，此 处所描述的具体实施例仅仅用于解释本发明，而非对本发明的限定。另外还需 要说明的是，为了便于描述，附图中仅示出了与本发明相关的部分而非全部结 构。

实施例一

图1a为本发明实施例一提供的一种页面渲染方法的流程示意图，该方法适 用于对单页网页应用的页面进行服务器渲染的情况，该方法可以由页面渲染装 置执行，其中该装置可以由软件和/或硬件实现，并一般集成在应用软件对应的 后端服务器上。

如图1a所示，本发明实施例一提供的一种页面渲染方法，具体包括如下操 作：

需要说明的是，可以认为本发明实施例所提供页面渲染方法的执行主体为 服务器，其可认为该服务器为至少两个所开发应用软件的后端服务器，可以为 多个应用软件进行页面渲染，且可以理解的是，本实施例实现的页面渲染相当 于服务器渲染。

S101、监听应用软件的页面调用请求。

在本实施例中，所述应用软件具体可以是以本实施例所提供方法的执行主 体为后端服务器的任一软件，本步骤可以实时监听应用软件的客户端发送的页 面调用请求，并在监听到页面调用请求后执行下述操作。可以理解的是，所述 页面调用请求由用户在使用应用软件的客户端时触发产生。

S102、确定所述应用软件对应的目标SPA，并获取对应所述页面调用请求 的组件数据信息。

在本实施例中，所述目标SPA具体可理解为与应用软件关联的，用于支撑 所述应用软件形成可展示单页网页的页面框架，其中，所述目标SPA预先根据 设定的SPA配置规则配置，可以理解的是，对目标SPA的配置可以在所述应用 软件的开发阶段进行，且具体可在作为本实施例的执行主体上实现。

本实施例对基于SPA配置规则对SPA进行配置核心主要体现在对目标SPA 进行代码编程时的代码结构的格式进行规划化配置，对确定不同页面调用请求 所对应组件数据信息时采用的路由配置文件的命名进行规范化配置，对标识应 用程序与目标SPA关联性的页面入口文件的命名进行规范化配置，对目标SPA 的代码编程后所形成代码文件夹的存放路径进行规范化配置。

具体地，本步骤可以通过上述监听确定应用软件进行页面展示时对应的页 面入口文件文件，从而可以根据页面入口文件文件结合预先进行SPA配置后的 配置结果参数确定出与该应用软件关联的目标SPA；此外，本步骤还可结合配 置结果参数中有关目标SPA的路由配置信息，查找定位出对于该页面调用请求 的组件数据信息。

S103、将所述组件数据信息渲染到所述目标SPA中，形成对应所述页面调 用请求的超文本链接标记语言页面。

可以理解的是，所述目标SPA作为所述应用软件实现页面展示的页面框架， 在获得作为页面框架的目标SPA后，本步骤可以将页面调用请求对应的组件数 据信息顺序添加到该目标SPA中，由此实现组件数据信息到目标SPA的渲染， 且可将实现了组件数据信息到SPA渲染后形成的页面记为超文本链接标记语言 页面，且由于渲染至目标SPA中的组件数据信息与页面调用请求对应，因此， 可将渲染形成的超文本链接标记语言页面看作所述页面调用请求对应的可展示 页面。

本发明实施例一提供的一种页面渲染方法，首先监听应用软件的页面调用 请求；然后确定应用软件对应的目标SPA，并获取对应页面调用请求的组件数 据信息，其中，目标SPA预先根据设定的SPA配置规则配置；最终将组件数据 信息渲染到所述目标SPA中，形成对应所述页面调用请求的超文本链接标记语 言页面。上述技术方案，与现有页面渲染方式相比，能够获取到预先经过SPA 配置规则配置的与当前页面渲染相关的SPA，基于所获取SPA进行页面渲染时， 能够降低所使用SPA出现错误的发生概率，从而降低应用软件线上运行中的维 护风险及维护成本，同时也达到提升页面渲染效率的目的。

在上述实施例基础上，本实施例一提供的方法还优化增加了：发送页面渲 染完成声明及所述超文本链接标记语言页面至所述应用软件的客户端，以使所 述客户端基于所述超文本链接标记语言页面进行页面显示。

需要说明的是，对于一个基于SPA进行页面显示的应用软件而言，其对SPA 进行服务器渲染的同时，可存在重复进行客户端重复渲染的问题，由此使得同 一个应用软件的SPA在服务器渲染和客户端渲染下存在两套类似的数据请求逻 辑，进而造成开发形成的应用软件中存在大量的重复代码，该问题同样增大应 用软件的维护成本和研发成本。

具体地，本实施例一的可选实施例通过向应用软件的客户端发送页面渲染 完成声明，来避免应用软件客户端重复进行页面渲染，并通过向客户端发送超 文本链接标记语言页面来实现客户端的页面显示。由此更好的解决了上述因页 面重复渲染造成的代码重复率高以及维护成本和研发成本高的问题。

实施例二

图2a为本发明实施例二提供的一种页面渲染方法的流程示意图，本实施例 以上述实施例为基础进行优化，在本实施例中，具体增加了：根据设定的SPA 配置规则配置所开发各应用程序关联的SPA。同时，本实施例还优化增加了： 基于配置后的SPA生成页面渲染所需的服务入口文件。

此外，本实施例进一步将确定所述应用软件对应的目标SPA，并获取对应 所述页面调用请求的组件数据信息，具体化为：获取所述服务入口文件中的渲 染参数信息；查找所述渲染参数信息中的SPA列表与所述应用软件关联的页面 入口文件，根据所述页面入口文件确定目标SPA；解析所述页面调用请求中的 统一资源定位符URL，获取所述URL中的页面名称；查找所述渲染参数信息 中对应所述目标SPA的路由配置文件，从设定存储路径下获取所述页面名称对 应的组件数据信息。

如图2a所示，本发明实施例二提供的一种页面渲染方法，具体包括如下操 作：

S201、根据设定的SPA配置规则配置所开发各应用软件关联的SPA。

本步骤可以看作为一个预处理步骤，该步骤可在开发形成应用应软件后执 行，主要实现对所开发应用软件相关联SPA的规范化配置，具体地，该规范化 配置可体现在对SPA对应的编程代码的代码结构的格式设定，对确定应用软件 所对应各页面相关组件数据信息时采用的路由配置文件的命名设定，以及对标 识应用程序与SPA关联性的页面入口文件的命名设定和对SPA对应的代码文件 夹的存放路径设定。

可以理解的是，基于本步骤所配置SPA的数量与所开发采用SPA进行页面 显示的应用软件数量相关联，且本步骤具体可动态持续执行，且主要在本实施 例的执行主体上完成了一个或多个应用软件的开发后，就可基于本步骤实现相 应SPA的配置。

进一步地，所述根据设定的SPA配置规则配置所开发各应用程序关联的 SPA，包括：在设定的存储路径下存放各所述SPA的代码文件夹，其中，各所 述代码文件夹中包含用于页面展示的全部组件数据信息；以设定形式命名各所 述SPA对应的页面入口文件和路由配置文件；其中，所述页面入口文件作为SPA 与所关联应用软件的关联标识文件，所述路由配置文件用于确定所关联应用软 件中各页面调用请求对应的组件数据信息，所述路由配置文件中的代码结构满 足预设的统一设计格式。

具体地，可以将待配置SPA的代码文件夹都放置在统一设定的存储路径下， 所述代码文件夹中包含了SPA的构造函数，以及基于该SPA进行页面展示时各 页面所需的组件数据信息。此外，待配置SPA还包括有页面入口文件文件和路 由配置文件，根据上述配置规则，需要以设定命名方式对待配置SPA的页面入 口文件和路由配置文件进行命名。基于SPA的实现原理，可知所述路由配置文 件中包含了应用软件中定义的各页面名称与哈希值的映射，基于该哈希值可以 在设定存储路径下找到相应的组件数据信息，因此当应用软件基于SPA进行页 面展示时，需要采用对应SPA的路由配置文件来匹配当前页面调用请求对应的 组件数据信息，且所述路由配置文件同样基于编程代码，本步骤的配置规则中 还需要对构成路由配置文件代码结构以统一设计格式进行统一设定。

需要说明的是，现有对SPA进行SSR渲染的实现中，不同编程人员对不同 SPA所对应路由配置信息采用的编写格式可能存在不同，且对路由配置信息的 命名也各有差异，可以看出现有实现方式中缺少对各SPA所包含路由配置信息 的统一管理，从而造成路由配置信息的混乱化，进而也增大了研发人员后期对 应用软件的维护难度和维护成本，本实施例通过对各SPA所包含路由配置文件 的规范化配置，更好的实现了路由配置文件的统一化管理，从而有效降低了后 期的维护难度和维护成本。

S202、基于配置后的SPA生成页面渲染所需的服务入口文件。

在本实施例中，所述服务入口文件具体可理解为本实施例实现页面渲染所 需的入口文件，该入口文件中包含了页面渲染所需的基于配置后SPA形成的渲 染参数信息，具体可与唯一服务入口对应。一般地，当有应用软件开发完成后， 其对应的SPA也会基于上述S201进行规范化配置，本步骤可将配置后SPA对 应的代码文件及路由配置文件等导入至唯一服务入口并编译，从而生成页面渲 染所需的包含了渲染参数信息的服务入口文件，可以理解的是，本步骤同样为 动态执行，只要监测到存在新配置后SPA的相关信息导入唯一服务入口，就可 执行本步骤重新编译生成相应的服务入口文件。

进一步地，所述基于配置后的SPA生成页面渲染所需的服务入口文件，包 括：基于配置后SPA的页面入口文件及关联的应用软件添加到预先构建的SPA 列表中；将所述SPA列表及各所述SPA的路由配置文件作为渲染参数信息引入 唯一服务入口，编译生成服务入口文件。

在本实施例中，所述SPA列表具体可理解为包含了所开发应用软件与SPA (已进行规范化配置)页面入口文件映射关系的映射表，基于该SPA列表，可 以确定各应用软件关联的SPA，可以理解的是，该SPA列表同样可以动态更新， 只要完成了新应用软件的开发，就可以将该应用软件的软件名或软件标识号及 所关联SPA的页面入口文件和文件名对应添加至该SPA列表；如果SPA列表 动态更新，则需要将更新后的SPA列表再次引入唯一服务入口。

此外，基于上述规范化配置，也相应实现了对SPA所包括路由配置文件的 代码规范化编写和统一格式命名，本步骤可以将代码规范化编写和统一格式命 名的各路由配置文件也引入唯一服务入口对应的入口文件中，本实施例可以引 入的SPA列表和路由配置文件看作渲染参数信息，并在完成渲染参数信息引入 后对进行编译从而生成服务入口文件。

S203、监听应用软件的页面调用请求，并获取所述服务入口文件中的渲染 参数信息。

可以理解的是，上述S201和S202相当于实现页面渲染所需的预处理步骤， 上述两步骤相当于可独立执行的步骤，一般可在进行新应用软件开发时或开发 完成后执行上述步骤。

本步骤及其之后步骤相当于页面渲染的处理步骤，基于本步骤可对应用软 件的客户端发送的页面调用请求进行监听，为实现页面调用请求所对应页面的 渲染，本步骤还可以从编译生成的服务入口文件中获取渲染参数信息，其中渲 染参数信息包括了SPA列表和各SPA所对应路由配置文件的相关信息，且监听 到应用软件的页面调用请求后就可执行下述操作。

S204、查找所述渲染参数信息中的SPA列表与所述应用软件关联的页面入 口文件，根据所述页面入口文件确定目标SPA。

示例性地，上述步骤监听应用软件的页面调用请求后，相当于获取了所述 应用软件的软件名或软件标识号，本步骤通过可以查找渲染参数信息中的SPA 列表，从SPA列表中确定与上述软件名或软件标识号相匹配的目标软件名或目 标软件标识号，由此从SPA列表中获得上述目标软件名或目标软件标识号对应 的页面入口文件的文件名，从而根据文件名确定与所述应用软件关联的页面入 口文件，确定所述页面入口文件后，就可确定该页面入口文件标识的SPA，本 步骤可将其标识的SPA作为以上述应用软件关联的目标SPA。

S205、解析所述页面调用请求中的URL，获取所述URL中的页面名称。

可以理解的是，所述页面调用请求可认为基于一个HTTP请求报文获得， 由此可获取到HTTP请求报文中的URL，URL中可以包含待请求页面的页面名 称，本步骤可以获取该页面名称。

S206、查找所述渲染参数信息中对应所述目标SPA的路由配置文件，从设 定存储路径下获取所述页面名称对应的组件数据信息。

在本实施例中，所述渲染参数信息中还包括了目标SPA对应的路由配置文 件，基于上述S202中对路由配置文件的描述，可知路由配置文件中包含了页面 名称与哈希值的映射，该哈希值实际对应了与页面名称所关联组件数据信息的 存放地址，本步骤通过在路由配置文件中查找S205中获取的页面名称，获得该 页面名称对应的哈希值，之后可基于该哈希值从设定存储路径下获取所述页面 名称对应的组件数据信息，其中，所述设定存储路径可理解为对目标SPA进行 规范化配置时，设定的用于存储目标SPA代码文件夹的存储路径。可以知道的 是，目标SPA相关的代码信息均包含在目标SPA代码文件夹，因此，页面渲染所需的组件数据信息也包含在该目标SPA代码文件夹中。

S207、将所述组件数据信息渲染到所述目标SPA中，形成对应所述页面调 用请求的超文本链接标记语言页面。

在本实施例中，所述目标SPA具体可看作包含了所监听页面展示所需公共 组件数据和样式的页面框架，本步骤可将上述S206获取的对应页面调用请求的 组件数据信息并入到所述目标SPA中，最终渲染形成对应页面调用请求的超文 本链接标记语言页面。

S208、发送页面渲染完成声明及所述超文本链接标记语言页面至所述应用 软件的客户端，以使所述客户端基于接收的超文本链接标记语言页面进行页面 显示。

示例性地，本实施例基于上述步骤完成页面调用请求所对应页面的渲染操 作后，可以通过本步骤向应用软件的客户端发送页面渲染完成声明，由此避免 应用软件的客户端根据该页面调用请求重复进行页面渲染，从而解决了现有客 户端和服务端重复进行页面渲染的问题。此外，本步骤还将渲染形成的超文本 链接标记语言页面发送至应用软件的客户端，应用软件的客户端可以根据接收 的超文本链接标记语言页面进行页面显示。

为更好理解本实施例所提供页面渲染的实现，本实施例对作为执行主体的 服务器以架构图形式进行从SPA配置到执行页面渲染的示例性描述。示例性地， 本实施例可以在作为执行主体的服务器上虚拟性的布局页面渲染的实现架构， 图2b给出了作为本实施例执行主体的服务器进行页面渲染虚拟架构布局的架 构示意图。如图2b所示，该页面渲染虚拟架构可以包括3层，分别为SPA配 置层21，服务入口编译层22以及页面渲染基础层23。

具体地，在SPA配置层21上，主要实现了与所开发应用软件相关联SPA 的规范化配置，且在SPA配置层21包括多个可配置的SPA，每个SPA对应一 个所开发的应用程序，其对每个SPA的规范化配置包括了：SPA所对应代码文 件夹存储路径的统一配置、SPA所对应页面入口文件和路由配置文件命名格式 的统一配置、以及对路由配置文件中包括的各代码结构的设计格式进行统一配 置。该SPA配置层可向服务入口编译层22提供配置后SPA的相关信息(所关 联应用软件的软件名或软件标号、页面入口文件及其文件名、路由配置文件及其文件名等)。

具体地，在服务入口编译层22上，可以根据各配置后SPA的相关信息形 成SPA列表，并可将SPA列表及其各SPA对应的路由配置文件引入唯一服务 入口，之后可对引入的信息进行编译形成服务入口文件，该服务入口文件中包 含了页面渲染所需的渲染参数信息，服务入口编译层22可将该渲染参数信息传 递给页面渲染基础层23。

接上述示例，在页面渲染基础层23上，其可将实现页面渲染需要执行的步 骤设计成虚拟管理器形式，由此，页面渲染基础层23可以包括路由匹配管理器、 数据获取管理器、渲染管理器和注入管理器。具体地，页面渲染基础层23可以 启动一个节点服务来监听应用软件客户端发送的页面调用请求，监听到页面调 用请求后，首先通过渲染参数信息中的SPA列表确定该页面调用请求的应用程 序关联的目标SPA，之后就可通过路由匹配管理器调用渲染参数信息中该目标SPA的路由配置文件，以获取页面调用请求所对应组件数据信息的存储地址； 然后就可通过数据获取管理器从确定的存储地址中获取页面调用请求的组件数 据信息；渲染管理器则可将该组件数据信息渲染到确定的目标SPA中形成页面 调用请求的超文本链接标记语言页面；最终，就可通过注入管理器将渲染形成 的超文本链接标记语言页面发送给应用软件的客户端，并向客户端发送页面渲 染完成声明，以避免客户端重复进行页面调用请求所对应页面的渲染操作。

本发明实施例二提供的一种页面渲染方法，具体给出了基于SPA配置规则 对应用软件的SPA进行规范化配置的实现过程，还给出了将配置后形成的SPA 列表和路由配置文件引入唯一服务入口进行编译生成页面渲染所需渲染参数信 息的过程，同时具体化了监听到页面调用请求后，基于上述预处理获得的渲染 参数信息进行页面渲染的操作。利用该方法，通过预先对应用软件所关联SPA 的规范化配置，降低了页面渲染时所使用SPA出现错误的发生概率，同时，通 过对SPA中路由配置文件的统一规范化配置，也更好的实现了路由配置文件的 统一化管理，从而有效降低了应用软件后期的维护难度和维护成本，此外，通过页面渲染后对客户端发送页面渲染声明，还更好的避免了应用软件客户端重 复进行页面渲染的问题，同样降低了应用软件后期的维护难度和维护成本。

实施例三

图3为本发明实施例三提供的一种页面渲染装置的结构框图，该装置适用 于对单页网页应用的页面进行服务器渲染的情况，该装置可以由软件和/或硬件 实现，并一般集成在应用软件对应的后端服务器上。如图3所示，该装置包括： 请求监听模块31、目标信息确定模块32以及页面生成模块33。

其中，请求监听模块31，用于监听应用软件的页面调用请求；

目标信息确定模块32，用于确定所述应用软件对应的目标单页网页应用 SPA，并获取对应所述页面调用请求的组件数据信息，其中，所述目标SPA预 先根据设定的SPA配置规则配置；

页面生成模块33，用于将所述组件数据信息渲染到所述目标SPA中，形成 对应所述页面调用请求的超文本链接标记语言页面。

在本实施例中，该装置首先通过请求监听模块31监听应用软件的页面调用 请求，然后通过目标信息确定模块32确定应用软件对应的目标SPA，并获取对 应所述页面调用请求的组件数据信息，最终通过页面生成模块33将所述组件数 据信息渲染到该目标SPA中，形成对应所述页面调用请求的超文本链接标记语 言页面。

本发明实施例提供的页面渲染装置，与现有页面渲染装置相比，能够获取 到预先经过SPA配置规则配置的与当前页面渲染相关的SPA，基于所获取SPA 进行页面渲染时，能够降低所使用SPA出现错误的发生概率，从而降低应用软 件线上运行中的维护风险及维护成本，同时也达到提升页面渲染效率的目的。

进一步地，该装置还包括：

信息配置模块，用于根据设定的SPA配置规则配置所开发各应用程序关联 的SPA；

相应的，所述信息配置模块，具体用于：

在设定的存储路径下存放各所述SPA的代码文件夹，其中，各所述代码文 件夹中包含用于页面展示的全部组件数据信息；

以设定形式命名各所述SPA对应的页面入口文件和路由配置文件；

其中，所述页面入口文件作为SPA与所关联应用软件的关联标识文件，所 述路由配置文件用于确定所关联应用软件中各页面调用请求对应的组件数据信 息，所述路由配置文件中的代码结构满足预设的统一设计格式。

进一步地，该装置还包括：

文件生成模块，用于基于配置后的SPA生成页面渲染所需的服务入口文件。

进一步地，文件生成模块，具体用于：基于配置后SPA的页面入口文件及 关联的应用软件添加到预先构建的SPA列表中；将所述SPA列表及各所述SPA 的路由配置文件作为渲染参数信息引入唯一服务入口，编译生成服务入口文件。

进一步地，所述目标信息确定模块，具体用于：

获取所述服务入口文件中的渲染参数信息；查找所述渲染参数信息中的 SPA列表与所述应用软件关联的页面入口文件，根据所述页面入口文件确定目 标SPA；解析所述页面调用请求中的统一资源定位符URL，获取所述URL中 的页面名称；查找所述渲染参数信息中对应所述目标SPA的路由配置文件，从 设定存储路径下获取所述页面名称对应的组件数据信息。

进一步地，该装置还包括：

页面声明模块，用于在形成对应所述页面调用请求的超文本链接标记语言 页面后，发送页面渲染完成声明及所述超文本链接标记语言页面至所述应用软 件的客户端，以使所述客户端基于所述超文本链接标记语言页面进行页面显示。

实施例四

图4为本发明实施例四提供的一种服务器的硬件结构图，具体地，该服务 器包括：处理器和存储装置。存储装置中存储有至少一条指令，且指令由所述 处理器执行，使得所述服务器执行如上述方法实施例所述的页面展示方法。

参照图4，该服务器具体可以包括：处理器40、存储装置41、显示屏42、 输入装置43、输出装置44以及通信装置45。该服务器中处理器40的数量可以 是一个或者多个，图4中以一个处理器40为例。该服务器中存储装置41的数 量可以是一个或者多个，图4中以一个存储装置41为例。该服务器的处理器 40、存储装置41、显示屏42、输入装置43、输出装置44以及通信装置45可 以通过总线或者其他方式连接，图4中以通过总线连接为例。

存储装置41作为一种计算机可读存储介质，可用于存储软件程序、计算机 可执行程序以及模块，如本发明实施例对应的程序指令/模块(例如，上述实施 例所提供页面渲染装置中的请求监听模块31、目标信息确定模块32以及页面 生成模块33等)。存储装置41可主要包括存储程序区和存储数据区，其中， 存储程序区可存储操作装置、至少一个功能所需的应用程序；存储数据区可存 储根据服务器的使用所创建的数据等。此外，存储装置41可以包括高速随机存 取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器 件、或其他非易失性固态存储器件。在一些实例中，存储装置41可进一步包括相对于处理器40远程设置的存储器，这些远程存储器可以通过网络连接至服务 器。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网 及其组合。

一般而言，显示屏42用于根据处理器40的指示显示数据，还用于接收作 用于显示屏42的触摸操作，并将相应的信号发送至处理器40或其他装置。可 选的，当显示屏42为红外屏时，其还包括红外触摸框，该红外触摸框设置在显 示屏42的四周，其还可以用于接收红外信号，并将该红外信号发送至处理器40或者其他服务器。

通信装置45，用于与其他服务器建立通信连接，其可以是有线通信装置和 /或无线通信装置。

输入装置43可用于接收输入的数字或者字符信息，以及产生与服务器的用 户设置以及功能控制有关的键信号输入，还可以是用于获取图像的摄像头以及 获取视频数据中音频的拾音服务器。输出装置44可以包括显示屏等视频服务器 以及扬声器等音频服务器。需要说明的是，输入装置43和输出装置44的具体 组成可以根据实际情况设定。

处理器40通过运行存储在存储装置41中的软件程序、指令以及模块，从 而执行服务器的各种功能应用以及数据处理，即实现上述的页面展示方法。

具体的，实施例中，处理器40执行存储装置41中存储的一个或多个程序 时，具体实现如下操作：监听应用软件的页面调用请求；确定所述应用软件对 应的目标单页网页应用SPA，并获取对应所述页面调用请求的组件数据信息， 其中，所述目标SPA预先根据设定的SPA配置规则配置；将所述组件数据信息 渲染到所述目标SPA中，形成对应所述页面调用请求的超文本链接标记语言页 面。

本发明实施例还提供一种计算机可读存储介质，所述存储介质中的程序由 服务器的处理器执行时，使得服务器能够执行如上述实施例所述的页面展示方 法。示例性的，上述实施例所述的页面展示方法包括：监听应用软件的页面调 用请求；确定所述应用软件对应的目标单页网页应用SPA，并获取对应所述页 面调用请求的组件数据信息，其中，所述目标SPA预先根据设定的SPA配置规 则配置；将所述组件数据信息渲染到所述目标SPA中，形成对应所述页面调用 请求的超文本链接标记语言页面。

需要说明的是，对于装置、服务器、存储介质实施例而言，由于其与方法 实施例基本相似，所以描述的比较简单，相关之处参见方法实施例的部分说明 即可。

通过以上关于实施方式的描述，所属领域的技术人员可以清楚地了解到， 本发明可借助软件及必需的通用硬件来实现，当然也可以通过硬件实现，但很 多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上 或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机 软件产品可以存储在计算机可读存储介质中，如计算机的软盘、只读存储器 (Read-Only Memory,ROM)、随机存取存储器(RandomAccess Memory, RAM)、闪存(FLASH)、硬盘或光盘等，包括若干指令用以使得一台服务器(可以是机器人，个人计算机，服务器，或者网络设备等)执行本发明任意实 施例所述的页面展示方法。

值得注意的是，上述页面渲染装置中，所包括的各个单元和模块只是按照 功能逻辑进行划分的，但并不局限于上述的划分，只要能够实现相应的功能即 可；另外，各功能单元的具体名称也只是为了便于相互区分，并不用于限制本 发明的保护范围。

应当理解，本发明的各部分可以用硬件、软件、固件或它们的组合来实现。 在上述实施方式中，多个步骤或方法可以用存储在存储器中且由合适的指令执 行装置执行的软件或固件来实现。例如，如果用硬件来实现，和在另一实施方 式中一样，可用本领域公知的下列技术中的任一项或他们的组合来实现：具有 用于对数据信号实现逻辑功能的逻辑门电路的离散逻辑电路，具有合适的组合 逻辑门电路的专用集成电路，可编程门阵列(PGA)，现场可编程门阵列(FPGA) 等。

在本说明书的描述中，参考术语“一个实施例”、“一些实施例”、“示例”、“具 体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结 构、材料或者特点包含于本发明的至少一个实施例或示例中。在本说明书中， 对上述术语的示意性表述不一定指的是相同的实施例或示例。而且，描述的具 体特征、结构、材料或者特点可以在任何的一个或多个实施例或示例中以合适 的方式结合。

注意，上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员 会理解，本发明不限于这里所述的特定实施例，对本领域技术人员来说能够进 行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此，虽 然通过以上实施例对本发明进行了较为详细的说明，但是本发明不仅仅限于以 上实施例，在不脱离本发明构思的情况下，还可以包括更多其他等效实施例， 而本发明的范围由所附的权利要求范围决定。

Claims (14)

1.一种页面渲染方法，其特征在于，应用于后端服务器，所述后端服务器与至少两个应用软件关联，包括：

监听应用软件的页面调用请求；

确定所述应用软件对应的目标单页网页应用SPA，并获取对应所述页面调用请求的组件数据信息，其中，所述目标SPA预先根据设定的SPA配置规则配置，所述SPA配置规则用于对代码编程SPA时的代码结构格式、对确定页面调用请求所对应组件数据信息时所采用路由配置文件的命名、对标识应用程序与SPA关联性的页面入口文件的命名以及对完成SPA代码编程后所形成代码文件夹的存放路径进行规范化配置；

将所述组件数据信息渲染到所述目标SPA中，形成对应所述页面调用请求的超文本链接标记语言页面。

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

根据设定的SPA配置规则配置所开发各应用软件关联的SPA；

相应的，所述根据设定的SPA配置规则配置所开发各应用程序关联的SPA，包括：

在设定的存储路径下存放各所述SPA的代码文件夹，其中，各所述代码文件夹中包含用于页面展示的全部组件数据信息；

以设定形式命名各所述SPA对应的页面入口文件和路由配置文件；

其中，所述页面入口文件作为SPA与所关联应用软件的关联标识文件，所述路由配置文件用于确定所关联应用软件中各页面调用请求对应的组件数据信息，所述路由配置文件中的代码结构满足预设的统一设计格式。

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

基于配置后的SPA生成页面渲染所需的服务入口文件。

4.根据权利要求3所述的方法，其特征在于，所述基于配置后的SPA生成页面渲染所需的服务入口文件，包括：

基于配置后SPA的页面入口文件及关联的应用软件添加到预先构建的SPA列表中；

将所述SPA列表及各所述SPA的路由配置文件作为渲染参数信息引入唯一服务入口，编译生成服务入口文件。

5.根据权利要求4所述的方法，其特征在于，所述确定所述应用软件对应的目标SPA，并获取对应所述页面调用请求的组件数据信息，包括：

获取所述服务入口文件中的渲染参数信息；

查找所述渲染参数信息中的SPA列表与所述应用软件关联的页面入口文件，根据所述页面入口文件确定目标SPA；

解析所述页面调用请求中的统一资源定位符URL，获取所述URL中的页面名称；

查找所述渲染参数信息中对应所述目标SPA的路由配置文件，从设定存储路径下获取所述页面名称对应的组件数据信息。

6.根据权利要求1-5任一项所述的方法，其特征在于，在形成对应所述页面调用请求的超文本链接标记语言页面后，还包括：

发送页面渲染完成声明及所述超文本链接标记语言页面至所述应用软件的客户端，以使所述客户端基于所述超文本链接标记语言页面进行页面显示。

7.一种页面渲染装置，其特征在于，配置于后端服务器，所述后端服务器与至少两个应用软件关联，包括：

请求监听模块，用于监听应用软件的页面调用请求；

目标信息确定模块，用于确定所述应用软件对应的目标单页网页应用SPA，并获取对应所述页面调用请求的组件数据信息，其中，所述目标SPA预先根据设定的SPA配置规则配置，所述SPA配置规则用于对代码编程SPA时的代码结构格式、对确定页面调用请求所对应组件数据信息时所采用路由配置文件的命名、对标识应用程序与SPA关联性的页面入口文件的命名以及对完成SPA代码编程后所形成代码文件夹的存放路径进行规范化配置；

页面生成模块，用于将所述组件数据信息渲染到所述目标SPA中，形成对应所述页面调用请求的超文本链接标记语言页面。

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

信息配置模块，用于根据设定的SPA配置规则配置所开发各应用程序关联的SPA；

相应的，所述信息配置模块，具体用于：

在设定的存储路径下存放各所述SPA的代码文件夹，其中，各所述代码文件夹中包含用于页面展示的全部组件数据信息；

以设定形式命名各所述SPA对应的页面入口文件和路由配置文件；

其中，所述页面入口文件作为SPA与所关联应用软件的关联标识文件，所述路由配置文件用于确定所关联应用软件中各页面调用请求对应的组件数据信息，所述路由配置文件中的代码结构满足预设的统一设计格式。

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

文件生成模块，用于基于配置后的SPA生成页面渲染所需的服务入口文件。

10.根据权利要求9所述的装置，其特征在于，文件生成模块，具体用于：

基于配置后SPA的页面入口文件及关联的应用软件添加到预先构建的SPA列表中；

将所述SPA列表及各所述SPA的路由配置文件作为渲染参数信息引入唯一服务入口，编译生成服务入口文件。

11.根据权利要求10所述的装置，其特征在于，所述目标信息确定模块，具体用于：

获取所述服务入口文件中的渲染参数信息；

查找所述渲染参数信息中的SPA列表与所述应用软件关联的页面入口文件，根据所述页面入口文件确定目标SPA；

解析所述页面调用请求中的统一资源定位符URL，获取所述URL中的页面名称；

查找所述渲染参数信息中对应所述目标SPA的路由配置文件，从设定存储路径下获取所述页面名称对应的组件数据信息。

12.根据权利要求7-11任一项所述的装置，其特征在于，还包括：

页面声明模块，用于在形成对应所述页面调用请求的超文本链接标记语言页面后，发送页面渲染完成声明及所述超文本链接标记语言页面至所述应用软件的客户端，以使所述客户端基于所述超文本链接标记语言页面进行页面显示。

13.一种服务器，其特征在于，包括：

一个或多个处理器；

存储装置，用于存储一个或多个程序；

所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-6中任一项所述的页面渲染方法。

14.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现如权利要求1-6中任一项所述的页面渲染方法。

Images