CN114527972A - 一种页面生成方法、装置、电子设备及计算机可读介质 - Google Patents

Abstract

本申请公开了页面生成方法、装置、电子设备及计算机可读介质，涉及计算机技术领域，该方法包括：接收页面生成请求，获取对应的页面标识；根据页面标识，获取对应的配置信息，解析配置信息，以确定对应的细粒度配置维度；基于细粒度配置维度，调用对应的页面源模型，加载页面源模型中的配置规则，基于配置规则渲染页面并展示。基于细粒度配置维度，调用对应的页面源模型，加载页面源模型中的配置规则，基于配置规则渲染页面并展示。从而满足不同维度群体的个性化展示层需求，降低维护成本，增强项目的普适性。

Description

一种页面生成方法、装置、电子设备及计算机可读介质

技术领域

本申请涉及计算机技术领域，尤其涉及一种页面生成方法、装置、电子设备及计算机可读介质。

背景技术

动态渲染页面时，对于已经开发完成的界面元素的展示顺序，是否可见等，需要在原基础上做分支或拆分界面功能项目才能达到目的，且不同用户群体个性化展示层需求多变，项目多版本，维护成本高，项目难以形成标准产品化产物。

在实现本申请过程中，发明人发现现有技术中至少存在如下问题：

不同用户群体对于已经开发完成的界面元素的展示顺序、是否可见等个性化展示层需求多变，项目多版本，维护成本高，项目难以形成标准产品化产物。

发明内容

有鉴于此，本申请实施例提供一种页面生成方法、装置、电子设备及计算机可读介质，能够解决现有的不同用户群体对于已经开发完成的界面元素的展示顺序、是否可见等个性化展示层需求多变，项目多版本，维护成本高，项目难以形成标准产品化产物的问题。

为实现上述目的，根据本申请实施例的一个方面，提供了一种页面生成方法，包括：

接收页面生成请求，获取对应的页面标识；

根据页面标识，获取对应的配置信息，解析配置信息，以确定对应的细粒度配置维度；

基于细粒度配置维度，调用对应的页面源模型，加载页面源模型中的配置规则，基于配置规则渲染页面并展示。

可选地，在调用对应的页面源模型之前，方法还包括：

扫描目标路径下的代码文件，获取携带页面标识的页面文件；

基于预设组件标签扫描页面文件，以得到对应的元素；

确定元素对应的源模型属性，进而基于元素和对应的源模型属性，生成页面源模型。

可选地，生成页面源模型，包括：

基于对应的源模型属性，建立页面与元素的关联关系，进而基于细粒度配置维数对源模型进行配置，以生成页面源模型。

可选地，在生成页面源模型之后，方法还包括：

对页面源模型进行持久化处理。

可选地，确定对应的细粒度配置维度，包括：

获取配置信息中的维度标识；

基于维度标识确定对应的细粒度配置维度。

可选地，基于维度标识确定对应的细粒度配置维度，包括：

响应于确定维度标识为空且用户维度配置非空，确定维度标识对应的细粒度配置维度为用户；

响应于确定维度标识为空、用户维度配置为空且角色维度配置非空，确定维度标识对应的细粒度配置维度为角色；

响应于确定维度标识为空、用户维度配置为空、角色维度配置为空且租户维度配置非空，确定维度标识对应的细粒度配置维度为租户。

可选地，确定对应的细粒度配置维度，包括：

响应于触发自主定制事件，弹出悬浮层页面，获取用户针对悬浮层页面的输入信息，基于输入信息确定对应的细粒度配置维度。

可选地，基于配置规则渲染页面，包括：

根据配置规则，确定对应的自定义组件标签；

执行页面标识对应的页面组件对应的指令，得到指令执行结果；

根据自定义组件标签和指令执行结果动态展示元素，进行页面的渲染。

另外，本申请还提供了一种页面生成装置，包括：

接收单元，被配置成接收页面生成请求，获取对应的页面标识；

解析单元，被配置成根据页面标识，获取对应的配置信息，解析配置信息，以确定对应的细粒度配置维度；

页面生成单元，被配置成基于细粒度配置维度，调用对应的页面源模型，加载页面源模型中的配置规则，基于配置规则渲染页面并展示。

