应用程序的构建方法、应用页面的显示方法、装置及设备与流程

1.本公开涉及计算机技术领域，尤其涉及软件开发技术领域，应用在云服务和云计算场景下，具体涉及应用程序的构建方法、应用页面的显示方法、装置及设备。


背景技术：

2.随着移动通信技术的不断发展，市面上出现了各类的应用程序，满足用户不同类型的应用服务需求。
3.在现有的应用程序开发项目中，前端的底层人员需要和后端的产品人员提出应用产品需求，由底层开发人员通过编写底层代码实现产品，并提供给产品人员进行联调联动，这需要耗费大量的沟通成本。
4.因此，有待提出一种可以由产品人员零代码搭建应用产品的新方案，提高应用程序的开发效率，并缩短应用程序的开发时间。


技术实现要素：

5.本公开提供了应用程序的构建方法、应用页面的显示方法、装置及设备。
6.根据本公开的一方面，提供了一种应用程序的构建方法，包括：
7.响应于应用程序构建请求，将组件集进行展示；组件集中包括框架组件或页面组件，组件包括多个组件配置项，组件配置项包括用于配置组件间联动关系的联动关系配置项；
8.响应于在组件集中选择的目标组件，以及针对目标组件中组件配置项的配置，生成多个内容页面和框架页面；
9.将每个内容页面分别与框架页面和桥接组件进行组装，得到多个应用页面，并根据应用页面构建得到应用程序，桥接组件用于建立内容页面与框架页面之间的通信连接。
10.根据本公开的另一方面，提供了一种应用页面的显示方法，包括：
11.对应用程序中的目标应用页面进行加载显示，所述应用程序通过本公开提供的应用程序的构建方法构建得到；
12.响应于对目标应用页面中目标组件的触发指令，执行与所述触发指令匹配的组件自执行方法，并检测目标组件是否需要联动触发；
13.若是，则定位与所述目标组件对应的联动组件；
14.触发调用与所述联动组件对应的联动组件执行方法，以控制所述联动组件与所述目标组件进行联动。
15.根据本公开的另一方面，提供了一种应用程序的构建装置，包括：
16.组件展示模块，用于响应于应用程序构建请求，将组件集进行展示；组件集中包括框架组件或页面组件，组件包括多个组件配置项，组件配置项包括用于配置组件间联动关系的联动关系配置项；
17.页面生成模块，用于响应于在组件集中选择的目标组件，以及针对目标组件中组
件配置项的配置，生成多个内容页面和框架页面；
18.页面组装模块，用于将每个内容页面分别与框架页面和桥接组件进行组装，得到多个应用页面，并根据应用页面构建得到应用程序，桥接组件用于建立内容页面与框架页面之间的通信连接。
19.根据本公开的另一方面，提供了一种应用页面的显示装置，包括：
20.页面加载模块，用于对应用程序中的目标应用页面进行加载显示，所述应用程序通过本公开提供的应用程序的构建装置构建得到；
21.方法执行模块，用于响应于对目标应用页面中目标组件的触发指令，执行与所述触发指令匹配的组件自执行方法，并检测目标组件是否需要联动触发；
22.组件定位模块，用于目标组件需要联动触发时，定位与所述目标组件对应的联动组件；
23.联动控制模块，用于触发调用与所述联动组件对应的联动组件执行方法，以控制所述联动组件与所述目标组件进行联动
24.根据本公开的另一方面，提供了一种电子设备，包括：
25.至少一个处理器；以及
26.与至少一个处理器通信连接的存储器；其中，
27.存储器存储有可被至少一个处理器执行的指令，指令被至少一个处理器执行，以使至少一个处理器能够执行本公开中任一实施例的方法。
28.根据本公开的另一方面，提供了一种存储有计算机指令的非瞬时计算机可读存储介质，计算机指令用于使计算机执行本公开中任一实施例的方法。
29.根据本公开的另一方面，提供了一种计算机程序产品，包括计算机程序，计算机程序在被处理器执行时实现本公开中任一实施例的方法。
30.本公开实施例的技术方案可以降低应用程序的开发成本，提高应用程序的开发效率。
31.应当理解，本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征，也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解
附图说明
32.附图用于更好地理解本方案，不构成对本公开的限定。其中：
33.图1是根据本公开实施例的一种应用程序的构建方法的流程示意图；
34.图2是根据本公开实施例的又一种应用程序的构建方法的流程示意图；
35.图3是根据本公开实施例的一种应用页面的显示方法的流程示意图；
36.图4是根据本公开实施例的又一种应用页面的显示方法的流程示意图；
37.图5是根据本公开实施例的一种应用程序的构建装置的结构示意图；
38.图6是根据本公开实施例的一种应用页面的显示装置的结构示意图；
39.图7是根据本公开实施例的应用程序的构建方法或者应用页面的显示方法的电子设备的框图。
具体实施方式
40.以下结合附图对本公开的示范性实施例做出说明，其中包括本公开实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本公开的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。
41.图1是根据本公开实施例的一种应用程序的构建方法的流程示意图，本实施例适用于开发人员对应用程序进行构建的情形，该方法可以通过应用程序的构建装置来执行，该装置可以通过软件和/或硬件的方式实现，并一般可以集成在具有数据处理功能的电子设备(例如终端设备或者服务器)中。具体的，参考图1，该方法具体包括如下步骤：
42.步骤110、响应于应用程序构建请求，将组件集进行展示。
43.在本实施例中，开发人员想要通过电子设备构建新的应用程序时，可以在电子设备中触发应用程序构建请求。在检测到开发人员触发应用程序构建请求后，可以将预先存储的组件集展示给开发人员。其中，组件集中包括框架组件或页面组件，每个组件包括多个组件配置项，组件配置项包括用于配置组件间联动关系的联动关系配置项。
44.在一个具体的实施例中，框架组件可以为适用于框架页面的组件，所述框架页面可以为应用程序的外壳页面，例如包括主导航栏目、次导航栏目以及标签页栏目的页面。页面组件可以为适应于中间内容页面的组件，所述内容页面可以为，应用程序向用户展示具体内容或资源的页面。
45.在本实施例中，每个组件可以包括多个组件配置项，所述组件配置项用于开发人员对组件的配置参数进行设定。所述配置参数可以包括组件的功能参数或者显示参数等。例如，组件配置项可以包括颜色配置项、字体配置项、开关配置项等，开发人员可以通过javascript对象简谱(javascript object notation，json)语言对组件的颜色、字体或者定时开关等功能进行配置。
46.在一个具体的实施例中，组件配置项中还可以包括联动关系配置项，开发人员可以在某一组件的联动关系配置项中，配置该组件与其他组件之间的联动关系。所述联动关系可以理解为，在一个触发动作下同时有多个组件会被一起触发。假设框架页面中的刷新组件，与内容页面中的表单组件具备联动关系，当用户点击刷新组件时，可以实现对刷新组件以及表单组件同时执行刷新操作。
47.步骤120、响应于在组件集中选择的目标组件，以及针对目标组件中组件配置项的配置，生成多个内容页面和框架页面。
48.在本实施例中，将组件集展示给开发人员后，开发人员可以根据应用程序的实际需求，在组件集中选择需要用的组件(也即目标组件)，然后对目标组件的组件配置项进行配置。开发人员完成对组件的配置后，可以在电子设备中触发组件配置完成请求。在接收到组件配置完成请求后，可以根据开发人员对各组件中组件配置项的配置，生成多个内容页面和框架页面。
49.在此步骤中，可选的，将组件集展示给开发人员后，开发人员选择目标组件时，可以在组件集中点击目标组件，或者可以将目标组件拖拽至画布中，在画布中对目标组件的组件配置项进行配置。
50.在一个具体的实施例中，可以通过amis渲染引擎，以及框架组件中组件配置项的
配置，对框架页面对应的页面数据进行渲染，得到框架页面。同时，可以通过amis渲染引擎，以及页面组件中组件配置项的配置，对内容页面对应的页面数据进行渲染，得到多个内容页面。
51.在本实施例的一个实施方式中，可选的，响应于在组件集中选择的目标组件，以及针对目标组件中组件配置项的配置，生成多个内容页面和框架页面，包括：响应于在内容页面画布中接收的组件拖拽请求，将目标页面组件布局于所述内容页面画布中；响应于对所述内容页面画布中目标页面组件的配置信息，生成内容页面；响应于在框架页面画布中接收的组件拖拽请求，将目标框架组件布局于所述框架页面画布中；响应于对所述框架页面画布中目标框架组件的配置信息，生成框架页面。
52.在本实施例中，可选的，检测到开发人员触发应用程序构建请求后，可以将组件集中的页面组件与框架组件，分别展示在内容页面画布和框架页面画布中。检测到开发人员在内容页面画布中完成对页面组件的配置后，可以根据各页面组件的配置信息，生成内容页面。检测到开发人员在框架页面画布中完成对框架组件的配置后，可以根据各框架组件的配置信息，生成框架页面。
53.这样设置的好处在于，分别提供不同的画布供开发人员对组件进行配置，可以快速获取页面组件和框架组件分别对应的配置信息，提高页面生成效率。
54.步骤130、将每个内容页面分别与框架页面和桥接组件进行组装，得到多个应用页面，并根据应用页面构建得到应用程序。
55.在本实施例中，桥接组件(具体可以为pagewapper组件)用于建立内容页面与框架页面之间的通信连接。
56.在实际的联动机制中，假设某一框架组件与页面组件具备联动关系，当框架组件被执行触发动作时，该框架组件与对应的页面组件会同时被触发；而当页面组件被执行触发动作时，由于内容页面与框架页面无法直接进行通信，通常仅有页面组件被触发，而框架组件无法被触发。
57.为了解决上述问题，本实施例提出了在构建应用页面时，引入桥接组件的实施方式。假设某一框架组件与页面组件具备联动关系，当页面组件被执行触发动作时，可以通过页面组件将框架组件的触发指令，发送至桥接组件，再由桥接组件将所述触发指令发送至框架组件，以使框架组件被触发。由此，可以实现内容页面与框架页面之间的双向联动。
58.在此步骤中，可选的，可以将每个内容页面与对应的桥接组件进行封装，得到多个封装后的内容页面，然后将每个封装后的内容页面，依次与框架页面进行封装，得到多个应用页面，最后根据多个应用页面，以及应用程序预设的开启页面，构建得到应用程序。
59.在本实施例中，开发人员只需按照应用程序的实际需求，对预存的组件进行参数配置，即可自动生成应用程序，一方面可以实现零代码搭建应用程序，减少应用程序的开发时间，另一方面可以实现应用程序中组件之间的联动，降低应用程序的开发成本。
60.本公开实施例的技术方案，通过响应于应用程序构建请求，将组件集进行展示，响应于在组件集中选择的目标组件，以及针对目标组件中组件配置项的配置，生成多个内容页面和框架页面，将每个内容页面分别与框架页面和桥接组件进行组装，得到多个应用页面，并根据应用页面构建得到应用程序技术手段，可以减少应用程序的开发时间，提高应用程序的开发效率。
61.图2是根据本公开实施例的又一种应用程序的构建方法的流程示意图，本实施例是对上述技术方案的进一步细化，本实施例中的技术方案可以与上述一个或者多个实施方式结合。具体的，参考图2，该方法具体包括如下步骤：
62.步骤210、响应于应用程序构建请求，将组件集进行展示。
63.在本实施例的一个实施方式中，组件集中包括框架组件或页面组件，每个组件包括多个组件配置项，组件配置项包括用于配置组件间联动关系的联动关系配置项。其中，组件集中的各组件预先封装为作用域组件(scoped组件)，每个作用域组件的组件属性中包括：至少一个组件自执行方法，以及上下文属性。在所述上下文属性中包括：单一联动组件的定位方法，多联动组件定位方法以及至少一个联动组件执行方法。所述联动关系配置项包括：联动组件名称配置项以及联动组件执行方法配置项。
64.在本实施例中，作用域组件的组件自执行方法是指，该作用域组件被触发时，自身需要执行的操作(例如刷新、传递数据、开启以及关闭等)。单一联动组件的定位方法是指，当该作用域组件与另一个目标作用域组件具备联动关系时，查询并确定目标作用域组件的方法。多联动组件定位方法是指，当该作用域组件与其他多个目标作用域组件具备联动关系时，查询并确定多个目标作用域组件的方法。联动组件执行方法是指，当作用域组件与目标作用域组件具备联动关系时，在作用域组件被执行触发操作后，开发人员希望目标作用域联动组件执行的操作。
65.在一个具体的实施例中，联动组件名称配置项用于，开发人员对当前组件联动的目标组件的名称进行配置。联动组件执行方法配置项，用于开发人员对当前组件联动的目标组件所执行的操作进行配置。
66.假设开发人员想要对组件a与组件b进行联动，则可以将组件a的联动组件名称配置项配置为“组件b”；假设开发人员想要在组件a被触发时，控制组件b执行刷新操作，则可以将组件a的联动组件执行方法配置项配置为“刷新”。
67.这样设置的好处在于，可以使应用程序在应用过程中，快速确定联动组件，并对所述联动组件进行控制，由此可以提高应用程序的响应速度，提高用户对应用程序的使用体验。
68.步骤220、响应于在组件集中选择的目标组件，将完成组件配置项配置的目标组件进行高阶组件的封装，形成与每个目标组件分别对应的高阶页面组件。
69.在本实施例中，在开发人员触发应用程序构建请求之前，底层设计人员可以预先构建与每个组件匹配的高阶组件，所述高阶组件中存储了组件对应的常规配置项(例如注册配置项、注销配置项、关闭配置项以及加载配置项等)，每个常规配置项可以由底层设计人员预先进行配置。
70.当开发人员选择目标组件后，可以筛选个性化的组件配置项，并对所述组件配置项进行配置。在检测到开发人员配置完成后，可以将完成配置的组件与匹配的高阶组件进行封装，得到高阶页面组件。
71.这样设置的好处在于，无需开发人员对常规的配置项进行配置，由此可以节省应用程序的开发时间，提高应用程序的开发效率。
72.步骤230、根据所述高阶页面组件，生成内容页面和框架页面。
73.在此步骤中，可选的，可以通过amis渲染引擎以及高阶页面组件，渲染得到内容页
面和框架页面。
74.步骤240、将每个内容页面分别与框架页面和桥接组件进行组装，得到多个应用页面，并根据应用页面构建得到应用程序。
75.本公开实施例的技术方案，通过响应于应用程序构建请求，将组件集进行展示，响应于在组件集中选择的目标组件，将完成组件配置项配置的目标组件进行高阶组件的封装，形成与每个目标组件分别对应的高阶页面组件，根据高阶页面组件，生成内容页面和框架页面，将每个内容页面分别与框架页面和桥接组件进行组装，得到多个应用页面，并根据应用页面构建得到应用程序的技术手段，可以减少应用程序的开发时间，提高应用程序的开发效率。
76.图3是根据本公开实施例的一种应用页面的显示方法的流程示意图，本实施例适用于对应用程序中的页面进行展示的情形，该方法可以通过应用页面的显示装置来执行，该装置可以通过软件和/或硬件的方式实现，并一般可以集成在具有数据处理功能的电子设备(例如终端设备或者服务器)中。具体的，参考图3，该方法具体包括如下步骤：
77.步骤310、对应用程序中的目标应用页面进行加载显示。
78.在本实施例中，应用程序可以包括多个应用页面，所述应用程序通过上述应用程序的构建方法构建得到。在用户在使用应用程序的过程中，如果用户想要查看目标应用页面，可以在应用程序中触发目标应用页面的加载请求。
79.在检测到目标应用页面的加载请求被用户触发时，可以对所述目标应用页面进行加载显示。
80.步骤320、响应于对目标应用页面中目标组件的触发指令，执行与所述触发指令匹配的组件自执行方法，并检测目标组件是否需要联动触发。
81.在本实施例中，检测到用户对目标应用页面中的目标组件进行触发后，可以根据目标组件预先配置的组件自执行方法，控制目标组件执行相应操作。所述目标组件可以为目标应用页面中的框架组件或者页面组件。
82.在此步骤中，在控制目标组件执行相应操作的同时，可以检测目标组件是否需要联动触发。在一个具体的实施方式中，可以检测目标组件的联动关系配置项中是否配置了与其他组件之间的联动关系，若是，则确定目标组件需要联动触发，若否，则确定目标组件不需要联动触发。
83.在本实施例中，如果目标组件需要联动触发，则执行步骤330；如果目标组件不需要联动触发，则返回执行此步骤，以对用户触发的下一目标组件进行控制。
84.步骤330、定位与所述目标组件对应的联动组件。
85.在本实施例中，如果目标组件需要联动触发，则可以根据目标组件的联动关系配置项，定位与所述目标组件对应的联动组件。所述联动组件即为与目标组件具备联动关系的组件。
86.步骤340、触发调用与所述联动组件对应的联动组件执行方法，以控制所述联动组件与所述目标组件进行联动。
87.在此步骤中，可选的，可以根据目标组件的联动关系配置项中的联动组件执行方法配置项，获取联动组件对应的联动组件执行方法，然后根据所述联动组件执行方法，控制所述联动组件与所述目标组件进行联动。
88.本公开实施例的技术方案，通过对应用程序中的目标应用页面进行加载显示，响应于对目标应用页面中目标组件的触发指令，执行与所述触发指令匹配的组件自执行方法，并检测目标组件是否需要联动触发，若是，则定位与所述目标组件对应的联动组件，触发调用与所述联动组件对应的联动组件执行方法，以控制所述联动组件与所述目标组件进行联动的技术手段，可以实现应用程序中组件之间的联动，降低应用程序的开发成本。
89.图4是根据本公开实施例的又一种应用程序的构建方法的流程示意图，本实施例是对上述技术方案的进一步细化，本实施例中的技术方案可以与上述一个或者多个实施方式结合。具体的，参考图4，该方法具体包括如下步骤：
90.步骤410、对应用程序中的目标应用页面进行加载显示。
91.步骤420、响应于对目标应用页面中目标组件的触发指令，执行与所述触发指令匹配的组件自执行方法，并检测目标组件是否需要联动触发。
92.在本实施例的一个实施方式中，检测目标组件是否需要联动触发，包括：获取所述目标组件对应的组件配置信息；检测所述组件配置信息中，是否针对联动组件名称配置项配置至少一个联动组件名称；若是，则确定目标组件需要联动触发。
93.在本实施例中，可以获取目标组件的组件配置项的配置结果(也即组件配置信息)，然后检测联动组件名称配置项中是否包括其他组件的名称(也即联动组件名称)，若是，则确定目标组件与其他组件具备联动关系，也即目标组件需要联动触发。
94.这样设置的好处在于，通过检测组件的联动组件名称配置项，即可获取组件之间的联动信息，由此可以提高应用程序的响应速度，提高用户对应用程序的使用体验。
95.步骤430、定位与所述目标组件对应的联动组件。
96.在本实施例的一个实施方式中，定位与所述目标组件对应的联动组件，包括：如果确定与联动组件名称配置项对应的联动组件名称为一个，则调用单一联动组件的定位方法，定位单一联动组件；如果确定与联动组件名称配置项对应的联动组件名称为多个，则调用多联动组件定位方法，定位多个联动组件。
97.在本实施例中，如果确定与联动组件名称配置项对应的联动组件名称为一个，也即目标组件仅对应一个联动组件时，可以根据目标组件的组件属性，获取并调用单一联动组件的定位方法，以定位单一联动组件。
98.如果确定与联动组件名称配置项对应的联动组件名称为多个，也即目标组件对应多个联动组件时，可以根据目标组件的组件属性，获取并调用多联动组件定位方法，以定位多个联动组件。
99.这样设置的好处在于，根据联动组件的数量采取匹配的定位方法，可以快速确定与目标组件对应的全部联动组件，进而可以提高应用程序的响应速度。
100.步骤440、分别获取所述目标组件与所述联动组件的组件类型。
101.在此步骤中，可选的，可以根据目标组件与联动组件分别对应的组件标识，确定目标组件与联动组件分别对应的组件类型。所述组件类型包括框架组件和页面组件。
102.步骤450、如果确定所述目标组件为页面组件，所述联动组件为框架组件，则通过所述目标应用页面中预先封装的桥接组件，触发调用与所述联动组件对应的联动组件执行方法。
103.在一个具体的实施例中，如果确定目标组件为页面组件，所述联动组件为框架组
件，可以根据目标组件的联动组件执行方法配置项，获取联动组件对应的联动组件执行方法，然后将所述联动组件执行方法发送至桥接组件，由桥接组件根据所述联动组件执行方法，控制联动组件执行相应的操作。
104.这样设置的好处在于，可以实现内容页面与框架页面之间进行通信，保证页面组件与框架组件之间进行双向联动。
105.在另一个具体的实施例中，如果确定目标组件为页面组件，联动组件为另一个页面组件，或者目标组件为框架组件，联动组件为页面组件时，可以根据目标组件的联动组件执行方法配置项，获取联动组件对应的联动组件执行方法，并根据所述联动组件执行方法，直接控制联动组件执行相应的操作。
106.本公开实施例还提供了一种应用程序的构建装置，用于执行上述的应用程序的构建方法。
107.图5为本公开实施例提供的一种应用程序的构建装置500的结构图，该装置包括：组件展示模块510、页面生成模块520和页面组装模块530。
108.其中，组件展示模块510，用于响应于应用程序构建请求，将组件集进行展示；组件集中包括框架组件或页面组件，组件包括多个组件配置项，组件配置项包括用于配置组件间联动关系的联动关系配置项；
109.页面生成模块520，用于响应于在组件集中选择的目标组件，以及针对目标组件中组件配置项的配置，生成多个内容页面和框架页面；
110.页面组装模块530，用于将每个内容页面分别与框架页面和桥接组件进行组装，得到多个应用页面，并根据应用页面构建得到应用程序，桥接组件用于建立内容页面与框架页面之间的通信连接。
111.本公开实施例的技术方案，通过响应于应用程序构建请求，将组件集进行展示，响应于在组件集中选择的目标组件，以及针对目标组件中组件配置项的配置，生成多个内容页面和框架页面，将每个内容页面分别与框架页面和桥接组件进行组装，得到多个应用页面，并根据应用页面构建得到应用程序技术手段，可以减少应用程序的开发时间，提高应用程序的开发效率。
112.在上述各实施例的基础上，所述组件集中的各组件预先封装为作用域组件，每个作用域组件的组件属性中包括：至少一个组件自执行方法，以及上下文属性；
113.在所述上下文属性中包括：单一联动组件的定位方法，多联动组件定位方法以及至少一个联动组件执行方法；
114.所述联动关系配置项包括：联动组件名称配置项以及联动组件执行方法配置项。
115.页面生成模块520包括：
116.组件封装单元，用于将完成组件配置项配置的目标组件进行高阶组件的封装，形成与每个目标组件分别对应的高阶页面组件；
117.页面生成单元，用于根据所述高阶页面组件，生成内容页面和框架页面。
118.本公开实施例所提供的应用程序的构建装置可执行本公开任意实施例所提供的应用程序的构建方法，具备执行方法相应的功能模块和有益效果。
119.本公开实施例还提供了一种应用页面的显示装置，用于执行上述的应用页面的显示方法。
120.图6为本公开实施例提供的一种应用页面的显示装置600的结构图，该装置包括：页面加载模块610、方法执行模块620、组件定位模块630和联动控制模块640。
121.其中，页面加载模块610，用于对应用程序中的目标应用页面进行加载显示，所述应用程序通过本公开任一项所述的应用程序的构建装置构建得到；
122.方法执行模块620，用于响应于对目标应用页面中目标组件的触发指令，执行与所述触发指令匹配的组件自执行方法，并检测目标组件是否需要联动触发；
123.组件定位模块630，用于目标组件需要联动触发时，定位与所述目标组件对应的联动组件；
124.联动控制模块640，用于触发调用与所述联动组件对应的联动组件执行方法，以控制所述联动组件与所述目标组件进行联动。
125.本公开实施例的技术方案，通过对应用程序中的目标应用页面进行加载显示，响应于对目标应用页面中目标组件的触发指令，执行与所述触发指令匹配的组件自执行方法，并检测目标组件是否需要联动触发，若是，则定位与所述目标组件对应的联动组件，触发调用与所述联动组件对应的联动组件执行方法，以控制所述联动组件与所述目标组件进行联动的技术手段，可以实现应用程序中组件之间的联动，降低开发人员对应用程序的开发成本。
126.在上述各实施例的基础上，所述方法执行模块620包括：
127.信息获取单元，用于获取所述目标组件对应的组件配置信息；
128.名称检测单元，用于检测所述组件配置信息中，是否针对联动组件名称配置项配置至少一个联动组件名称；
129.触发确定单元，用于当所述组件配置信息中，针对联动组件名称配置项配置至少一个联动组件名称时，确定目标组件需要联动触发。
130.组件定位模块630包括：
131.单一组件定位单元，用于如果确定与联动组件名称配置项对应的联动组件名称为一个，则调用单一联动组件的定位方法，定位单一联动组件；
132.多组件定位单元，用于如果确定与联动组件名称配置项对应的联动组件名称为多个，则调用多联动组件定位方法，定位多个联动组件。
133.联动控制模块640包括：
134.组件类型获取单元，用于分别获取所述目标组件与所述联动组件的组件类型；
135.桥接组件调用单元，用于如果确定所述目标组件为页面组件，所述联动组件为框架组件，则通过所述目标应用页面中预先封装的桥接组件，触发调用与所述联动组件对应的联动组件执行方法。
136.本公开实施例所提供的应用页面的显示装置可执行本公开任意实施例所提供的应用页面的显示方法，具备执行方法相应的功能模块和有益效果。
137.根据本公开的实施例，本公开还提供了一种电子设备、一种可读存储介质和一种计算机程序产品。
138.图7示出了可以用来实施本公开的实施例的示例电子设备700的示意性框图。电子设备旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种
形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或者要求的本公开的实现。
139.如图7所示，设备700包括计算单元701，其可以根据存储在只读存储器(rom)702中的计算机程序或者从存储单元708加载到随机访问存储器(ram)703中的计算机程序，来执行各种适当的动作和处理。在ram 703中，还可存储设备700操作所需的各种程序和数据。计算单元701、rom 702以及ram 703通过总线704彼此相连。输入/输出(i/o)接口705也连接至总线704。
140.设备700中的多个部件连接至i/o接口705，包括：输入单元706，例如键盘、鼠标等；输出单元707，例如各种类型的显示器、扬声器等；存储单元708，例如磁盘、光盘等；以及通信单元709，例如网卡、调制解调器、无线通信收发机等。通信单元709允许设备700通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。
141.计算单元701可以是各种具有处理和计算能力的通用和/或专用处理组件。计算单元701的一些示例包括但不限于中央处理单元(cpu)、图形处理单元(gpu)、各种专用的人工智能(ai)计算ai芯片、各种运行机器学习模型算法的计算单元、数字信号处理器(dsp)、以及任何适当的处理器、控制器、微控制器等。计算单元701执行上文所描述的各个方法和处理，例如应用程序的构建方法或者应用页面的显示方法。例如，在一些实施例中，应用程序的构建方法或应用页面的显示方法可被实现为计算机软件程序，其被有形地包含于机器可读介质，例如存储单元708。在一些实施例中，计算机程序的部分或者全部可以经由rom 702和/或通信单元709而被载入和/或安装到设备700上。当计算机程序加载到ram 703并由计算单元701执行时，可以执行上文描述的应用程序的构建方法或应用页面的显示方法的一个或多个步骤。备选地，在其他实施例中，计算单元701可以通过其他任何适当的方式(例如，借助于固件)而被配置为执行应用程序的构建方法或应用页面的显示方法。
142.本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、场可编程门阵列(fpga)、专用集成电路(asic)、专用标准产品(assp)、ai芯片上系统的系统(soc)、复杂可编程逻辑设备(cpld)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令，并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。
143.用于实施本公开的方法的程序代码可以采用一个或多个编程语言的任何组合来编写。这些程序代码可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器或控制器，使得程序代码当由处理器或控制器执行时使流程图和/或框图中所规定的功能/操作被实施。程序代码可以完全在机器上执行、部分地在机器上执行，作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。
144.在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电
子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(ram)、只读存储器(rom)、可擦除可编程只读存储器(eprom或快闪存储器)、光纤、便捷式紧凑盘只读存储器(cd-rom)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
145.为了提供与用户的交互，可以在计算机上实施此处描述的系统和技术，该计算机具有：用于向用户显示信息的显示装置(例如，crt(阴极射线管)或者lcd(液晶显示器)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。
146.可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如，作为数据服务器)、或者包括中间件部件的计算系统(例如，应用服务器)、或者包括前端部件的计算系统(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将系统的部件相互连接。通信网络的示例包括：局域网(lan)、广域网(wan)、区块链网络和互联网。
147.计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器，又称为云计算服务器或云主机，是云计算服务体系中的一项主机产品，以解决了传统物理主机与vps服务中，存在的管理难度大，业务扩展性弱的缺陷。
148.应该理解，可以使用上面所示的各种形式的流程，重新排序、增加或删除步骤。例如，本公开中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行，只要能够实现本公开提供的技术方案所期望的结果，本文在此不进行限制。
149.上述具体实施方式，并不构成对本公开保护范围的限制。本领域技术人员应该明白的是，根据设计要求和其他因素，可以进行各种修改、组合、子组合和替代。任何在本公开的精神和原则之内所作的修改、等同替换和改进等，均应包含在本公开保护范围之内。