CN116304407A - 页面渲染方法、装置、计算机设备和存储介质 - Google Patents

Abstract

本申请涉及一种页面渲染方法、装置、计算机设备、存储介质和计算机程序产品。方法包括：响应于对目标页面的请求操作；若本地存储有目标页面的页面配置信息，则解析页面配置信息，获得目标页面的各页面区块的样式配置信息；获取页面区块的数据集编号，页面区块的数据集编号通过用户终端预先确定；调用数据集访问接口将各页面区块的数据集编号发送至服务器，由服务器根据数据集编号查询数据集表获得查询语句以及数据源类型，根据数据源类型和查询语句，访问数据库获取各页面区块的目标数据；根据目标页面的各页面区块的样式配置信息和目标数据，渲染各页面区块以展示目标页面。该方法实现通过终端对页面数据源进行调整，提供便捷的页面更新的方式。

Description

页面渲染方法、装置、计算机设备和存储介质

技术领域

本申请涉及互联网技术领域，特别是涉及一种页面渲染方法、装置、计算机设备、存储介质和计算机程序产品。

背景技术

随着互联网前端技术的快速发展，前端HTML5页面的更新迭代速度显著提高，且用户对于系统界面及数据来源的更新效率需求显著提升。这就对前端页在的及时更新提出了更高的要求。

传统的页面更新的方式，由开发人员修改页面代码，在本地运行测试验证后，构建打包发布到测试环境验证，最后提交发布到生产运行环境，验证成功后提供给用户使用，完成页面更新。这种页面更新方式，流程繁琐且复杂。

发明内容

基于此，有必要针对上述技术问题，提供一种能够便捷实现页面更新的页面渲染方法、装置、计算机设备、计算机可读存储介质和计算机程序产品。

第一方面，本申请提供了一种页面渲染方法。所述方法包括：

响应于对目标页面的请求操作；

若本地存储有所述目标页面的页面配置信息，则解析所述页面配置信息，获得所述目标页面的各页面区块的样式配置信息；

获取所述页面区块的数据集编号，所述页面区块的数据集编号通过所述用户终端预先确定；

调用数据集访问接口将所述各所述页面区块的数据集编号发送至服务器，由所述服务器根据所述数据集编号查询数据集表获得所述查询语句以及数据源类型，根据所述数据源类型和所述查询语句，访问数据库获取各页面区块的目标数据，并通过所述数据集访问接口向所述用户终端返回所述目标数据；

根据所述目标页面的各页面区块的样式配置信息和所述目标数据，渲染各页面区块以展示所述目标页面。

在其中一个实施例中，若本地未存储有所述目标页面的页面配置信息，则调用页面参数访问接口从数据库中获取页面配置信息，并存储在本地；

执行所述解析所述页面配置信息，获得所述目标页面的各页面区块的样式配置信息的步骤及其之后的步骤，以完成对所述目标页面的渲染。

在其中一个实施例中，所述方法还包括：

在页面编辑界面，响应于对目标页面中目标页面对象的样式调整指令，获得所述目标页面对象的样式调整参数；

若所述目标页面对象为页面卡片，则确定所述目标页面对象所属的目标页面区块；

根据所述目标页面对象的样式调整参数，更新本地的页面配置信息中所述目标页面区块的样式配置信息。

在另一个实施例中，若所述目标页面对象为页面区块，则根据所述目标页面对象的样式调整参数，更新本地的页面配置信息中所述页面区块的样式配置信息。

在另一个实施例中，所述在页面编辑界面，响应于对目标页面中目标页面对象的样式调整指令，获得所述目标页面对象的样式调整参数，包括：

在页面编辑界面，展示所述目标页面；

获取在所述目标页面中选定的目标页面；

响应于对所述目标页面对象的拖动动作，获取所述目标页面对象的样式调整参数，所述样式调整参数包括所述目标页面对象的位置参数。

在另一个实施例中，所述在页面编辑界面，响应于对目标页面中目标页面对象的样式调整指令，获得所述目标页面对象的样式调整参数，包括：

在页面编辑界面，展示所述目标页面；

当获取对所述目标页面对象的样式调整指令时，展示样式编辑界面；

通过所述样式编辑界面获取所述目标页面对象的样式调整参数。

在另一个实施例中，所述方法还包括：

在页面编辑界面，响应于对目标页面中目标页面区块的数据调整指令，获得指定的所述目标区块的数据集编号；

更新本地存储的所述目标页面区块的数据集编号。

第二方面，本申请还提供了一种页面渲染装置。所述装置包括：

响应请求模块，用于响应于对目标页面的请求操作；

解析模块，用于若本地存储有所述目标页面的页面配置信息，则解析所述页面配置信息，获得所述目标页面的各页面区块的样式配置信息；

数据获取模块，用于获取所述页面区块的数据集编号，所述页面区块的数据集编号通过所述用户终端预先确定；并调用数据集访问接口将所述各所述页面区块的数据集编号发送至服务器，由所述服务器根据所述数据集编号查询数据集表获得所述查询语句以及数据源类型，根据所述数据源类型和所述查询语句，访问数据库获取各页面区块的目标数据，并通过所述数据集访问接口向所述用户终端返回所述目标数据；