可选地，页面生成单元进一步被配置成：

扫描目标路径下的代码文件，获取携带页面标识的页面文件；

基于预设组件标签扫描页面文件，以得到对应的元素；

确定元素对应的源模型属性，进而基于元素和对应的源模型属性，生成页面源模型。

可选地，页面生成单元进一步被配置成：

基于对应的源模型属性，建立页面与元素的关联关系，进而基于细粒度配置维数对源模型进行配置，以生成页面源模型。

可选地，页面生成单元进一步被配置成：

对页面源模型进行持久化处理。

可选地，解析单元进一步被配置成：

获取配置信息中的维度标识；

基于维度标识确定对应的细粒度配置维度。

可选地，解析单元进一步被配置成：

响应于确定维度标识为空且用户维度配置非空，确定维度标识对应的细粒度配置维度为用户；

响应于确定维度标识为空、用户维度配置为空且角色维度配置非空，确定维度标识对应的细粒度配置维度为角色；

响应于确定维度标识为空、用户维度配置为空、角色维度配置为空且租户维度配置非空，确定维度标识对应的细粒度配置维度为租户。

可选地，解析单元进一步被配置成：

响应于触发自主定制事件，弹出悬浮层页面，获取用户针对悬浮层页面的输入信息，基于输入信息确定对应的细粒度配置维度。

可选地，页面生成单元进一步被配置成：

根据配置规则，确定对应的自定义组件标签；

执行页面标识对应的页面组件对应的指令，得到指令执行结果；

根据自定义组件标签和指令执行结果动态展示元素，进行页面的渲染。

另外，本申请还提供了一种页面生成电子设备，包括：一个或多个处理器；存储装置，用于存储一个或多个程序，当一个或多个程序被一个或多个处理器执行，使得一个或多个处理器实现如上述的页面生成方法。

另外，本申请还提供了一种计算机可读介质，其上存储有计算机程序，程序被处理器执行时实现如上述的页面生成方法。

上述发明中的一个实施例具有如下优点或有益效果：本申请通过接收页面生成请求，获取对应的页面标识；根据页面标识，获取对应的配置信息，解析配置信息，以确定对应的细粒度配置维度；基于细粒度配置维度，调用对应的页面源模型，加载页面源模型中的配置规则，基于配置规则渲染页面并展示。基于细粒度配置维度，调用对应的页面源模型，加载页面源模型中的配置规则，基于配置规则渲染页面并展示。从而满足不同维度群体的个性化展示层需求，降低维护成本，增强项目的普适性。

上述的非惯用的可选方式所具有的进一步效果将在下文中结合具体实施方式加以说明。

附图说明

附图用于更好地理解本申请，不构成对本申请的不当限定。其中：

图1是根据本申请第一实施例的页面生成方法的主要流程的示意图；

图2是根据本申请第二实施例的页面生成方法的主要流程的示意图；

图3是根据本申请第三实施例的页面生成方法的应用场景示意图；

图4是根据本申请实施例的页面生成装置的主要单元的示意图；

图5是本申请实施例可以应用于其中的示例性系统架构图；

图6是适于用来实现本申请实施例的终端设备或服务器的计算机系统的结构示意图。

具体实施方式

以下结合附图对本申请的示范性实施例做出说明，其中包括本申请实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本申请的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。

图1是根据本申请第一实施例的页面生成方法的主要流程的示意图，如图1所示，页面生成方法包括：

步骤S101，接收页面生成请求，获取对应的页面标识。

本实施例中，页面生成方法的执行主体(例如，可以是服务器)可以通过有线连接或无线连接的方式，接收页面生成请求。页面生成请求，可以是根据实际业务进行定制化页面渲染展示的请求。页面标识，可以是通过prop属性定义的页面的唯一标识码，通过该标识获取对应动态配置。

步骤S102，根据页面标识，获取对应的配置信息，解析配置信息，以确定对应的细粒度配置维度。

