CN113741892A - 一种页面生成方法、装置、电子设备及存储介质 - Google Patents

Abstract

本申请提供了一种页面生成方法、装置、电子设备及存储介质，涉及数据处理技术领域，该方法包括：在接收到页面访问请求时，确定与所述页面访问请求相对应的模块数量以及模块顺序；基于所述模块数量以及所述模块顺序，动态渲染与所述页面访问请求相对应的目标页面；所述目标页面中的页面组件的数量等于所述模块数量，所述目标页面的页面组件按照所述模块顺序排列。本申请中，可以基于页面访问请求对应的模块数量以及模块顺序，动态渲染与该页面访问请求相对应的目标页面，而无需修改后端代码，从而不仅提升页面生成的灵活性，还能提高页面生成的效率。

Description

一种页面生成方法、装置、电子设备及存储介质

技术领域

本申请涉及数据处理技术领域，具体而言，涉及一种页面生成方法、装置、电子设备及存储介质。

背景技术

线上教育过程中，每一个课程周页面中的课程数量都是预先设计好的，如果需要增加课程数量或者减少课程数量，课程周页面的展示中，可能就会明显出现错误，例如无法展示增加的课程、或者展示了已经删除的课程、或者显示空白课程框架等。如果需要优化，就必须通过修改后端代码才能实现，这就使得过程复杂，效率较低。

发明内容

本申请的实施例在于提供一种页面生成方法、装置、电子设备及存储介质，以解决目前方法生成页面时过程复杂以及效率较低的问题。

本申请的实施例提供了一种页面生成方法，所述方法包括：

在接收到页面访问请求时，确定与所述页面访问请求相对应的模块数量以及模块顺序；

基于所述模块数量以及所述模块顺序，动态渲染与所述页面访问请求相对应的目标页面；所述目标页面中的页面组件的数量等于所述模块数量，所述目标页面的页面组件按照所述模块顺序排列。

在上述实现过程中，在接收到针对目标页面的页面访问请求时，首先需要确定这个目标页面中有哪些页面组件，各个页面组件中的排列顺序是什么，然后可以根据页面组件的数量以及排列顺序，动态渲染/绘制出目标页面。采用这种方式，不用修改后端代码，即可生成目标页面，效率较高。

本申请的实施例提供了一种页面生成装置，所述装置包括：

确定单元，用于在接收到页面访问请求时，确定与所述页面访问请求相对应的模块数量以及模块顺序；

渲染单元，用于基于所述模块数量以及所述模块顺序，动态渲染与所述页面访问请求相对应的目标页面；所述目标页面中的页面组件的数量等于所述模块数量，所述目标页面的页面组件按照所述模块顺序排列。

从而不用修改后端代码，即可生成目标页面，效率较高。

本实施例还提供了一种电子设备，所述电子设备包括存储器和处理器，所述存储器中存储有程序指令，所述处理器运行所述程序指令时，执行上述任意方法中的步骤。

本实施例还提供了一种存储介质，所述存储介质中存储有计算机程序指令，所述计算机程序指令被一处理器运行时，执行上述任意方法中的步骤。

附图说明

为了更清楚地说明本申请实施例的技术方案，下面将对本申请实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本申请的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。

应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。

图1为本申请实施例提供的一种页面生成方法的流程图。

图2为本申请实施例提供的一种课程地图示意图。

图3为本申请实施例提供的一种页面生成装置的结构示意图。

图4为本申请实施例提供的一种电子设备的结构示意图。

图例：31-确认单元；32-渲染模块；40-计算机设备；401-处理器；402-存储器；403-总线。

具体实施方式

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行描述。

在本申请的描述中，需要说明的是，术语“第一”、“第二”等仅用于区分描述，而不能理解为指示或暗示相对重要性。

本申请的其他特征和优点将在随后的说明书阐述，并且，部分地从说明书中变得显而易见，或者通过实施本申请实施例而了解。本申请的目的和其他优点可通过在所写的说明书、以及附图中所特别指出的结构来实现和获得。