渲染模块，用于根据所述目标页面的各页面区块的样式配置信息和所述目标数据，渲染各页面区块以展示所述目标页面。

第三方面，本申请还提供了一种计算机设备。所述计算机设备包括存储器和处理器，所述存储器存储有计算机程序，所述处理器执行所述计算机程序时实现以下步骤：

响应于对目标页面的请求操作；

若本地存储有所述目标页面的页面配置信息，则解析所述页面配置信息，获得所述目标页面的各页面区块的样式配置信息；

获取所述页面区块的数据集编号，所述页面区块的数据集编号通过所述用户终端预先确定；

调用数据集访问接口将所述各所述页面区块的数据集编号发送至服务器，由所述服务器根据所述数据集编号查询数据集表获得所述查询语句以及数据源类型，根据所述数据源类型和所述查询语句，访问数据库获取各页面区块的目标数据，并通过所述数据集访问接口向所述用户终端返回所述目标数据；

根据所述目标页面的各页面区块的样式配置信息和所述目标数据，渲染各页面区块以展示所述目标页面。

第四方面，本申请还提供了一种计算机可读存储介质。所述计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现以下步骤：

响应于对目标页面的请求操作；

若本地存储有所述目标页面的页面配置信息，则解析所述页面配置信息，获得所述目标页面的各页面区块的样式配置信息；

获取所述页面区块的数据集编号，所述页面区块的数据集编号通过所述用户终端预先确定；

调用数据集访问接口将所述各所述页面区块的数据集编号发送至服务器，由所述服务器根据所述数据集编号查询数据集表获得所述查询语句以及数据源类型，根据所述数据源类型和所述查询语句，访问数据库获取各页面区块的目标数据，并通过所述数据集访问接口向所述用户终端返回所述目标数据；

根据所述目标页面的各页面区块的样式配置信息和所述目标数据，渲染各页面区块以展示所述目标页面。

第五方面，本申请还提供了一种计算机程序产品。所述计算机程序产品，包括计算机程序，该计算机程序被处理器执行时实现以下步骤：

响应于对目标页面的请求操作；

若本地存储有所述目标页面的页面配置信息，则解析所述页面配置信息，获得所述目标页面的各页面区块的样式配置信息；

获取所述页面区块的数据集编号，所述页面区块的数据集编号通过所述用户终端预先确定；

调用数据集访问接口将所述各所述页面区块的数据集编号发送至服务器，由所述服务器根据所述数据集编号查询数据集表获得所述查询语句以及数据源类型，根据所述数据源类型和所述查询语句，访问数据库获取各页面区块的目标数据，并通过所述数据集访问接口向所述用户终端返回所述目标数据；

根据所述目标页面的各页面区块的样式配置信息和所述目标数据，渲染各页面区块以展示所述目标页面。

上述页面渲染方法、装置、计算机设备、存储介质和计算机程序产品，不同于传统的页面渲染方法，通过以页面区块为单位，每个页面区块的有对应的数据集编号，通过数据集编号向服务器分别获取每个页面区块的目标数据，根据各页面区块的目标数据和样式配置信息分别渲染以展示目标页面。而由于用户终端能够调用数据集编号获得相应数据源的查询语句和数据源类型而得以访问数据库获得目标数据，即使在用户终端调整页面区块的数据源，仍能够通过数据集编号获得对应的目标数据，为用户终端调整页面的数据源提供了可能。因此，这种页面分区块渲染的方式，可以实现通过用户终端对页面的数据源进行调整，提供了一种便捷的页面更新的方式。

附图说明

图1为一个实施例中页面渲染方法的应用环境图；

图2为一个实施例中页面渲染方法的流程示意图；

图3为一个实施例中解析页面配置信息的步骤的流程示意图；

图4为一个实施例中通过获取集编号获得目标数据的步骤的流程示意图；

图5为另一个实施例中页面渲染方法的流程示意图；

图6为一个实施例中更新样式配置信息的流程示意图；

图7为一个实施例中更新样式配置的操作示意图；

图8为图7调整后的样式的示意图；

图9为另一个实施例中调整样式配置的操作示意图；

图10为一个实施例中页面渲染装置的结构框图；

图11为一个实施例中计算机设备的内部结构图。

具体实施方式

为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。

本申请实施例提供的页面渲染方法，可以应用于如图1所示的应用环境中。其中，用户终端102通过网络与服务器104进行通信。数据存储系统可以存储服务器104需要处理的数据。数据存储系统可以集成在服务器104上，也可以放在云上或其他网络服务器上。用户终端响应于对目标页面的请求操作，若本地存储有所述目标页面的页面配置信息，则解析所述页面配置信息，获得所述目标页面的各页面区块的样式配置信息，获取所述页面区块的数据集编号，所述页面区块的数据集编号通过所述用户终端预先确定；调用数据集访问接口将所述各所述页面区块的数据集编号发送至服务器，由所述服务器根据所述数据集编号查询数据集表获得所述查询语句以及数据源类型，根据所述数据源类型和所述查询语句，访问数据库获取各页面区块的目标数据，并通过所述数据集访问接口向所述用户终端返回所述目标数据；根据所述目标页面的各页面区块的样式配置信息和所述目标数据，渲染各页面区块以展示所述目标页面。

