一种页面获取方法、装置、设备、存储介质及产品制造方法及图纸

本申请提供了一种页面获取方法、装置、设备、存储介质及产品，该页面获取方法包括：获取每种组件开发框架所生成的待编译组件；对待编译组件进行编译，得到页面组件；在至少两种组件开发框架中，将每种组件开发框架对应的页面组件进行组合，得到多个页面组件；呈现多个页面组件，响应于针对多个页面组件的选择操作，对选择的页面组件进行聚合，得到应用页面，其中，应用页面为功能应用的前端页面。通过本申请，能够提升页面获取的灵活性。能够提升页面获取的灵活性。能够提升页面获取的灵活性。

【技术实现步骤摘要】
一种页面获取方法、装置、设备、存储介质及产品


[0001]本申请涉及计算机应用领域中的信息处理技术，尤其涉及一种页面获取方法、装置、设备、存储介质及产品。

技术介绍

[0002]微前端是指将功能应用按照不同的维度拆分成多个子功能应用或组件，通过主应用来加载这些子功能应用或组件，以实现功能应用对应的功能；也就是说，在微前端中，功能应用是由多个子应用或组件聚合而成的。
[0003]一般来说，为了实现微前端，通常采用一个前端开发框架进行子应用或组件的开发，再将子应用或组件聚合为功能应用的前端页面。然而，上述实现微前端的过程中，前端页面是采用一个前端开发框架进行开发的，存在限制性，从而，微前端实现过程中，页面获取的灵活性较低。

技术实现思路