本申请实施例提供了一种页面生成方法，请参考图1，图1为本申请实施例提供的一种页面生成方法的流程图，页面生成方法可包括以下步骤：

步骤101：在接收到页面访问请求时，确定与所述页面访问请求相对应的模块数量以及模块顺序；

步骤102：基于所述模块数量以及所述模块顺序，动态渲染与所述页面访问请求相对应的目标页面；所述目标页面中的页面组件的数量等于所述模块数量，所述目标页面的页面组件按照所述模块顺序排列。

也就是说，在本申请中，在需要访问目标页面时，可先发送页面访问请求给服务端，服务端接收到该页面访问请求之后，可以确定与该页面访问请求相对应的模块数量以及模块顺序，然后动态的渲染(绘制)出目标页面。从而无需修改后端代码，不仅能保证目标页面的美观性，还能提升页面展示的效率。且，在不需要修改后端代码时，也无需进行版本的频繁上线和升级，保证了相应产品，例如APP、小程序、网页等的稳定性。

需要说明的是，本申请实施例中所指的目标页面通常可指任意需要展示给用户的UI页面，例如浏览器页面、财经页面、学科页面等，具体的，可为APP等程序中的相关页面，如首页、功能页面、详细信息页面等，对此不做赘述。

在一些可能的实施方式中，所述目标页面为课程地图，如图2所示。需要说明的时，课程地图中的各个课程(环节/模块)即可为目标页面中的各个页面组件，由图2可知，该课程地图中包括四节课程，分别是朗读课程、跟读课程、录音课程以及练习课程。

需要说明的是，课程地图中各个课程(环节/模块)的排列顺序和设置位置均可以根据实际情况灵活设定，如预先在配置文件中设置好相应的配置参数，包括版式、逻辑、参数等，在渲染/绘制的时候，直接根据配置文件中相应的配置参数动态渲染/绘制即可，无需修改后端代码，也无需嵌套原有且不合适的页面框架，此处不再赘述。

在一些可能的实施方式中，确定与所述页面访问请求相对应的模块数量以及模块顺序，可包括：

解析所述页面访问请求，从所述页面访问请求中确定所述模块数量以及所述模块顺序；或者，

确定与所述页面访问请求相对应的配置文件，并从所述配置文件中确定所述模块数量以及所述模块顺序。

页面访问请求中若携带有模块数量以及模块顺序时，可以直接将该模块数量和模块顺序作为该页面访问请求中的页面组件的数量和顺序，进一步提升页面生成的灵活性；当页面访问请求中没有携带模块数量以及模块顺序时，可以访问存储空间中预先配置的配置文件，并从配置文件中获取模块数量以及模块顺序。

需要说明的是，配置文件是预先统计了多种分类情况，并进行大数据分析之后得到的，如果用户的实际需求发生变化，可以直接修改后端代码，并存储最新的配置文件；当然，用户在使用的过程中，还可通过页面访问请求进行修改，修改后，配置文件是否修改，需要根据用户的实际需求，当需要修改时，可以将页面访问请求中的配置参数保存在配置文件，当不需要修改时，可以直接一次性渲染，而配置文件中的配置参数还保持上一版本，对此不做赘述。

在一些可能的实施方式中，在从所述配置文件中确定所述模块数量以及所述模块顺序之前，所述方法还可包括：

确定所述配置文件为最新版本。

由于配置文件可以修改后端代码进行更新，或者修改另存。当同一个目标页面对应的配置文件个数不为一个时，可以通过优先级或者上线时间来选择合适的配置文件，例如选择最新上线的配置文件、优先级最高的配置文件等。