其中，用户终端102可以但不限于是各种个人计算机、笔记本电脑、智能手机、平板电脑、物联网设备和便携式可穿戴设备，物联网设备可为智能音箱、智能电视、智能空调、智能车载设备等。便携式可穿戴设备可为智能手表、智能手环、头戴设备等。服务器104可以用独立的服务器或者是多个服务器组成的服务器集群来实现。

在一个实施例中，如图2所示，提供了一种页面渲染方法，以该方法应用于图1中的用户终端为例进行说明，包括以下步骤：

步骤202，响应于对目标页面的请求操作。

其中，由用户在用户终端上操作，触发对目标页面的请求操作。如，输入目标页面的网址进行搜索，或是点击目标页面的链接请求跳转至目标页面。

步骤204，若本地存储有目标页面的页面配置信息，则解析页面配置信息，获得目标页面的各页面区块的样式配置信息。

其中，页面配置信息具体为对页面样式的配置信息。页面可以由一个或多个页面区块组成，页面区块可以包括一个或多个页面卡片。页面卡片由多个页面元素封装而成，是页面元素的集合，同一页面卡片的各页面元素具有相同的卡片标识。卡片标识用于唯一标识页面卡片，可以为页面卡片编号。例如，可以将表格中的各元素(如，表格字段、字段内容、标题以及备注等)封装为一个页面卡片。又例如，可以将一个图表封装为一个页面卡片。

至少一个页面卡片可以被封装为页面区块，同一页面区块的各页面卡片具有相同的区块标识。区块标识用于唯一标识页面区块，可以为页面区块编号。例如，多个图表可以被封装一个页面区块。

页面区块的样式配置信息包括了页面区块的位置，页面区块中每个页面卡片的位置以及每个页面卡片的样式配置信息。其中，页面卡片的样式配置信息包括了页面卡片的位置、文字字体、文字颜色、线条字体、线条颜色等。

用户终端在每次加载完目标页面后，均将目标页面的页面配置信息存储在本地。若本地存储有目标页面的页面配置信息，则解析页面配置信息，获得目标页面的各磁面区块的样式配置信息。

具体地，如图3所示，页面配置信息存储在页面配置的JSON字符串中，其中，包括由页面卡片配置信息组成的列表，通过解析列表中的每个页面卡片配置信息，生成页面卡片，再对卡片配置信息进一步解析，得到页面区块配置信息。值得注意的是，页面区块内还可以嵌套页面区块，如果区块配置中还存在由区块配置组成的列表的话，还能够继续解析和生成内容。

步骤206，获取页面区块的数据集编号，页面区块的数据集编号通过用户终端预先确定。

在传统的页面渲染方式中，页面所要展示的数据的获取方式，通常是以整个页面为单位，根据整个页面的查询语句查询数据库，获得页面所需要的数据。而当需要对页面进行调整时，需要对整个页面的查询语句进行调整，使得页面调整方式不灵活。

本实施例中，引入数据集编号，数据集编号具体为页面区块所要展示的数据对应的数据集的信息。通过对页面分区块，页面数据按页面区块管理，每个页面区块的数据对应一个数据集编号，通过数据集编号可获得该页面区块的数据信息。

基于传统的页面渲染方式，每个页面的数据信息是统一在开发阶段通过代码编写的方式指定。当需要对页面中的每个数据源进行修改时，需要修改页面中的相关代码，导致页面调整方式不灵活。

本实施例中，页面区块的数据集编号可以由用户终端预先指定，当需要对页面中某个区块展示数据做出调整时，可以由用户终端指定数据源。例如，某个页面区块原来展示的是成交量分析图表，用户想展示地域成交量分析图表，则可以通过用户终端指定该区块的数据修改为地域成交量分析图表。

步骤208，调用数据集访问接口将各页面区块的数据集编号发送至服务器，由服务器根据数据集编号查询数据集表获得查询语句以及数据源类型，根据数据源类型和查询语句，访问数据库获取各页面区块的目标数据，并通过数据集访问接口向用户终端返回目标数据。

具体地，用户终端本地存储有目标页面中各页面区块的数据集编号。用户终端将该数据集编号发送至服务器，由服务器根据数据集编号获得该页面区块所需要展示的数据。

具体地，如图4所示，每个区块展示的数据是用其配置的数据集编号通过统一的数据集访问接口获取数据。用户终端调用该数据集访问接口，向服务器发送页面区块的数据集编号。服务器获得该数据集编号后，查询数据集表。

其中，每个数据集编号对应一个数据集表，数据集表存储了该数据集编号对应的查询语句和数据源类型。服务器利用数据集编号，查询到查询语句和数据源类型后，根据数据源类型从数据源表获得连接数据库所需要的配置信息，即数据库连接配置。基于数据库连接配置连接数据库，并执行查询数据集编号对应的查询语句，获得页面区块的目标数据。服务器通过数据集访问接口向用户终端返回目标数据。