执行主体可以根据页面标识唯一确定对应的页面的配置信息。页面配置信息中可以包括细粒度维度(例如租户级、角色级、用户级)、组件中的元素是否展示以及组件中的元素的排序等。执行主体在获取页面标识对应的配置信息后，可以解析配置信息，以确定配置信息中包括的细粒度配置维度，例如是租户级还是角色级还是用户级。然后，执行主体可调用前端自定义VUE组件，在需要定制化的页面完成不同细粒度维度的页面渲染。VUE是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，VUE被设计为可以自底向上逐层应用。VUE的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，VUE也完全能够为复杂的单页应用(SPA)提供驱动。

具体地，确定对应的细粒度配置维度，包括：

获取配置信息中的维度标识。例如，租户维度对应的ZH，角色维度对应的JS，用户维度对应的YH。本申请实施例对维度标识的具体表示形式不做限定。进而，执行主体通过预设的维度标识和细粒度配置维度的对应关系，即可基于配置信息中的维度标识确定对应的细粒度配置维度。例如，维度标识为ZH，对应的细粒度配置维度为租户；维度标识为JS，对应的细粒度配置维度为角色；维度标识为YH，对应的细粒度配置维度为用户。

具体地，基于维度标识确定对应的细粒度配置维度，包括：

响应于确定维度标识为空且用户维度配置非空，确定维度标识对应的细粒度配置维度为用户；响应于确定维度标识为空、用户维度配置为空且角色维度配置非空，确定维度标识对应的细粒度配置维度为角色；响应于确定维度标识为空、用户维度配置为空、角色维度配置为空且租户维度配置非空，确定维度标识对应的细粒度配置维度为租户。示例的，对于组件中的元素定制其是否展示、排序等，当用户维度有对应的定制的配置信息时，则按用户维度配置；当用户维度没有定制的配置信息时，按角色维度配置，当角色维度没有对应的定制的配置信息时，按租户维度配置。均无时则忽略。

当然，执行主体也可以在支持定制化的页面提供悬浮层，用户自主定制，更加灵活。具体地，确定对应的细粒度配置维度，包括：

响应于触发自主定制事件，弹出悬浮层页面，获取用户针对悬浮层页面的输入信息，基于输入信息确定对应的细粒度配置维度。具体地，输入信息可以包括待创建的页面源模型的细粒度维度(例如租户级、角色级或用户级等)、待创建的页面源模型中的组件的元素是否展示以及排序顺序等。

步骤S103，基于细粒度配置维度，调用对应的页面源模型，加载页面源模型中的配置规则，基于配置规则渲染页面并展示。

具体地，基于配置规则渲染页面，包括：

根据配置规则，确定对应的自定义组件标签。自定义组件标签，可以包括前端自定义的VUE组件对应的标签。

执行主体可以加载配置规则，然后可以加载对应的配置，确定对应的自定义组件标签，然后基于自定义组件标签定位自定义组件，以对该配置中的自定义组件/指令进行解析，以执行配置规则，进而对页面展示层进行渲染。

具体地，前端自定义的VUE组件：<m-page prop＝‘xxx’>、<m-query prop＝‘xxx’>、<m-table prop＝‘xxx’>、<m-column prop＝‘xxx’>、指令:v-mshow:xxx＝‘data’在需要定制化的页面使用即可完成不同级别细粒度动态渲染。其中，<m-page prop＝‘xxx’>页面标识组件，通过prop属性定义该页面的唯一标识，通过该标识获取对应动态配置。<m-queryprop＝‘xxx’>查询区域组件，prop标记组件编码，允许同一个页面多个区域使用该组件，每个组件独立不相互影响，从页面配置中获取对应组件相关配置，通过给该组件内的元素上使用v-mshow指令完成动态渲染。<m-table prop＝‘xxx’>、<m-column prop＝‘xxx’>表格区域组件，prop标记组件编码，允许同一个页面多个区域使用该组件，每个组件独立不相互影响，从页面配置中获取对应组件相关配置，m-column组件的prop标记需要动态展示的属性名，解析对应配置完成表格列的动态渲染。其中，表格区域的操作列中的操作按钮通过v-mshow:xxx＝’scope.row’组件，解析配置信息完成表格操作区域按钮或元素动态渲染。其中，v-mshow是自定义的一个VUE指令，其作用是在页面元素上使用该指令，通过获取后端配置，即可完成该页面元素的动态展示或隐藏。

执行页面标识对应的页面组件对应的指令，得到指令执行结果；根据自定义组件标签和指令执行结果动态展示元素，进行页面的渲染。