示例性的，假设存储空间中有两个配置文件，其一为普通配置文件，其二为节假日配置文件，当接收到页面访问请求时，可以根据当时的时间判断配置文件，例如假设为中秋节前后，即可选择中秋节对应的配置文件，使得最终渲染出的目标页面中有一些中秋节属性；当中秋节过后，再接收到页面访问请求时，可以选择普通配置文件，例如去掉目标页面中的中秋节元素，换成普通视图等，此处不再赘述。

在一些可能的实施方式中，动态渲染与所述页面访问请求相对应的目标页面，可包括：

根据所述模块数量以及所述模块顺序，动态生成目标页面的页面框架；

拉取与所述目标页面相对应的目标数据，将所述目标数据填充至所述页面框架中，并渲染得到所述目标页面。

通常，配置文件中具有各种页面视图的页面框架(即视图版式)，在接收到页面访问请求时，可以先去判断页面访问请求中是否包含构建页面框架的模块数量以及模块顺序，若是，则直接根据模块数量以及模块顺序，动态生成目标页面的页面框架，根据页面框架和目标数据，渲染得到目标页面。

需要说明的是，当目标页面为课程地图时，页面框架中可以包括各个分区的位置、大小、形状、数量、逻辑关系等，例如图2中各个模块的摆放位置、图标大小、图标形状、逻辑关系等，对此不做赘述。

在一些可能的实施方式中，动态渲染与所述页面访问请求相对应的目标页面，还可包括：

确定所述配置文件中存储有目标页面框架；

拉取与所述目标页面相对应的目标数据，将所述目标数据填充至所述目标页面框架中，并渲染得到所述目标页面。

目标数据包括各个模块的具体内容。例如模块名称、模块包括的子模块、子模块的各种数据等，对此不做赘述。

由前述内容可知，配置文件中通常可包括多种页面框架，在接收到页面访问请求时，可以根据页面访问请求中携带的页面标识，从配置文件中选择目标页面框架，在确定出目标页面框架时，可以从配置文件中选取相应的目标数据，并将目标数据填充至目标页面框架中，并渲染得到目标页面，对此不做赘述。

在一些可能的实施方式中，在动态渲染与所述页面访问请求相对应的目标页面之后，所述方法还可包括：

将所述目标页面的页面框架保存在所述配置文件中。

配置文件中的页面框架除了包括预先由后端开发人员根据需求配置的之外，还可以将根据用户的实际需求动态生成的页面框架保存在配置文件中，以备后用。

也就是说，在本申请中，是动态绘制目标页面的，而不是选取已有模板，这就是的目标页面的渲染绘制更加灵活，不会出现显示不全(比如模板中有4节课程，但是本周有5节课程，就会出现某一节课程无法展示或者整体/部分展示错乱的情况)或者留有较大空白(比如模板中有5节课程，但是本周只有4节课程，就会有一个空白位置)的情况；且，在本申请中，不用预先定义目标页面的展示类型，例如课程地图的展示视图，而是根据获取到的配置参数动态生成，进一步提升了灵活性。

下面，介绍一下如何实现根据后端配置的配置参数动态生成课程地图。

选择Android中的RecyclerView作为容器，RecyclerView是Android中的一个可滑动的列表视图，配合其对应的Adapter可实现列表滑动。每一个课程周视图作为滑动列表的一个Item,每一个课程周视图的数量由后端返回，每一个课程周里包含的课程数也由后端返回，每一个课程周视图通过动态添加子视图的方式生成，每一个课程视图通过自定义视图的方法生成。

课程周视图是一个可容纳子视图的容器，比如ConstraintLayout。所以，课程周视图可以根据后端返回的课程数，动态添加每一个课程视图，动态添加第一个课程视图距离周视图的左边距，动态添加课程视图之间的间距样式，动态添加最后一个课程视图距离周视图的右边距，这样一个周视图就生成好了，所有的周视图放到列表视图RecyclerView中，就组合成了整个课程地图。

下面，介绍如何实现不预先定义课程周视图类型，根据后端返回的数据动态生成所需的课程周视图：