本实施例中，通过预先构建数据集表，记录数据集编号对应的查询语句和数据源类型，能够使得每个数据集编号对应的数据集的查询语句相对于整个页面的查询语句是独立的，为页面区块的数据源修改提供了基础。可以基于用户终端修改页面区块的数据集编号，当页面区块的数据源发生变化时，通过变化的数据源的数据集编号查询数据集表，可以获得对应的查询语句和数据源类型，进而基于查询语句和数据源类型获得目标数据。

步骤210，根据目标页面的各页面区块的样式配置信息和目标数据，渲染各页面区块以展示目标页面。

本实施例中，页面渲染时以页面区块为单位，各页面区块根据样式配置信息和目标数据渲染分别进行渲染，从而得到目标页面的页面内容。

该页面渲染方法，不同于传统的页面渲染方法，通过以页面区块为单位，每个页面区块的有对应的数据集编号，通过数据集编号向服务器分别获取每个页面区块的目标数据，根据各页面区块的目标数据和样式配置信息分别渲染以展示目标页面。而由于用户终端能够调用数据集编号获得相应数据源的查询语句和数据源类型而得以访问数据库获得目标数据，即使在用户终端调整页面区块的数据源，仍能够通过数据集编号获得对应的目标数据，为用户终端调整页面的数据源提供了可能。因此，这种页面分区块渲染的方式，可以实现通过用户终端对页面的数据源进行调整，提供了一种便捷的页面更新的方式。

在另一个实施例中，如图5所示，若本地未存储有目标页面的页面配置信息，则执行步骤203，调用页面参数访问接口从数据库中获取页面配置信息，并存储在本地。

具体地，若本地未存储有目标页面的页面配置信息，则表示用户终端未加载过目标页面，则用户终端通过调用服务器提供的接口从数据库中获得页面配置的JSON字符串。在得到页面配置的JSON字符串后，执行步骤204及其之后的步骤，以完成对目标页面的渲染。

本实施例中，通过在首次加载目标页面时，加目标页面的页面配置信息存储在本地，从而能够直接对本地的页面配置信息进行修改，为在用户终端修改页面样式提供基础。

一个实施例中，更新样式配置信息的方式，如图6所示，包括以下步骤：

步骤602，在页面编辑界面，响应于对目标页面中目标页面对象的样式调整指令，获得目标页面对象的样式调整参数。

具体地，当用户需要更新目标页面的样式时，可在用户终端触发更改。

具体地，系统提供了页面编辑入口，可以为页面编辑的管理页面。用户进入页面编辑的管理页面，选择要调整的目标页面，进入目标页面的页面编辑界面。在页面编辑界面，响应于对目标页面中目标页面对象的样式调整指令，获得目标页面对象的样式调整参数。

在进入目标页面的页面编辑界面后，选择目标页面的调整对象。目标页面的调整对象可以为页面区块，也可以为页面卡片。在选择调整对象后，获取对目标对象的样式调整参数。可以理解的是，目标页面对象的元素不同，目标页面对象的样式调整参数也不同。比如，目标页面对象为表格，则样式调整参数可以为位置、文字字体、文字颜色、线条字体、线条颜色、表格行距、表格列宽等。又比如，目标页面对象为图表，则样式调整参数可以为图表颜色，图表大小和图表位置等。

步骤604，判断目标页面对象是否为页面卡片。若判断为页面卡片，则执行步骤606。

步骤606，确定目标页面对象所属的目标页面区块。

其中，若调整对象为页面卡片，则可以根据页面卡片编号与区块编号的对应关系，确定页面卡片所属的目标区块、

步骤608，根据目标页面对象的样式调整参数，更新本地的页面配置信息中目标页面区块的样式配置信息。

其中，若调整对象为页面卡片，则可以根据页面卡片编号与区块编号的对应关系，确定页面卡片所属的目标区块，根据页面卡片的样式调整参数更新目标区块的样式配置信息，从而更新本地的页面配置信息。

本实施例中，可以通过用户终端对页面样式进行调整，当在页面编辑界面对目标页面中的目标页面对象进行样式调整时，若目标对象为页面卡片，则确定页面卡片所属的目标区块，更新本地的页面区块的配置信息。该方式能够通过用户终端对页面区块的页面配置信息进行调整，并更新本地的页面配置信息，从而用户终端得以利用本地更新的页面配置信息实现页面渲染，使得用户通过用户终端即可实现页面的样式调整，提供了一种便捷的页面调整方式。

在另一个实施例中，如图6所示，若步骤604的判断目标页面对象为页面区块，则执行步骤610，根据目标页面对象的样式调整参数，更新本地的页面配置信息中页面区块的样式配置信息。

即，目标页面对象为页面区块时，直接更新本地的页面配置信息中页面区块的样式配置信息。

在另一个实施例中，在页面编辑界面，响应于对目标页面中目标页面对象的样式调整指令，获得所述目标页面对象的样式调整参数，包括：在页面编辑界面，展示目标页面；获取在目标页面中选定的目标页面；响应于对目标页面对象的拖动动作，获取目标页面对象的样式调整参数，样式调整参数包括目标页面对象的位置参数。

具体地，用户对于目标页面对象的调整的一种实施方式，是通过对目标页面对象进行拖动，以实现目标页面对象的位置的调整。如图7所示，可以拖动图表调整图表的展示位置，调整后的图表如图8所示。图7和图8为一种目标页面对象的调整示例，具体的调整可以为调换两个目标页面对象的位置，或是调整目标页面对象的位置。