[0004]本申请实施例提供一种页面获取方法、装置、设备、计算机可读存储介质及计算机程序产品，能够在微前端实现过程中，提升页面获取的灵活性。
[0005]本申请实施例的技术方案是这样实现的：
[0006]本申请实施例提供一种页面获取方法，包括：
[0007]获取每种组件开发框架所生成的待编译组件；
[0008]对所述待编译组件进行编译，得到页面组件；
[0009]在至少两种所述组件开发框架中，将每种所述组件开发框架对应的所述页面组件进行组合，得到多个所述页面组件；
[0010]呈现多个所述页面组件，响应于针对多个所述页面组件的选择操作，对选择的所述页面组件进行聚合，得到应用页面，其中，所述应用页面为功能应用的前端页面。
[0011]本申请实施例提供一种页面获取装置，包括：
[0012]组件获取模块，用于获取每种组件开发框架所生成的待编译组件；
[0013]组件编码模块，用于对所述待编译组件进行编译，得到页面组件；
[0014]组件组合模块，用于在至少两种所述组件开发框架中，将每种所述组件开发框架对应的所述页面组件进行组合，得到多个所述页面组件；
[0015]组件聚合模块，用于呈现多个所述页面组件，响应于针对多个所述页面组件的选择操作，对选择的所述页面组件进行聚合，得到应用页面，其中，所述应用页面为功能应用的前端页面。
[0016]在本申请实施例中，所述页面获取装置还包括页面呈现模块，用于响应于针对所述应用页面的渲染操作，获取选择的所述页面组件所对应的渲染逻辑；在执行所述渲染逻辑的过程中，针对选择的所述页面组件中的每个所述页面组件，加载对应的框架运行时，其中，所述框架运行时为所述组件开发框架的运行时；基于加载的每个所述页面组件对应的
所述框架运行时，呈现所述应用页面。
[0017]在本申请实施例中，所述页面呈现模块，还用于响应于针对所述应用页面的所述渲染操作，获取选择的所述页面组件中各个所述页面组件之间的聚合逻辑；基于所述聚合逻辑，对选择的所述页面组件中每个所述页面组件对应的实现逻辑进行获取，并将获得的每个所述页面组件对应的所述实现逻辑，组合成与选择的所述页面组件对应的所述渲染逻辑。
[0018]在本申请实施例中，所述页面呈现模块，还用于基于加载的每个所述页面组件对应的所述框架运行时，获取每个所述页面组件对应的待转换数据；基于所述页面组件对应的所述组件开发框架的数据格式，对所述待转换数据进行数据转换，得到待显示数据；基于所述待显示数据，呈现所述应用页面。
[0019]在本申请实施例中，所述页面获取装置还包括页面交互模块，用于响应于作用在所述应用页面上的第一应用操作，指示触发的所述页面组件通过消息中心向关联的所述页面组件发送第一交互指令；指示关联的所述页面组件执行所述第一交互指令，并基于所述第一交互指令的执行结果，呈现与关联的所述页面组件对应的交互信息。
[0020]在本申请实施例中，所述页面交互模块，还用于响应于作用在所述应用页面上的第二应用操作，通过消息中心获取触发的所述页面组件发送的第二交互指令；执行所述第二交互指令，并基于所述第二交互指令的执行结果，对所述应用页面执行系统交互处理。
[0021]在本申请实施例中，所述选择操作包括模板组件选择操作和功能组件选择操作，选择的所述页面组件包括选择的模板组件和选择的功能组件；所述组件聚合模块，还用于响应于针对多个所述页面组件的所述模板组件选择操作，获得选择的所述模板组件；响应于针对多个所述页面组件的所述功能组件选择操作，基于选择的所述模板组件对选择的所述功能组件进行聚合，得到所述应用页面。
[0022]在本申请实施例中，所述页面获取装置还包括页面管理模块，用于获取与所述功能应用对应的至少一个所述应用页面；基于至少一个所述应用页面，呈现应用页面列表，其中，呈现的所述应用页面列表包括至少一个所述应用页面和每个所述应用页面对应的页面设置控件，所述页面设置控件包括页面信息设置控件、组件配置控件、状态设置控件、接口配置控件和预览控件中的一种或多种；响应于作用在所述页面设置控件上的页面设置操作，针对所述页面设置控件对应的所述应用页面执行所述页面设置操作。
[0023]在本申请实施例中，所述页面获取装置还包括应用管理模块，用于获取至少一个所述功能应用；基于至少一个所述功能应用，呈现功能应用列表，其中，呈现的所述功能应用列表包括至少一个所述功能应用和每个所述功能应用对应的应用设置控件；响应于作用在所述应用设置控件上的应用设置操作，针对所述应用设置控件对应的所述功能应用执行所述应用设置操作。
[0024]本申请实施例提供一种页面获取设备，包括：
[0025]存储器，用于存储可执行指令；
[0026]处理器，用于执行所述存储器中存储的可执行指令时，实现本申请实施例提供的页面获取方法。
[0027]本申请实施例提供一种计算机可读存储介质，存储有可执行指令，用于引起处理器执行时，实现本申请实施例提供的页面获取方法。
[0028]本申请实施例提供一种计算机程序产品，包括计算机程序或指令，所述计算机程序或指令被处理器执行时实现本申请实施例提供的所述的页面获取方法。
[0029]本申请实施例至少具有以下有益效果：通过对至少两种组件开发框架中的每种组件开发框架所开发出的组件进行编译，使得能够同时承载至少两种组件开发框架对应的多个页面组件；接着，通过对多个页面组件进行可视化聚合，来获得功能应用的前端页面；也就是说，应用页面的获取，是通过聚合不同组件开发框架所开发出的页面组件实现的，是一种跨框架的页面获取方式，从而，能够在微前端实现过程中，提升页面获取的灵活性。
附图说明
[0030]图1是本申请实施例提供的页面获取系统的一个可选的架构示意图；
[0031]图2是本申请实施例提供的一种图1中的终端的组成结构示意图；
[0032]图3是本申请实施例提供的页面获取方法的一个可选的流程示意图；
[0033]图4是本申请实施例提供的页面获取方法的另一个可选的流程示意图；
[0034]图5是本申请实施例提供的页面获取方法的又一个可选的流程示意图本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面获取方法，其特征在于，包括：获取每种组件开发框架所生成的待编译组件；对所述待编译组件进行编译，得到页面组件；在至少两种所述组件开发框架中，将每种所述组件开发框架对应的所述页面组件进行组合，得到多个所述页面组件；呈现多个所述页面组件，响应于针对多个所述页面组件的选择操作，对选择的所述页面组件进行聚合，得到应用页面，其中，所述应用页面为功能应用的前端页面。2.根据权利要求1所述的方法，其特征在于，所述响应于针对多个所述页面组件的选择操作，对选择的所述页面组件进行聚合，得到应用页面之后，所述方法还包括：响应于针对所述应用页面的渲染操作，获取选择的所述页面组件所对应的渲染逻辑；在执行所述渲染逻辑的过程中，针对选择的所述页面组件中的每个所述页面组件，加载对应的框架运行时，其中，所述框架运行时为所述组件开发框架的运行时；基于加载的每个所述页面组件对应的所述框架运行时，呈现所述应用页面。3.根据权利要求2所述的方法，其特征在于，所述响应于针对所述应用页面的渲染操作，获取选择的所述页面组件所对应的渲染逻辑，包括：响应于针对所述应用页面的所述渲染操作，获取选择的所述页面组件中各个所述页面组件之间的聚合逻辑；基于所述聚合逻辑，对选择的所述页面组件中每个所述页面组件对应的实现逻辑进行获取，并将获得的每个所述页面组件对应的所述实现逻辑，组合成与选择的所述页面组件对应的所述渲染逻辑。4.根据权利要求2或3所述的方法，其特征在于，所述基于加载的每个所述页面组件对应的所述框架运行时，呈现所述应用页面，包括：基于加载的每个所述页面组件对应的所述框架运行时，获取每个所述页面组件对应的待转换数据；基于所述页面组件对应的所述组件开发框架的数据格式，对所述待转换数据进行数据转换，得到待显示数据；基于所述待显示数据，呈现所述应用页面。5.根据权利要求2或3所述的方法，其特征在于，所述基于加载的每个所述页面组件对应的所述框架运行时，呈现所述应用页面之后，所述方法还包括：响应于作用在所述应用页面上的第一应用操作，指示触发的所述页面组件通过消息中心向关联的所述页面组件发送第一交互指令；指示关联的所述页面组件执行所述第一交互指令，并基于所述第一交互指令的执行结果，呈现与关联的所述页面组件对应的交互信息。6.根据权利要求5所述的方法，其特征在于，所述基于加载的每个所述页面组件对应的所述框架运行时，呈现所述应用页面之后，所述方法还包括：响应于作用在所述应用页面上的第二应用操作，通过所述消息中心获取触发的所述页面组件发送的第二交互指令；执行所述第二交互指令，并基于所述第二交互指令的执行结果，对所述应用页面执行系统交互处理。
7.根据权利要...

【专利技术属性】
技术研发人员：彭锦文，梁沁，李强，戴达添，李鸿贤，彭植豪，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：