其核心理论就是，将周视图里包含的子视图的个数作为课程周类型的判断依据。简单点说，如果一个课程周里有3节课，那这个3节课的课程周就是一个类型的周视图；如果一个课程周里有4节课，那这个4节课的课程周就是一个类型的周视图。举个例子，如果产品经理或者用户想要随时更改后端的课程地图数据，每个课程周有3到10节课不等，采用现有的相关技术，就必须预先在代码里创建8个周视图。也即，即便后端只下发一周有三节课、一周有四节课、一周有五节课这样三种类型的数据，现有的方案依然会创建8个类型的周视图；而本申请中，将课程周包含的课程个数来做课程周视图的创建类型，如果后端只下发一周有三节课、一周有四节课、一周有五节课这样的三种类型的数据，那我们只需动态创建三个类型的课程周即可。

综上所述，本申请中，后端存储的配置文件中的配置参数可随意调整；且，无需预先定义多种类型，无需频繁上线和改版，无需修改代码，即可实现课程地图的动态绘制，更灵活高效。

本申请实施例还提供了一种页面生成装置，如图3所示。由图3可知，该页面生成装置可包括以下单元：

确定单元31：用于在接收到页面访问请求时，确定与所述页面访问请求相对应的模块数量以及模块顺序；

渲染单元32：用于基于所述模块数量以及所述模块顺序，动态渲染与所述页面访问请求相对应的目标页面；所述目标页面中的页面组件的数量等于所述模块数量，所述目标页面的页面组件按照所述模块顺序排列。

在一些可能的实施方式中，确定单元31具体用于：

解析所述页面访问请求，从所述页面访问请求中确定所述模块数量以及所述模块顺序；或者，

确定与所述页面访问请求相对应的配置文件，并从所述配置文件中确定所述模块数量以及所述模块顺序。

在一些可能的实施方式中，所述装置还可包括：

版本确定单元，用于确定所述配置文件为最新版本。

在一些可能的实施方式中，渲染单元32具体用于：

根据所述模块数量以及所述模块顺序，动态生成目标页面的页面框架；

拉取与所述目标页面相对应的目标数据，将所述目标数据填充至所述页面框架中，并渲染得到所述目标页面。

在一些可能的实施方式中，渲染单元32还用于：

确定所述配置文件中存储有目标页面框架；

拉取与所述目标页面相对应的目标数据，将所述目标数据填充至所述目标页面框架中，并渲染得到所述目标页面。

在一些可能的实施方式中，所述目标页面为课程地图页面。

在一些可能的实施方式中，在动态渲染与所述页面访问请求相对应的目标页面之后，所述方法还包括：

将所述目标页面的页面框架保存在所述配置文件中。

对应于图1中的页面生成方法，本公开实施例还提供了一种计算机设备，如图4所示，为本公开实施例提供的计算机设备40结构示意图，包括：

处理器401、存储器402、和总线403；存储器402用于存储执行指令，包括内存和外部存储器；这里的内存也称内存储器，用于暂时存放处理器401中的运算数据，以及与硬盘等外部存储器交换的数据，处理器401通过内存与外部存储器进行数据交换，当所述计算机设备运行时，所述处理器401与所述存储器402之间通过总线403通信，使得所述处理器401执行以下指令：

在接收到页面访问请求时，确定与所述页面访问请求相对应的模块数量以及模块顺序；

基于所述模块数量以及所述模块顺序，动态渲染与所述页面访问请求相对应的目标页面；所述目标页面中的页面组件的数量等于所述模块数量，所述目标页面的页面组件按照所述模块顺序排列。

本公开实施例还提供一种存储介质，该存储介质上存储有计算机程序，该计算机程序被处理器运行时执行上述方法实施例中所述的页面生成方法的步骤。其中，该存储介质可以是易失性或非易失的计算机可读取存储介质。

本公开实施例还提供一种计算机程序产品，该计算机程序产品承载有程序代码，所述程序代码包括的指令可用于执行上述方法实施例中所述的审阅方法的步骤，具体可参见上述方法实施例，在此不再赘述。