本实施例中，可以通过选择页面对象，并对页面对象进行拖动的方式，调整页面对象的位置，从而调整页面对象的样式配置信息。

在另一个实施例中，所述在页面编辑界面，响应于对目标页面中目标页面对象的样式调整指令，获得所述目标页面对象的样式调整参数，包括：在页面编辑界面，展示目标页面；当获取对目标页面对象的样式调整指令时，展示样式编辑界面；通过样式编辑界面获取目标页面对象的样式调整参数。

本实施例中，通过样式编辑界面对样式进行调整。具体地，在界面编辑界面，展示目标页面，对目标页面中的目标页面对象，触发样式调整指令，打开样式编辑界面。一个实施例的样式编辑界面如图9所示，在样式编辑界面可以对字体大小，行高等进行配置。可以理解的是，目标页面对象不同，对应的样式编辑界面显示的可以调整的属性也不相同。通过样式编辑界面，可以对目标页面对象的样式属性进行调整。

本实施例中，通过提供样式编辑界面，可以对页面对象的样式属性进行调整。

在另一个实施例中，页面渲染方法还包括：在页面编辑界面，响应于对目标页面中目标页面区块的数据调整指令，获得指定的目标区块的数据集编号；更新本地存储的目标页面区块的数据集编号。

具体地，在页面编辑界面，还可以对页面区块的数据源进行调整。用户在选择了目标区块后，可以触发数据调整指令，加载数据集列表，选择替换的数据集编号，并更新本地存储的目标区块的数据集编号。其中，数据集列表记载了每个数据源的数据概况，以及数据集编号，通过数据集列表可以选择在该目标区块上所在展示的数据。如，当前区块展示的是用户年龄分布数据，用户想要修改为展示性别分布数据，则可以通过选择数据集编号进行替换。

本申请的页面渲染方法，使得用户通过用户终端即可对页面要展示的数据源进行调整，通过更新本地的目标区块的数据集编号信息，当重新刷新页面时，即可实现页面的展示数据的快速变更。

本申请的页面渲染方法，通过在开发阶段，由开发人员填写前端界面渲染所需要的以及获取数据的接口所需要的配置信息，构建完成之后发布到生产环境。后续用户访问页面的时候，应用前端通过后台提供的接口从数据库中获取页面配置以及数据来源配置。配置信息可以生成对应的布局、样式及相应数据的展示内容。当应用出现问题，或者根据用户需要发现样式和数据源需要调整的时候，通过直接在用户终端侧进行样式调整，或是数据源调整，实现页面布局和样式以及数据来源的快速变更。

该方法在进行页面调整时，无需通过传统的页面调整方式经历复杂的发布才能实现页面调整，该方法提高用户更新前端界面的效率，特别是在页面样式及数据接口有异常时，可以快速响应，恢复正常。

应该理解的是，虽然如上所述的各实施例所涉及的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，如上所述的各实施例所涉及的流程图中的至少一部分步骤可以包括多个步骤或者多个阶段，这些步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤中的步骤或者阶段的至少一部分轮流或者交替地执行。

基于同样的发明构思，本申请实施例还提供了一种用于实现上述所涉及的页面渲染方法的页面渲染装置。该装置所提供的解决问题的实现方案与上述方法中所记载的实现方案相似，故下面所提供的一个或多个页面渲染装置实施例中的具体限定可以参见上文中对于页面渲染方法的限定，在此不再赘述。

在一个实施例中，如图10所示，提供了一种页面渲染装置，包括：

响应请求模块1002，用于响应于对目标页面的请求操作。

解析模块1004，用于若本地存储有目标页面的页面配置信息，则解析页面配置信息，获得目标页面的各页面区块的样式配置信息。

数据获取模块1006，用于获取页面区块的数据集编号，页面区块的数据集编号通过用户终端预先确定；并调用数据集访问接口将各页面区块的数据集编号发送至服务器，由服务器根据数据集编号查询数据集表获得查询语句以及数据源类型，根据数据源类型和查询语句，访问数据库获取各页面区块的目标数据，并通过数据集访问接口向用户终端返回目标数据；

渲染模块1008，用于根据目标页面的各页面区块的样式配置信息和目标数据，渲染各页面区块以展示目标页面。

上述页面渲染装置，不同于传统的页面渲染方法，通过以页面区块为单位，每个页面区块的有对应的数据集编号，通过数据集编号向服务器分别获取每个页面区块的目标数据，根据各页面区块的目标数据和样式配置信息分别渲染以展示目标页面。而由于用户终端能够调用数据集编号获得相应数据源的查询语句和数据源类型而得以访问数据库获得目标数据，即使在用户终端调整页面区块的数据源，仍能够通过数据集编号获得对应的目标数据，为用户终端调整页面的数据源提供了可能。因此，这种页面分区块渲染的方式，可以实现通过用户终端对页面的数据源进行调整，提供了一种便捷的页面更新的方式。

在另一个实施例中，页面渲染装置还包括加载模块，用于若本地未存储有目标页面的页面配置信息，则调用页面参数访问接口从数据库中获取页面配置信息，并存储在本地。

