基于组件的页面渲染方法、装置、计算机设备和存储介质制造方法及图纸

本发明专利技术提供了一种基于组件的页面渲染方法、装置、计算机设备和存储介质。该方法包括：获取待渲染页面的配置文件；获取页面渲染项；在配置文件中，查找待渲染组件标识对应的组件，得到待渲染组件，在待渲染组件所包括的基础组件中，查找待渲染属性对应的基础组件，得到待渲染基础组件；根据待渲染组件的嵌套关系和待渲染基础组件的属性标识生成待渲染基础组件的键；在待渲染页面的页面数据集中查找键对应的基础组件数据，以得到目标基础组件数据；以及利用属性值对目标基础组件数据进行赋值和渲染。通过本发明专利技术，页面存在嵌套关系的组件在修改属性时简单，渲染速度快。

【技术实现步骤摘要】
基于组件的页面渲染方法、装置、计算机设备和存储介质
本专利技术涉及页面渲染处理
，尤其涉及一种基于组件的页面渲染方法、装置、计算机设备和存储介质。
技术介绍
在大屏业务的开发过程中，大屏页面中的前端组件与大屏需求强绑定，使得前端组件离开某个特定的大屏后，无法再使用，使得大屏业务需要基于需求开发，经常需要复制代码，进行大量调整，才可以在下一个大屏业务中继续使用，这种开发模式不仅效率低下，高覆盖度的测试工作也十分难以开展。大屏数据展示是数据源以及前端业务组件结合的产物，不同大屏具有完全不一样的数据源，但是具有类似的数据展示结构，也即具有相同的前端业务组件承载的功能，基于此，现有技术通过将前端业务组件抽象化，实现了前端业务组件与数据源的分离，以减少重复的代码工作，并且，对于抽象化的前端业务组件可集中测试，能够提升开发效率。但是，目前的组件结构通常是嵌套模式，例如大屏页面包括四个组件A、B、C和D，并且四个组件依次嵌套，也即A嵌套有B，B嵌套有C，C嵌套有D，此时，如果组件D中的某个属性需要进行修改，则需要通过关联关系，基于单向数据流的形式，依次修改A、B、C和D，因而导致代码臃肿，容易出错。因此，提供一种基于组件的页面渲染方法、装置、计算机设备和存储介质，解决现有技术中页面存在嵌套关系的组件在修改属性时代码臃肿，容易出错的问题，成为本领域亟需解决的技术问题。
技术实现思路
本专利技术的目的是提供一种基于组件的页面渲染方法、装置、计算机设备和存储介质，用于解决现有技术中的上述技术问题。一方面，为实现上述目的，本专利技术提供了一种基于组件的页面渲染方法。该基于组件的页面渲染方法包括：获取待渲染页面的配置文件，其中，待渲染页面包括至少两个组件，配置文件包括组件的组件标识、组件的嵌套关系、组件所包括的基础组件和基础组件的属性标识；获取页面渲染项，其中，渲染项包括待渲染组件标识、待渲染属性和属性值；在配置文件中，查找待渲染组件标识对应的组件，得到待渲染组件，在待渲染组件所包括的基础组件中，查找待渲染属性对应的基础组件，得到待渲染基础组件；根据待渲染组件的嵌套关系和待渲染基础组件的属性标识生成待渲染基础组件的键；在待渲染页面的页面数据集中查找键对应的基础组件数据，以得到目标基础组件数据；以及利用属性值对目标基础组件数据进行赋值和渲染。进一步地，待渲染组件的嵌套关系为由内向外，待渲染组件依次被第一组件至第N组件嵌套，其中，第X组件的组件标识为AX，N大于或等于1，X大于或等于1且小于或等于N，待渲染组件的组件标识为A，待渲染基础组件的属性标识为T，则待渲染组件的键为：AN—AN-1—…—A2—A1—A—T。进一步地，获取待渲染页面的配置文件的步骤包括：响应于页面选择操作，确定被选择页面的页面标识，其中，被选择页面为待渲染页面；以及获取页面标识所对应的配置文件。进一步地，获取页面渲染项的步骤包括：响应于组件选择操作，确定被选择组件的组件标识，其中，被选择组件的组件标识为待渲染组件标识；显示被选择组件的可配置表单，其中，可配置表单包括若干配置项，每个配置项对应一种属性；响应于对配置项的输入操作，确定被输入内容的配置项所对应的属性为待渲染属性，输入的内容为属性值。进一步地，不同的组件包括相同的基础组件。另一方面，为实现上述目的，本专利技术提供了一种基于组件的页面渲染装置。该基于组件的页面渲染装置包括：第一获取模块，用于获取待渲染页面的配置文件，其中，待渲染页面包括至少两个组件，配置文件包括组件的组件标识、组件的嵌套关系、组件所包括的基础组件和基础组件的属性标识；第二获取模块，用于获取页面渲染项，其中，渲染项包括待渲染组件标识、待渲染属性和属性值；第一查找模块，用于在配置文件中，查找待渲染组件标识对应的组件，得到待渲染组件，在待渲染组件所包括的基础组件中，查找待渲染属性对应的基础组件，得到待渲染基础组件；生成模块，用于根据待渲染组件的嵌套关系和待渲染基础组件的属性标识生成待渲染基础组件的键；第二查找模块，用于在待渲染页面的页面数据集中查找键对应的基础组件数据，以得到目标基础组件数据；以及渲染模块，用于利用属性值对目标基础组件数据进行赋值和渲染。进一步地，待渲染组件的嵌套关系为由内向外，待渲染组件依次被第一组件至第N组件嵌套，其中，第X组件的组件标识为AX，N大于或等于1，X大于或等于1且小于或等于N，待渲染组件的组件标识为A，待渲染基础组件的属性标识为T，则待渲染组件的键为：AN—AN-1—…—A2—A1—A—T。进一步地，第一获取模块包括：确定单元，用于响应于页面选择操作，确定被选择页面的页面标识，其中，被选择页面为待渲染页面；以及获取单元，用于获取页面标识所对应的配置文件。为实现上述目的，本专利技术还提供一种计算机设备，包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序，该处理器执行计算机程序时实现上述方法的步骤。为实现上述目的，本专利技术还提供计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现上述方法的步骤。本专利技术提供的基于组件的页面渲染方法、装置、计算机设备和存储介质，待渲染页面基于组件构建，实现了数据源与前端组件的分离，不同页面可复用相同的组件；进一步地，针对具有嵌套关系的组件，将页面上的属性与页面数据集中的基础组件数据通过键关联，该键既能够标识基础组件，又能够标识基础组件的嵌套层级，在对页面上的属性进行修改需要重新渲染页面时，计算出待修改的属性所属的基础组件的键后，即可在页面数据集中查找到对应的基础组件数据进行赋值和修改。同时，无需重新渲染整个组件，只需渲染待修改属性所属的基础组件即可，提升页面渲染的速度、附图说明通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本专利技术的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：图1为本专利技术实施例一提供的基于组件的页面渲染方法的流程图；图2为本专利技术实施例二提供的基于组件的页面渲染装置的框图；图3为本专利技术实施例三提供的计算机设备的硬件结构图。具体实施方式为了使本专利技术的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本专利技术进行进一步详细说明。应当理解，此处所描述的具体实施例仅用以解释本专利技术，并不用于限定本专利技术。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。为了解决现有技术中页面存在嵌套关系的组件在修改属性时代码臃肿，容易出错的技术问题，本专利技术提出一种基于组件的页面渲染方法、装置、计算机设备和存储介质，在该基于组件的页面渲染方法中，待渲染页面包括至少两个组件，具体地，当待渲染页面包括两个组件时，该两个组件具有嵌套关系，例如，待渲染页面包括组件A和组件B，其中，组件A嵌套有组件B；当待渲染页面包括两个以上本文档来自技高网...