其中，上述计算机程序产品可以具体通过硬件、软件或其结合的方式实现。在一个可选实施例中，所述计算机程序产品具体体现为计算机存储介质，在另一个可选实施例中，计算机程序产品具体体现为软件产品，例如软件开发包(Software Development Kit，SDK)等等。本实施例还提供了一种电子设备，所述电子设备包括存储器和处理器，所述存储器中存储有程序指令，所述处理器运行所述程序指令时，执行上述任意方法中的步骤。

在本申请所提供的几个实施例中，应该理解到，所揭露的设备，也可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的，例如，附图中的框图显示了根据本申请的多个实施例的设备的可能实现的体系架构、功能和操作。在这点上，框图中的每个方框可以代表一个模块、程序段或代码的一部分，所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现方式中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图中的每个方框、以及框图的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

另外，在本申请各个实施例中的各功能模块可以集成在一起形成一个独立的部分，也可以是各个模块单独存在，也可以两个或两个以上模块集成形成一个独立的部分。

所述功能如果以软件功能模块的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。因此本实施例还提供了一种可读取存储介质中存储有计算机程序指令，所述计算机程序指令被一处理器读取并运行时，执行区块数据存储方法中任一项所述方法中的步骤。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。

以上所述仅为本申请的优选实施例而已，并不用于限制本申请，对于本领域的技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本申请的保护范围之内。

Claims (10)

1.一种页面生成方法，其特征在于，所述方法包括：

在接收到页面访问请求时，确定与所述页面访问请求相对应的模块数量以及模块顺序；

基于所述模块数量以及所述模块顺序，动态渲染与所述页面访问请求相对应的目标页面；所述目标页面中的页面组件的数量等于所述模块数量，所述目标页面的页面组件按照所述模块顺序排列。

2.根据权利要求1所述的方法，其特征在于，确定与所述页面访问请求相对应的模块数量以及模块顺序，包括：

解析所述页面访问请求，从所述页面访问请求中确定所述模块数量以及所述模块顺序；或者，

确定与所述页面访问请求相对应的配置文件，并从所述配置文件中确定所述模块数量以及所述模块顺序。

3.根据权利要求2所述的方法，其特征在于，在从所述配置文件中确定所述模块数量以及所述模块顺序之前，所述方法还包括：

确定所述配置文件为最新版本。

4.根据权利要求1所述的方法，其特征在于，动态渲染与所述页面访问请求相对应的目标页面，包括：

根据所述模块数量以及所述模块顺序，动态生成目标页面的页面框架；

拉取与所述目标页面相对应的目标数据，将所述目标数据填充至所述页面框架中，并渲染得到所述目标页面。

5.根据权利要求1所述的方法，其特征在于，动态渲染与所述页面访问请求相对应的目标页面，还包括：

确定所述配置文件中存储有目标页面框架；

拉取与所述目标页面相对应的目标数据，将所述目标数据填充至所述目标页面框架中，并渲染得到所述目标页面。

6.根据权利要求1所述的方法，其特征在于，所述目标页面为课程地图页面。

7.根据权利要求1～6任一项所述的方法，其特征在于，在动态渲染与所述页面访问请求相对应的目标页面之后，所述方法还包括：

将所述目标页面的页面框架保存在所述配置文件中。

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

确定单元，用于在接收到页面访问请求时，确定与所述页面访问请求相对应的模块数量以及模块顺序；

渲染单元，用于基于所述模块数量以及所述模块顺序，动态渲染与所述页面访问请求相对应的目标页面；所述目标页面中的页面组件的数量等于所述模块数量，所述目标页面的页面组件按照所述模块顺序排列。

9.一种电子设备，其特征在于，所述电子设备包括存储器和处理器，所述存储器中存储有程序指令，所述处理器运行所述程序指令时，执行权利要求1～7中任一项所述方法中的步骤。

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

Images