在另一个实施例中，页面渲染装置还包括样式调整模块，用于在页面编辑界面，响应于对目标页面中目标页面对象的样式调整指令，获得目标页面对象的样式调整参数；若目标页面对象为页面卡片，则确定目标页面对象所属的目标页面区块；根据目标页面对象的样式调整参数，更新本地的页面配置信息中目标页面区块的样式配置信息。

在另一个实施例中，样式调整模块，用于若目标页面对象为页面区块，则根据目标页面对象的样式调整参数，更新本地的页面配置信息中页面区块的样式配置信息。

在另一个实施例中，样式调整模块，用于在页面编辑界面，展示目标页面；获取在目标页面中选定的目标页面；响应于对目标页面对象的拖动动作，获取目标页面对象的样式调整参数，样式调整参数包括目标页面对象的位置参数。

在另一个实施例中，样式调整模块，用于在页面编辑界面，展示目标页面；当获取对目标页面对象的样式调整指令时，展示样式编辑界面；通过样式编辑界面获取目标页面对象的样式调整参数。

在另一个实施例中，页面渲染装置还包括：数据集调整模块，用于在页面编辑界面，响应于对目标页面中目标页面区块的数据调整指令，获得指定的所述目标区块的数据集编号；更新本地存储的所述目标页面区块的数据集编号。

上述页面渲染装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于计算机设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。

在一个实施例中，提供了一种计算机设备，该计算机设备可以是终端，其内部结构图可以如图11所示。该计算机设备包括通过系统总线连接的处理器、存储器、通信接口、显示屏和输入装置。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的通信接口用于与外部的终端进行有线或无线方式的通信，无线方式可通过WIFI、移动蜂窝网络、NFC(近场通信)或其他技术实现。该计算机程序被处理器执行时以实现一种页面渲染方法。该计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏，该计算机设备的输入装置可以是显示屏上覆盖的触摸层，也可以是计算机设备外壳上设置的按键、轨迹球或触控板，还可以是外接的键盘、触控板或鼠标等。

本领域技术人员可以理解，图11中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。

在一个实施例中，提供了一种计算机设备，包括存储器和处理器，存储器中存储有计算机程序，该处理器执行计算机程序时实现以下步骤：

响应于对目标页面的请求操作；

若本地存储有目标页面的页面配置信息，则解析页面配置信息，获得目标页面的各页面区块的样式配置信息；

获取页面区块的数据集编号，页面区块的数据集编号通过用户终端预先确定；

调用数据集访问接口将各页面区块的数据集编号发送至服务器，由服务器根据数据集编号查询数据集表获得查询语句以及数据源类型，根据数据源类型和查询语句，访问数据库获取各页面区块的目标数据，并通过数据集访问接口向用户终端返回目标数据；

根据目标页面的各页面区块的样式配置信息和目标数据，渲染各页面区块以展示目标页面。

在一个实施例中，处理器执行计算机程序时还实现以下步骤：

若本地未存储有目标页面的页面配置信息，则调用页面参数访问接口从数据库中获取页面配置信息，并存储在本地；

执行解析页面配置信息，获得目标页面的各页面区块的样式配置信息的步骤及其之后的步骤，以完成对目标页面的渲染。在一个实施例中，处理器执行计算机程序时还实现以下步骤：

在页面编辑界面，响应于对目标页面中目标页面对象的样式调整指令，获得目标页面对象的样式调整参数；

若目标页面对象为页面卡片，则确定目标页面对象所属的目标页面区块；

根据目标页面对象的样式调整参数，更新本地的页面配置信息中目标页面区块的样式配置信息。

在一个实施例中，处理器执行计算机程序时还实现以下步骤：

若目标页面对象为页面区块，则根据目标页面对象的样式调整参数，更新本地的页面配置信息中页面区块的样式配置信息。

在另一个实施例中，在页面编辑界面，响应于对目标页面中目标页面对象的样式调整指令，获得目标页面对象的样式调整参数，包括：

在页面编辑界面，展示所述目标页面；

获取在所述目标页面中选定的目标页面；

响应于对所述目标页面对象的拖动动作，获取所述目标页面对象的样式调整参数，所述样式调整参数包括所述目标页面对象的位置参数。

在另一个实施例中，在页面编辑界面，响应于对目标页面中目标页面对象的样式调整指令，获得目标页面对象的样式调整参数，包括：

在页面编辑界面，展示目标页面；

当获取对目标页面对象的样式调整指令时，展示样式编辑界面；

通过样式编辑界面获取目标页面对象的样式调整参数。

在另一个实施例中，处理器执行计算机程序时还实现以下步骤：

在页面编辑界面，响应于对目标页面中目标区块的数据调整指令，获得指定的目标页面区块的数据集编号；

更新本地存储的目标页面区块的数据集编号。

在一个实施例中，提供了一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现以下步骤：

响应于对目标页面的请求操作；

若本地存储有目标页面的页面配置信息，则解析页面配置信息，获得目标页面的各页面区块的样式配置信息；

获取页面区块的数据集编号，页面区块的数据集编号通过用户终端预先确定；