示例的，指令:v-mshow:xxx＝‘data’元素，用于确定是否展示自定义指令。其中，xxx标识使用该指令的元素名，data为执行该指令时的源数据(表格可以使用当前行数据)。当元素配置定义为EL表达式，如{data.lineType！＝‘101’&&data.loadType＝‘1’}，通过解析表达式结果确定是否展示该元素。其中，表达式结果为布尔值，true/false两种。EL表达式用${}表示，如逻辑表达式${true and false}、${1＝＝2}结果都是false。用来定义界面元素是否可以展示的表达式。这里可以使用其他表达式代替。表达式可以根据业务属性来定义，如：当单据状态为已签收时可以展示确认收货按钮(这里单据状态属性名为status，已完成可以用1表示)，表达式：${status＝＝1}当实际业务中单据状态为已签收时，并且结果为true，则展示确认收货按钮，反之则不展示。

本申请实施例中，针对VUE前端页面，在尽可能少的改动代码的前提下提供一种方式对页面元素进行动态渲染。通过定制化的配置，可以同一功能页面满足不同租户、不同权限角色等不同维度的用户群体实时、动态展示差异化界面，无需对页面或后端做不同的分支处理，降低业务场景适配复杂度，减少开发成本。适用于已经开发或新开发的VUE工程使用。

本实施例通过接收页面生成请求，获取对应的页面标识；根据页面标识，获取对应的配置信息，解析配置信息，以确定对应的细粒度配置维度；基于细粒度配置维度，调用对应的页面源模型，加载页面源模型中的配置规则，基于配置规则渲染页面并展示。基于细粒度配置维度，调用对应的页面源模型，加载页面源模型中的配置规则，基于配置规则渲染页面并展示。从而满足不同维度群体的个性化展示层需求，降低维护成本，增强项目的普适性。

图2是根据本申请第二实施例的页面生成方法的主要流程示意图，如图2所示，页面生成方法包括：

步骤S201，扫描目标路径下的代码文件，获取携带页面标识的页面文件。

后端配置：首先，执行主体可以将页面元素分为四大类型：基础元素(如：input)、展示项(如：label)、表格项(如：表格列)、表格操作项(如：表格操作列中的按钮等)。将页面组件分为两大类型：查询组件、表格组件。首先，执行主体可以通过前端代码扫描器，扫描指定路径下的全部或部分代码。

步骤S202，基于预设组件标签扫描页面文件，以得到对应的元素。

通过扫描<m-page prop＝’xxx’>动态页面唯一标识码(即页面标识)，用于标识页面与其配置项映射关系。扫描<m-query><m-table>标签下元素，例如，pageCode、componentList等。

步骤S203，确定元素对应的源模型属性，进而基于元素和对应的源模型属性，生成页面源模型。

执行主体可以调用执行脚本分析器将组件标签下每个元素以key-value-type存放在一个组件下，即一个组件下包含多个元素。例如，将code、name、type、elementList等元素存放在componentList组件下。

示例的，动态扫描生成页面源模型的实现方式如下：

然后，执行主体可以将分析得到的多个页面模型生成文件存储到本地或固定地址，通过文件导入调用后端服务或者直接调用后端服务进行持久化。提供手动配置管理功能，管理员对页面源模型可以按租户级、角色级、用户级等细粒度来定制不同维度的页面配置，对于组件中的元素定制其是否展示、排序等。页面注册：动态扫描或手动创建。组件定义：动态扫描或手动创建。页面配置：动态扫描或手动创建，是否展示项默认“true”(支持EL表达式：最终结果为布尔值)。当用户未定制时，按角色配置，当角色未配置时，按租户配置，均无时则忽略，细粒度配置级别可按实际场景使用。至此，页面模型动态生成器完成实际业务代码与配置之间的映射关系。也可以在支持定制化的页面提供悬浮层，用户自主定制，更加灵活。

本实施例通过动态扫描生成页面源模型可以实现多维度定制化界面，通过解析配置实现租户级、角色级、用户级等不同颗粒度配置来实现新老项目更加快速、简单、灵活实现页面动态展示的完整解决方案。

具体地，生成页面源模型，包括：