【技术保护点】
1.一种基于组件的页面渲染方法，其特征在于，包括：/n获取待渲染页面的配置文件，其中，所述待渲染页面包括至少两个组件，所述配置文件包括所述组件的组件标识、所述组件的嵌套关系、所述组件所包括的基础组件和所述基础组件的属性标识；/n获取页面渲染项，其中，所述渲染项包括待渲染组件标识、待渲染属性和属性值；/n在所述配置文件中，查找所述待渲染组件标识对应的组件，得到待渲染组件，在所述待渲染组件所包括的基础组件中，查找所述待渲染属性对应的基础组件，得到待渲染基础组件；/n根据所述待渲染组件的嵌套关系和所述待渲染基础组件的属性标识生成所述待渲染基础组件的键；/n在所述待渲染页面的页面数据集中查找所述键对应的基础组件数据，以得到目标基础组件数据；以及/n利用所述属性值对所述目标基础组件数据进行赋值和渲染。/n

【技术特征摘要】
1.一种基于组件的页面渲染方法，其特征在于，包括：
获取待渲染页面的配置文件，其中，所述待渲染页面包括至少两个组件，所述配置文件包括所述组件的组件标识、所述组件的嵌套关系、所述组件所包括的基础组件和所述基础组件的属性标识；
获取页面渲染项，其中，所述渲染项包括待渲染组件标识、待渲染属性和属性值；
在所述配置文件中，查找所述待渲染组件标识对应的组件，得到待渲染组件，在所述待渲染组件所包括的基础组件中，查找所述待渲染属性对应的基础组件，得到待渲染基础组件；
根据所述待渲染组件的嵌套关系和所述待渲染基础组件的属性标识生成所述待渲染基础组件的键；
在所述待渲染页面的页面数据集中查找所述键对应的基础组件数据，以得到目标基础组件数据；以及
利用所述属性值对所述目标基础组件数据进行赋值和渲染。


2.根据权利要求1所述的基于组件的页面渲染方法，其特征在于，所述待渲染组件的嵌套关系为由内向外，所述待渲染组件依次被第一组件至第N组件嵌套，其中，所述第X组件的组件标识为AX，N大于或等于1，X大于或等于1且小于或等于N，所述待渲染组件的组件标识为A，所述待渲染基础组件的属性标识为T，则所述待渲染组件的键为：AN—AN-1—…—A2—A1—A—T。


3.根据权利要求1所述的基于组件的页面渲染方法，其特征在于，获取待渲染页面的配置文件的步骤包括：
响应于页面选择操作，确定被选择页面的页面标识，其中，所述被选择页面为所述待渲染页面；以及
获取所述页面标识所对应的配置文件。


4.根据权利要求1所述的基于组件的页面渲染方法，其特征在于，获取页面渲染项的步骤包括：
响应于组件选择操作，确定被选择组件的组件标识，其中，所述被选择组件的组件标识为所述待渲染组件标识；
显示所述被选择组件的可配置表单，其中，所述可配置表单包括若干配置项，每个所述配置项对应一种所述属性；
响应于对所述配置项的输入操作，确定被输入内容的所述配置项所对应的属性为所述待渲染属性，输入的内容为所述属性值。


5.根据权利要求1所述的基于组件的页面渲染方法，其特征在于，...

【专利技术属性】
技术研发人员：刘哲能，
申请(专利权)人：平安医疗健康管理股份有限公司，
类型：发明
国别省市：上海;31