调用数据集访问接口将各页面区块的数据集编号发送至服务器，由服务器根据数据集编号查询数据集表获得查询语句以及数据源类型，根据数据源类型和查询语句，访问数据库获取各页面区块的目标数据，并通过数据集访问接口向用户终端返回目标数据；

根据目标页面的各页面区块的样式配置信息和目标数据，渲染各页面区块以展示目标页面。

在一个实施例中，处理器执行计算机程序时还实现以下步骤：

若本地未存储有目标页面的页面配置信息，则调用页面参数访问接口从数据库中获取页面配置信息，并存储在本地；

执行解析页面配置信息，获得目标页面的各页面区块的样式配置信息的步骤及其之后的步骤，以完成对目标页面的渲染。在一个实施例中，处理器执行计算机程序时还实现以下步骤：

在页面编辑界面，响应于对目标页面中目标页面对象的样式调整指令，获得目标页面对象的样式调整参数；

若目标页面对象为页面卡片，则确定目标页面对象所属的目标页面区块；

根据目标页面对象的样式调整参数，更新本地的页面配置信息中目标页面区块的样式配置信息。

在一个实施例中，处理器执行计算机程序时还实现以下步骤：

若目标页面对象为页面区块，则根据目标页面对象的样式调整参数，更新本地的页面配置信息中页面区块的样式配置信息。

在另一个实施例中，在页面编辑界面，响应于对目标页面中目标页面对象的样式调整指令，获得目标页面对象的样式调整参数，包括：

在页面编辑界面，展示所述目标页面；

获取在所述目标页面中选定的目标页面；

响应于对所述目标页面对象的拖动动作，获取所述目标页面对象的样式调整参数，所述样式调整参数包括所述目标页面对象的位置参数。

在另一个实施例中，在页面编辑界面，响应于对目标页面中目标页面对象的样式调整指令，获得目标页面对象的样式调整参数，包括：

在页面编辑界面，展示目标页面；

当获取对目标页面对象的样式调整指令时，展示样式编辑界面；

通过样式编辑界面获取目标页面对象的样式调整参数。

在另一个实施例中，处理器执行计算机程序时还实现以下步骤：

在页面编辑界面，响应于对目标页面中目标区块的数据调整指令，获得指定的目标页面区块的数据集编号；

更新本地存储的目标页面区块的数据集编号。

在一个实施例中，提供了一种计算机程序产品，包括计算机程序，该计算机程序被处理器执行时实现以下步骤：

响应于对目标页面的请求操作；

若本地存储有目标页面的页面配置信息，则解析页面配置信息，获得目标页面的各页面区块的样式配置信息；

获取页面区块的数据集编号，页面区块的数据集编号通过用户终端预先确定；

调用数据集访问接口将各页面区块的数据集编号发送至服务器，由服务器根据数据集编号查询数据集表获得查询语句以及数据源类型，根据数据源类型和查询语句，访问数据库获取各页面区块的目标数据，并通过数据集访问接口向用户终端返回目标数据；

根据目标页面的各页面区块的样式配置信息和目标数据，渲染各页面区块以展示目标页面。

在一个实施例中，处理器执行计算机程序时还实现以下步骤：

若本地未存储有目标页面的页面配置信息，则调用页面参数访问接口从数据库中获取页面配置信息，并存储在本地；

执行解析页面配置信息，获得目标页面的各页面区块的样式配置信息的步骤及其之后的步骤，以完成对目标页面的渲染。在一个实施例中，处理器执行计算机程序时还实现以下步骤：

在页面编辑界面，响应于对目标页面中目标页面对象的样式调整指令，获得目标页面对象的样式调整参数；

若目标页面对象为页面卡片，则确定目标页面对象所属的目标页面区块；

根据目标页面对象的样式调整参数，更新本地的页面配置信息中目标页面区块的样式配置信息。

在一个实施例中，处理器执行计算机程序时还实现以下步骤：

若目标页面对象为页面区块，则根据目标页面对象的样式调整参数，更新本地的页面配置信息中页面区块的样式配置信息。

在另一个实施例中，在页面编辑界面，响应于对目标页面中目标页面对象的样式调整指令，获得目标页面对象的样式调整参数，包括：

在页面编辑界面，展示所述目标页面；

获取在所述目标页面中选定的目标页面；

响应于对所述目标页面对象的拖动动作，获取所述目标页面对象的样式调整参数，所述样式调整参数包括所述目标页面对象的位置参数。

在另一个实施例中，在页面编辑界面，响应于对目标页面中目标页面对象的样式调整指令，获得目标页面对象的样式调整参数，包括：

在页面编辑界面，展示目标页面；

当获取对目标页面对象的样式调整指令时，展示样式编辑界面；

通过样式编辑界面获取目标页面对象的样式调整参数。

在另一个实施例中，处理器执行计算机程序时还实现以下步骤：

在页面编辑界面，响应于对目标页面中目标区块的数据调整指令，获得指定的目标页面区块的数据集编号；

更新本地存储的目标页面区块的数据集编号。