基于对应的源模型属性，建立页面与元素的关联关系，进而基于细粒度配置维数对源模型进行配置，以生成页面源模型。

代码扫描器的作用在于前端开发接入动态页面组件后，标记了页面唯一标识、需要动态展示的元素，组件等，执行主体可以通过代码扫描器动态创建页面源模型，然后再基于每一个源模型可以建立不同维度的配置，以动态渲染不同的展示层，当代码变更，涉及页面需要控制展示的元素发生变化时，无需人工手动维护不同维度的配置。这里也可通过手动创建页面源模型来替换代码扫描器，即当代码有变更，涉及页面需要控制展示的元素发生变化时，需手动维护不同维度的配置。以上为配置时态，即完成对动态页面的初始配置。

具体地，在生成页面源模型之后，方法还包括：

对页面源模型进行持久化处理。

具体地，对页面源模型进行持久化处理，包括：

获取页面源模型，按等级、场景等配置模型属性规则，生成规则(例如A租户、B租户、A租户-User)存放到规则池中。

步骤S204，接收页面生成请求，获取对应的页面标识。

步骤S205，根据页面标识，获取对应的配置信息，解析配置信息，以确定对应的细粒度配置维度。

步骤S206，基于细粒度配置维度，调用对应的页面源模型，加载页面源模型中的配置规则，基于配置规则渲染页面并展示。

当运行时态时，执行主体接收页面生成请求，进而获取对应的页面标识即页面唯一标识，通过调用动态页面组件获取对应维度的配置完成页面的动态渲染。

本申请实施例中，涉及到的级别：租户级、角色级、用户级等。页面源模型：用于描述一个页面与其组件全部元素关系，通过对源模型按级别细粒度配置。页面唯一标识码：用于标识页面。模型属性：用于标识组件元素。租户：租户相当于组织，多租户＝多组织。角色：操作功能的权限。用户：组织下的成员。三者之间的关系：租户可以有多个角色和用户；用户可以有多个角色和租户；角色赋予用户操作功能的权限。细粒度模型，就是将业务模型中的对象加以细分，从而得到更科学合理的对象模型，直观的说就是划分出很多对象。细化程度越高，粒度级就越小；相反，细化程度越低，粒度级就越大。粒度是用于访问授权的。

图3是根据本申请第三实施例的页面生成方法的应用场景示意图。本申请实施例的页面生成方法，可以应用于动态页面渲染的场景。如图3所示，服务器302接收页面生成请求301，获取对应的页面标识303。服务器302根据页面标识303，获取对应的配置信息304，解析配置信息304，以确定对应的细粒度配置维度305。服务器302基于细粒度配置维度305，调用对应的页面源模型306，加载页面源模型306中的配置规则307，基于配置规则307渲染页面308并展示。

图4是根据本申请实施例的页面生成装置的主要单元的示意图。如图4所示，页面生成装置包括接收单元401、解析单元402和页面生成单元403。

接收单元401，被配置成接收页面生成请求，获取对应的页面标识。

解析单元402，被配置成根据页面标识，获取对应的配置信息，解析配置信息，以确定对应的细粒度配置维度。

页面生成单元403，被配置成基于细粒度配置维度，调用对应的页面源模型，加载页面源模型中的配置规则，基于配置规则渲染页面并展示。

在一些实施例中，页面生成单元403进一步被配置成：扫描目标路径下的代码文件，获取携带页面标识的页面文件；基于预设组件标签扫描页面文件，以得到对应的元素；确定元素对应的源模型属性，进而基于元素和对应的源模型属性，生成页面源模型。

在一些实施例中，页面生成单元403进一步被配置成：基于对应的源模型属性，建立页面与元素的关联关系，进而基于细粒度配置维数对源模型进行配置，以生成页面源模型。

在一些实施例中，页面生成单元403进一步被配置成：对页面源模型进行持久化处理。

在一些实施例中，解析单元402进一步被配置成：获取配置信息中的维度标识；基于维度标识确定对应的细粒度配置维度。

在一些实施例中，解析单元402进一步被配置成：响应于确定维度标识为空且用户维度配置非空，确定维度标识对应的细粒度配置维度为用户；响应于确定维度标识为空、用户维度配置为空且角色维度配置非空，确定维度标识对应的细粒度配置维度为角色；响应于确定维度标识为空、用户维度配置为空、角色维度配置为空且租户维度配置非空，确定维度标识对应的细粒度配置维度为租户。

在一些实施例中，解析单元402进一步被配置成：响应于触发自主定制事件，弹出悬浮层页面，获取用户针对悬浮层页面的输入信息，基于输入信息确定对应的细粒度配置维度。

在一些实施例中，页面生成单元403进一步被配置成：根据配置规则，确定对应的自定义组件标签；执行页面标识对应的页面组件对应的指令，得到指令执行结果；根据自定义组件标签和指令执行结果动态展示元素，进行页面的渲染。

需要说明的是，在本申请页面生成方法和页面生成装置在具体实施内容上具有相应关系，故重复内容不再说明。

图5示出了可以应用本申请实施例的页面生成方法或页面生成装置的示例性系统架构500。

如图5所示，系统架构500可以包括终端设备501、502、503，网络504和服务器505。网络504用以在终端设备501、502、503和服务器505之间提供通信链路的介质。网络504可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。

用户可以使用终端设备501、502、503通过网络504与服务器505交互，以接收或发送消息等。终端设备501、502、503上可以安装有各种通讯客户端应用，例如购物类应用、网页浏览器应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等(仅为示例)。

终端设备501、502、503可以是具有页面生成处理屏并且支持网页浏览的各种电子设备，包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。

服务器505可以是提供各种服务的服务器，例如对用户利用终端设备501、502、503所提交的页面生成请求提供支持的后台管理服务器(仅为示例)。后台管理服务器可以接收页面生成请求，获取对应的页面标识；根据页面标识，获取对应的配置信息，解析配置信息，以确定对应的细粒度配置维度；基于细粒度配置维度，调用对应的页面源模型，加载页面源模型中的配置规则，基于配置规则渲染页面并展示。基于细粒度配置维度，调用对应的页面源模型，加载页面源模型中的配置规则，基于配置规则渲染页面并展示。从而满足不同维度群体的个性化展示层需求，降低维护成本，增强项目的普适性。

需要说明的是，本申请实施例所提供的页面生成方法一般由服务器505执行，相应地，页面生成装置一般设置于服务器505中。

应该理解，图5中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。

下面参考图6，其示出了适于用来实现本申请实施例的终端设备的计算机系统600的结构示意图。图6示出的终端设备仅仅是一个示例，不应对本申请实施例的功能和使用范围带来任何限制。

如图6所示，计算机系统600包括中央处理单元(CPU)601，其可以根据存储在只读存储器(ROM)602中的程序或者从存储部分608加载到随机访问存储器(RAM)603中的程序而执行各种适当的动作和处理。在RAM603中，还存储有计算机系统600操作所需的各种程序和数据。CPU601、ROM602以及RAM603通过总线604彼此相连。输入/输出(I/O)接口605也连接至总线604。

以下部件连接至I/O接口605：包括键盘、鼠标等的输入部分606；包括诸如阴极射线管(CRT)、液晶征信授权查询处理器(LCD)等以及扬声器等的输出部分607；包括硬盘等的存储部分608；以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分609。通信部分609经由诸如因特网的网络执行通信处理。驱动器610也根据需要连接至I/O接口605。可拆卸介质611，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器610上，以便于从其上读出的计算机程序根据需要被安装入存储部分608。

特别地，根据本申请公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本申请公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分609从网络上被下载和安装，和/或从可拆卸介质611被安装。在该计算机程序被中央处理单元(CPU)601执行时，执行本申请的系统中限定的上述功能。

需要说明的是，本申请所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以包括但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本申请中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本申请中，计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、电线、光缆、RF等等，或者上述的任意合适的组合。

附图中的流程图和框图，图示了按照本申请各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图或流程图中的每个方框、以及框图或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

描述于本申请实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。所描述的单元也可以设置在处理器中，例如，可以描述为：一种处理器包括接收单元、解析单元和页面生成单元。其中，这些单元的名称在某种情况下并不构成对该单元本身的限定。