需要说明的是，本申请所涉及的用户信息(包括但不限于用户设备信息、用户个人信息等)和数据(包括但不限于用于分析的数据、存储的数据、展示的数据等)，均为经用户授权或者经过各方充分授权的信息和数据。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、数据库或其它介质的任何引用，均可包括非易失性和易失性存储器中的至少一种。非易失性存储器可包括只读存储器(Read-OnlyMemory，ROM)、磁带、软盘、闪存、光存储器、高密度嵌入式非易失性存储器、阻变存储器(ReRAM)、磁变存储器(Magnetoresistive Random Access Memory，MRAM)、铁电存储器(Ferroelectric Random Access Memory，FRAM)、相变存储器(Phase Change Memory，PCM)、石墨烯存储器等。易失性存储器可包括随机存取存储器(Random Access Memory，RAM)或外部高速缓冲存储器等。作为说明而非局限，RAM可以是多种形式，比如静态随机存取存储器(Static Random Access Memory，SRAM)或动态随机存取存储器(Dynamic RandomAccess Memory，DRAM)等。本申请所提供的各实施例中所涉及的数据库可包括关系型数据库和非关系型数据库中至少一种。非关系型数据库可包括基于区块链的分布式数据库等，不限于此。本申请所提供的各实施例中所涉及的处理器可为通用处理器、中央处理器、图形处理器、数字信号处理器、可编程逻辑器、基于量子计算的数据处理逻辑器等，不限于此。

以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。

以上所述实施例仅表达了本申请的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本申请专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本申请构思的前提下，还可以做出若干变形和改进，这些都属于本申请的保护范围。因此，本申请的保护范围应以所附权利要求为准。

Claims (10)

1.一种页面渲染方法，其特征在于，应用于用户终端，所述方法包括：

响应于对目标页面的请求操作；

若本地存储有所述目标页面的页面配置信息，则解析所述页面配置信息，获得所述目标页面的各页面区块的样式配置信息；

获取所述页面区块的数据集编号，所述页面区块的数据集编号通过所述用户终端预先确定；

调用数据集访问接口将所述各所述页面区块的数据集编号发送至服务器，由所述服务器根据所述数据集编号查询数据集表获得所述查询语句以及数据源类型，根据所述数据源类型和所述查询语句，访问数据库获取各页面区块的目标数据，并通过所述数据集访问接口向所述用户终端返回所述目标数据；

根据所述目标页面的各页面区块的样式配置信息和所述目标数据，渲染各页面区块以展示所述目标页面。

2.根据权利要求1所述的方法，其特征在于，若本地未存储有所述目标页面的页面配置信息，则调用页面参数访问接口从数据库中获取页面配置信息，并存储在本地；

执行所述解析所述页面配置信息，获得所述目标页面的各页面区块的样式配置信息的步骤及其之后的步骤，以完成对所述目标页面的渲染。

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

在页面编辑界面，响应于对目标页面中目标页面对象的样式调整指令，获得所述目标页面对象的样式调整参数；

若所述目标页面对象为页面卡片，则确定所述目标页面对象所属的目标页面区块；

根据所述目标页面对象的样式调整参数，更新本地的页面配置信息中所述目标页面区块的样式配置信息。

4.根据权利要求3所述的方法，其特征在于，若所述目标页面对象为页面区块，则根据所述目标页面对象的样式调整参数，更新本地的页面配置信息中所述页面区块的样式配置信息。

5.根据权利要求3所述的方法，其特征在于，所述在页面编辑界面，响应于对目标页面中目标页面对象的样式调整指令，获得所述目标页面对象的样式调整参数，包括：

在页面编辑界面，展示所述目标页面；

获取在所述目标页面中选定的目标页面；

响应于对所述目标页面对象的拖动动作，获取所述目标页面对象的样式调整参数，所述样式调整参数包括所述目标页面对象的位置参数。

6.根据权利要求3所述的方法，其特征在于，所述在页面编辑界面，响应于对目标页面中目标页面对象的样式调整指令，获得所述目标页面对象的样式调整参数，包括：

在页面编辑界面，展示所述目标页面；

当获取对所述目标页面对象的样式调整指令时，展示样式编辑界面；

通过所述样式编辑界面获取所述目标页面对象的样式调整参数。

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

在页面编辑界面，响应于对目标页面中目标页面区块的数据调整指令，获得指定的所述目标区块的数据集编号；

更新本地存储的所述目标页面区块的数据集编号。

8.一种页面渲染装置，其特征在于，所述装置包括：

响应请求模块，用于响应于对目标页面的请求操作；

解析模块，用于若本地存储有所述目标页面的页面配置信息，则解析所述页面配置信息，获得所述目标页面的各页面区块的样式配置信息；

数据获取模块，用于获取所述页面区块的数据集编号，所述页面区块的数据集编号通过用户终端预先确定；并调用数据集访问接口将所述各所述页面区块的数据集编号发送至服务器，由所述服务器根据所述数据集编号查询数据集表获得所述查询语句以及数据源类型，根据所述数据源类型和所述查询语句，访问数据库获取各页面区块的目标数据，并通过所述数据集访问接口向所述用户终端返回所述目标数据；

渲染模块，用于根据所述目标页面的各页面区块的样式配置信息和所述目标数据，渲染各页面区块以展示所述目标页面。

9.一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求1至7中任一项所述的方法的步骤。

10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至7中任一项所述的方法的步骤。

Images