作为另一方面，本申请还提供了一种计算机可读介质，该计算机可读介质可以是上述实施例中描述的设备中所包含的；也可以是单独存在，而未装配入该设备中。上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被一个该设备执行时，使得该设备接收页面生成请求，获取对应的页面标识；根据页面标识，获取对应的配置信息，解析配置信息，以确定对应的细粒度配置维度；基于细粒度配置维度，调用对应的页面源模型，加载页面源模型中的配置规则，基于配置规则渲染页面并展示。基于细粒度配置维度，调用对应的页面源模型，加载页面源模型中的配置规则，基于配置规则渲染页面并展示。

根据本申请实施例的技术方案，从而满足不同维度群体的个性化展示层需求，降低维护成本，增强项目的普适性。

上述具体实施方式，并不构成对本申请保护范围的限制。本领域技术人员应该明白的是，取决于设计要求和其他因素，可以发生各种各样的修改、组合、子组合和替代。任何在本申请的精神和原则之内所作的修改、等同替换和改进等，均应包含在本申请保护范围之内。

Claims (12)

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

接收页面生成请求，获取对应的页面标识；

根据所述页面标识，获取对应的配置信息，解析所述配置信息，以确定对应的细粒度配置维度；

基于所述细粒度配置维度，调用对应的页面源模型，加载所述页面源模型中的配置规则，基于所述配置规则渲染页面并展示。

2.根据权利要求1所述的方法，其特征在于，在所述调用对应的页面源模型之前，所述方法还包括：

扫描目标路径下的代码文件，获取携带所述页面标识的页面文件；

基于预设组件标签扫描所述页面文件，以得到对应的元素；

确定所述元素对应的源模型属性，进而基于所述元素和所述对应的源模型属性，生成页面源模型。

3.根据权利要求2所述的方法，其特征在于，所述生成页面源模型，包括：

基于所述对应的源模型属性，建立页面与所述元素的关联关系，进而基于所述细粒度配置维数对源模型进行配置，以生成页面源模型。

4.根据权利要求2～3中任一项所述的方法，其特征在于，在所述生成页面源模型之后，所述方法还包括：

对所述页面源模型进行持久化处理。

5.根据权利要求1所述的方法，其特征在于，所述确定对应的细粒度配置维度，包括：

获取所述配置信息中的维度标识；

基于所述维度标识确定对应的细粒度配置维度。

6.根据权利要求5所述的方法，其特征在于，所述基于所述维度标识确定对应的细粒度配置维度，包括：

响应于确定所述维度标识为空且用户维度配置非空，确定所述维度标识对应的细粒度配置维度为用户；

响应于确定所述维度标识为空、用户维度配置为空且角色维度配置非空，确定所述维度标识对应的细粒度配置维度为角色；

响应于确定所述维度标识为空、用户维度配置为空、角色维度配置为空且租户维度配置非空，确定所述维度标识对应的细粒度配置维度为租户。

7.根据权利要求1所述的方法，其特征在于，所述确定对应的细粒度配置维度，包括：

响应于触发自主定制事件，弹出悬浮层页面，获取用户针对所述悬浮层页面的输入信息，基于所述输入信息确定对应的细粒度配置维度。

8.根据权利要求1所述的方法，其特征在于，所述基于所述配置规则渲染页面，包括：

根据所述配置规则，确定对应的自定义组件标签；

执行所述页面标识对应的页面组件对应的指令，得到指令执行结果；

根据所述自定义组件标签和所述指令执行结果动态展示元素，进行页面的渲染。

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

接收单元，被配置成接收页面生成请求，获取对应的页面标识；

解析单元，被配置成根据所述页面标识，获取对应的配置信息，解析所述配置信息，以确定对应的细粒度配置维度；

页面生成单元，被配置成基于所述细粒度配置维度，调用对应的页面源模型，加载所述页面源模型中的配置规则，基于所述配置规则渲染页面并展示。

10.根据权利要求8所述的装置，其特征在于，所述页面生成单元进一步被配置成：

扫描目标路径下的代码文件，获取携带所述页面标识的页面文件；

基于预设组件标签扫描所述页面文件，以得到对应的元素；

确定所述元素对应的源模型属性，进而基于所述元素和所述对应的源模型属性，生成页面源模型。

11.一种页面生成电子设备，其特征在于，包括：

一个或多个处理器；

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

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

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

Images