页面组件获取方法、装置、电子设备及存储介质与流程

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.在一些实施例中，所述第二页面组件由所述目标服务器在所述第二页面组件与存储的页面组件不重复的情况下存储。
34.在一些实施例中，所述装置还包括：
35.生成单元，被配置为执行通过所述页面开发应用，生成针对所述待开发页面的多个页面组件；
36.调试单元，被配置为执行调用所述页面开发应用中的组件调试代码，对所述多个
页面组件进行调试。
37.在一些实施例中，所述装置还包括：
38.发送单元，被配置为执行在通过所述页面开发应用开发所述待开发页面的过程中，通过所述页面开发应用，向所述目标服务器发送组件获取请求，所述组件获取请求携带组件标识，所述目标服务器用于基于组件获取请求，查询所述组件标识对应的页面组件的代码文件，返回查询到的页面组件的代码文件；
39.接收单元，被配置为执行通过所述页面开发应用，接收所述目标服务器返回的所述页面组件的代码文件；
40.存储单元，被配置为执行将所述页面组件的代码文件存储在所述待开发页面对应存储空间中。
41.根据本公开实施例的再一方面，提供一种电子设备，该电子设备包括：
42.一个或多个处理器；
43.用于存储该处理器可执行程序代码的存储器；
44.其中，该处理器被配置为执行该程序代码，以实现上述页面组件获取方法。
45.根据本公开实施例的再一方面，提供一种计算机可读存储介质，当该计算机可读存储介质中的程序代码由电子设备的处理器执行时，使得电子设备能够执行上述页面组件获取方法。
46.根据本公开实施例的再一方面，提供了一种计算机程序产品，当所述计算机程序产品中的指令由电子设备的处理器执行时，使得电子设备能够执行上述页面组件获取方法。
47.本公开实施例提供的方案，各个终端将开发的页面组件上传至目标服务器进行共享，则任意的终端通过页面开发应用，能够从该目标服务器获取共享的页面组件的代码文件，无需再对页面组件进行重复开发，节省了人力成本。并且，提供了一种共享的页面组件的可视化方案，终端将从目标服务器获取到的页面组件渲染成页面的形式进行展示，以便开发人员能够直观地查看每个页面组件对应的显示效果，以便开发人员进行选择，提升了选择共享的页面组件的便捷性。
48.应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。
附图说明
49.此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理，并不构成对本公开的不当限定。
50.图1是根据一示例性实施例示出的一种实施环境示意图。
51.图2是根据一示例性实施例示出的一种页面组件获取方法的流程图。
52.图3是根据一示例性实施例示出的另一种页面组件获取方法的流程图。
53.图4是根据一示例性实施例示出的一种获取页面组件的代码文件的流程图。
54.图5是根据一示例性实施例示出的一种页面组件共享的流程图。
55.图6是根据一示例性实施例示出的一种页面组件获取装置框图。
56.图7是根据一示例性实施例示出的另一种页面组件获取装置框图。
57.图8是根据一示例性实施例示出的一种终端的框图。
具体实施方式
58.为了使本领域普通人员更好地理解本公开的技术方案，下面将结合附图，对本公开实施例中的技术方案进行清楚、完整地描述。
59.需要说明的是，本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。
60.图1是根据一示例性实施例示出的一种页面组件获取方法的实施环境示意图。以电子设备被提供为终端为例，参见图1，该实施环境具体包括：终端101和目标服务器102，终端101通过无线网络或有线网络与目标服务器102相连。
61.其中，终端101为智能手机、智能手表、台式电脑、手提电脑、mp3播放器、mp4播放器和膝上型便携计算机等设备中的至少一种。终端101上安装并运行有页面开发应用，开发人员能够通过终端101登录该页面开发应用来获取该页面开发应用提供的服务。例如，该页面开发应用提供的服务包括：页面开发服务或页面组件共享服务。目标服务器102可以为一台服务器、多台服务器、云计算平台和虚拟化中心中的至少一种。目标服务器102用于存储共享的页面组件，目标服务器101中的页面组件均是由各个终端上传的。
62.终端101通过该页面开发应用能够与目标服务器102进行交互，从目标服务器102获取页面组件，并将获取到的页面组件渲染成页面，实现共享的页面组件的可视化。
63.在一些实施例中，终端101通过页面开发应用向目标服务器102上传页面组件，目标服务器102接收终端101上传的页面组件，存储该页面组件，实现页面组件的共享。
64.图2是根据一示例性实施例示出的一种页面组件获取方法的流程图，该页面组件获取方法由电子设备执行，以电子设备被提供为终端为例，如图2所示，该页面组件获取方法包括以下步骤：
65.201、终端响应于在页面开发应用中的组件查看指令，从目标服务器获取至少一个页面组件的代码文件，该目标服务器用于存储各个终端所上传的页面组件，该页面组件用于实现任一种页面功能。
66.其中，任一页面组件的代码文件包括用于实现该页面组件的程序代码，通过该页面组件的代码文件，能够实现该页面组件对应的页面功能。例如，通过任一页面组件的代码文件，能够在页面中显示一个功能按钮，或者，显示一个文本等。
67.页面开发应用是用于开发页面的应用。例如，该页面开发应用是脚手架工具。开发人员通过该页面开发应用能够开发任意的页面。在一些实施例中，开发人员通过该页面开发应用能够开发页面的页面组件，并能够对开发的页面组件进行调试。目标服务器用于存储多个终端共享的页面组件，该目标服务器是任意类型的服务器，例如，该目标服务器为npm(node package manag，节点包管理)服务器。在本公开实施例中，目标服务器中的页面组件是由各个终端上传的，且该目标服务器还能够为各个终端提供页面组件的下载服务，
即各个终端能够从该目标服务器下载该目标服务器存储的页面组件。
68.在本公开实施例中，目标服务器为该页面开发应用提供页面组件管理服务，组件查看指令指示查看目标服务器中存储的页面组件。终端通过该页面开发应用，能够访问该目标服务器，终端通过该页面开发应用获取到组件查看指令时，能够从该目标服务器获取该目标服务器存储的页面组件的代码文件。
69.202、终端基于该至少一个页面组件的代码文件进行渲染，以显示目标页面，该目标页面显示有该至少一个页面组件。
70.在从服务器中获取到至少一个页面组件的代码文件后，采用渲染的方式，将该至少一个页面组件的代码文件渲染成目标页面，使得目标页面中显示出该至少一个页面组件，以便开发人员通过该目标页面能够直观的查看每个页面组件对应的显示效果。
71.203、终端响应于对该目标页面中的第一页面组件的选择指令，将该第一页面组件的代码文件存储至待开发页面对应的存储空间中，该第一页面组件为该至少一个页面组件中的任一个。
72.其中，待开发页面为该终端待开发的页面，该待开发页面为任意的页面，例如，该待开发页面为网页页面或者应用中的页面。该待开发页面对应的存储空间用于存储该待开发页面对应的页面组件的代码文件，在本公开实施例中，通过该存储空间中存储的页面组件的代码文件，能够渲染出对应的页面。
73.终端获取到第一页面组件的选择指令，表示开发人员想要获取该第一页面组件的代码文件，因此，将该第一页面组件的代码文件存储至待开发页面对应的存储空间中，以便后续在该待开发页面中添加该第一页面组件，无需再为该待开发页面开发该第一页面组件。
74.本公开实施例提供了一种页面组件共享方式，各个终端将开发的页面组件上传至目标服务器进行共享，则任意的终端通过页面开发应用，能够从该目标服务器获取共享的页面组件的代码文件，无需再对页面组件进行重复开发，节省了人力成本。并且，提供了一种共享的页面组件的可视化方案，终端将从目标服务器获取到的页面组件渲染成页面的形式进行展示，以便开发人员能够直观地查看每个页面组件对应的显示效果，以便开发人员进行选择，提升了选择共享的页面组件的便捷性。
75.在一些实施例中，响应于在页面开发应用中的组件查看指令，从目标服务器获取至少一个页面组件的代码文件，包括：
76.响应于组件查看指令，通过页面开发应用，显示页面组件列表，页面组件列表包括目标服务器存储的页面组件的组件标识；
77.获取页面组件列表中被选中的组件标识；
78.通过页面开发应用，从目标服务器获取被选中的组件标识所对应的页面组件的代码文件。
79.在本公开实施例中，终端响应于组件查看指令，先显示页面组件列表供开发人员选择，再从目标服务器中获取被选中的组件标识对应的页面组件，无需从目标服务器获取全部的页面组件，这样能够节省终端与服务器之间的通信资源，也能够节省终端的存储空间。
80.在一些实施例中，基于至少一个页面组件的代码文件进行渲染，以显示目标页面，
包括：
81.调用页面开发应用中的页面生成代码，生成模板页面；
82.基于模板页面及至少一个页面组件的代码文件进行渲染，生成目标页面，显示目标页面。
83.本公开实施例提供了一种共享的页面组件可视化的方案，终端从目标服务器获取到页面组件的代码文件后，通过该页面生成代码，生成一个用于承载页面组件的模板页面，该模板页面是一个通用的页面，将获取到的页面组件聚合在该模板页面中，形成了目标页面，使得获取到的页面组件可视化，即实现了共享的页面组件的可视化。
84.在一些实施例中，方法还包括：
85.响应于对待开发页面中的第二页面组件的共享指令，向目标服务器上传第二页面组件，由目标服务器存储第二页面组件。
86.在本公开实施例中，终端通过页面发开应用开发页面时，能够将开发的页面组件上传至目标服务器进行共享，以供其他终端下载该页面组件，无需再由其他终端开发该页面组件，从而节省了开发成本。
87.在一些实施例中，第二页面组件由目标服务器在第二页面组件与存储的页面组件不重复的情况下存储。
88.在本公开实施例中，目标服务器在接收到终端上传的页面组件后，会将接收到的页面组件与存储的页面组件进行比较，以确定是否已经存储了接收到的页面组件，仅在接收到的页面组件与存储的页面组件不重复的情况下，才会存储接收到的页面组件，避免了存储的页面组件存在重复的情况，以节省目标服务器的存储资源。
89.在一些实施例中，方法还包括：
90.通过页面开发应用，生成针对待开发页面的多个页面组件；
91.调用页面开发应用中的组件调试代码，对多个页面组件进行调试。
92.在本公开实施例中，终端通过该页面开发应用，能够开发出某个页面对应的多个页面组件，并通过组件调试代码对开发出的页面组件进行调试，以保证开发出的页面组件的代码逻辑准确。
93.在一些实施例中，方法还包括：
94.在通过页面开发应用开发待开发页面的过程中，通过页面开发应用，向目标服务器发送组件获取请求，组件获取请求携带组件标识，目标服务器用于基于组件获取请求，查询组件标识对应的页面组件的代码文件，返回查询到的页面组件的代码文件；
95.通过页面开发应用，接收目标服务器返回的页面组件的代码文件；
96.将页面组件的代码文件存储在待开发页面对应存储空间中。
97.在本公开实施例中，终端通过页面开发应用能够开发任意的页面，终端在通过该页面开发应用开发待开发页面的过程中，通过页面开发应用能够向目标服务器请求任一组件标识对应的页面组件，并将请求到的页面组件的代码文件存储在该待开发页面对应的存储空间中，后续直接使用开页面组件即可，这样，无需再开发该页面组件，避免了页面组件的重复开发，从而节省了人了成本。
98.上述图2所示仅为本公开的基本流程，下面基于一种具体实现方式，来对本公开提供的方案进行进一步阐述，图3是根据一示例性实施例示出的另一种页面组件获取方法的
流程图。以电子设备被提供为终端为例，参见图3，该页面组件获取方法包括：
99.301、终端响应于在页面开发应用中的组件查看指令，通过该页面开发应用，显示页面组件列表。
100.其中，该页面组件列表包括目标服务器存储的页面组件的组件标识。终端在获取到在页面开发应用中的组件查看指令时，表示开发人员需要查看目标服务器中存储的页面组件，也即是开发人员需要查看目标服务器中共享的页面组件，因此，通过展示该页面组件列表，以便开发人员能够获知当前该目标服务器中存储的页面组件都有哪些。
101.在一些实施例中，该页面组件列表是从目标服务器获取的，也即是，终端显示页面组件列表的过程，包括：终端响应于在页面开发应用中的组件查看指令，通过该页面开发应用从目标服务器获取该页面组件列表，显示该页面组件列表。
102.在本公开实施例中，目标服务器用于存储各个终端上传的页面组件，并维护有一个页面组件列表，将各个终端上传的页面组件的组件标识添加在该页面组件列表中，以使目标服务器中存储的页面组件与页面组件列表同步。终端获取到组件查看指令时，优先从目标服务器获取该页面组件列表并进行显示，以便开发人员通过显示的页面组件列表来选择查看哪些页面组件。
103.在一些实施例中，目标服务器中存储的页面组件是由各个终端通过页面开发应用上传的，应用服务器中维护有该页面组件列表，则终端显示页面组件列表的过程，包括：终端响应于在页面开发应用中的组件查看指令，通过该页面开发应用从应用服务器获取该页面组件列表，显示该页面组件列表。
104.在本公开实施例中，应用服务器用于为页面开发应用提供服务，应用服务器维护的页面组件列表用于记录各个终端通过该页面开发应用上传的页面组件的组件标识。各个终端通过该页面开发应用向目标服务器上传页面组件时，也会通过该页面开发应用，向该应用服务器发送上传消息，以便应用服务器基于该上传消息，在页面组件列表中添加上传至目标服务器的页面组件的组件标识。
105.302、终端获取该页面组件列表中被选中的组件标识。
106.终端在显示页面组件列表后，开发人员能够从该页面组件列表中选择任意的组件标识，开发人员选择的组件标识即为被选中的组件标识。
107.在一些实施例中，该步骤302包括：终端响应于对该页面组件列表的确认操作，获取该页面组件列表中被选中的组件标识。在本公开实施例中，开发人员能够在该页面组件列表中选择任意的组件标识，在执行确认操作后，终端获取该页面组件列表中被选中的组件标识。
108.303、终端通过该页面开发应用，从该目标服务器获取被选中的组件标识所对应的页面组件的代码文件。
109.在本公开实施例中，目标服务器将页面组件对应的组件标识与该页面组件的代码文件对应存储。终端通过该页面应用与目标服务器进行交互，能够从目标服务器中获取该组件标识所对应的页面组件的代码文件。
110.在一些实施例中，目标服务器中设置有组件标识与代码文件之间的对应关系，则终端获取代码文件的过程包括：终端通过该页面开发应用，向目标服务器发送第一获取请求，该第一获取请求携带被选中的组件标识，目标服务器接收该第一获取请求，查询该对应
关系，确定第一获取请求携带的组件标识所对应的页面组件的代码文件，向该终端返回该代码文件，终端接收目标服务器返回的代码文件。
111.需要说明的是，本公开实施例是终端先显示页面组件列表，再从目标服务器获取被选中的页面组件的代码文件，而在另一实施例中，无需执行步骤301-303，而是采取其他方式，响应于在页面开发应用中的组件查看指令，从目标服务器获取至少一个页面组件的代码文件。
112.304、终端调用该页面开发应用中的页面生成代码，生成模板页面。
113.其中，页面开发应用包括页面生成代码，该页面生成代码用于生成模板页面，通过该页面生成代码能够实现页面组件的展示。该模板页面用于承载页面组件，例如，该模板页面为demo(展示)站点。在一些实施例中，该模板页面包括用于呈现页面的逻辑代码。
114.305、终端基于该模板页面及该至少一个页面组件的代码文件进行渲染，生成目标页面，显示该目标页面。
115.其中，该目标页面显示有该至少一个页面组件。终端在获取到模板页面以及页面组件的代码文件后，通过该模板页面及该代码文件，能够渲染出目标页面，该目标页面包括页面组件，显示该目标页面，以便开发人员能够直观地查看各个页面组件的显示效果。
116.在本公开实施例中，由于从目标服务器仅是获取到了页面组件的代码文件，为了保证能将获取到的页面组件渲染出来进行显示，通过该页面生成代码，生成一个用于承载页面组件的模板页面，该模板页面是一个通用的页面，将获取到的页面组件聚合在该模板页面中，形成了目标页面，使得获取到的页面组件可视化，即实现了共享的页面组件的可视化，形成了一种共享的页面组件可视化的方案。
117.在一些实施例中，该目标页面包括第一显示区域和第二显示区域，该第一显示区域中显示有至少一个页面组件的组件标识，该第二显示区域用于显示渲染出的页面组件。终端响应于对第一显示区域中的任一组件标识的选中操作，在该第二显示区域中显示出该组件标识对应的页面组件。
118.在一些实施例中，该目标页面包括多个显示区域，每个显示区域中显示有一个页面组件。
119.需要说明的是，本公开实施例是基于页面生成代码生成的模板页面以及页面组件的代码文件来显示目标页面的，而在另一实施例中，无需执行步骤304-305，而是采取其他方式，基于该至少一个页面组件的代码文件进行渲染，以显示目标页面。
120.306、终端响应于对该目标页面中的第一页面组件的选择指令，将该第一页面组件的代码文件存储至待开发页面对应的存储空间中。
121.其中，该第一页面组件为该至少一个页面组件中的任一个。开发人员能够在显示的目标页面中选择需要的页面组件，将选择的第一页面组件存储至待开发页面对应的存储空间中，以便后续在待开发页面中添加该第一页面组件，无需再为该待开发页面开发该第一页面组件。
122.本公开实施例提供了一种页面组件共享方式，各个终端将开发的页面组件上传至目标服务器进行共享，则任意的终端通过页面开发应用，能够从该目标服务器获取共享的页面组件的代码文件，无需再对页面组件进行重复开发，节省了人力成本。并且，提供了一种共享的页面组件的可视化方案，终端将从目标服务器获取到的页面组件渲染成页面的形
式进行展示，以便开发人员能够直观地查看每个页面组件对应的显示效果，以便开发人员进行选择，提升了选择共享的页面组件的便捷性。并且，目标服务器中存储了各个终端上传的页面组件，通过这种页面组件共享方式，能够提升页面组件的流通性。
123.并且，终端响应于组件查看指令，先显示页面组件列表供开发人员选择，再从目标服务器中获取被选中的组件标识对应的页面组件，无需从目标服务器获取全部的页面组件，这样能够节省终端与服务器之间的通信资源，也能够节省终端的存储空间。
124.并且，本公开实施例提供了一种共享的页面组件可视化的方案，终端从目标服务器获取到页面组件的代码文件后，通过该页面生成代码，生成一个用于承载页面组件的模板页面，该模板页面是一个通用的页面，将获取到的页面组件聚合在该模板页面中，形成了目标页面，使得获取到的页面组件可视化，即实现了共享的页面组件的可视化。
125.需要说明的是，在上述图3所示的实施例的基础上，终端在开发页面的过程中，能够将开发的页面中的页面组件上传至目标服务器进行共享，也即是，该方法还包括：终端响应于对该待开发页面中的第二页面组件的共享指令，向该目标服务器上传该第二页面组件，目标服务器接收终端上传的第二页面组件，存储该第二页面组件。
126.在本公开实施例中，通过该页面开发应用能够对页面进行开发，并且，在开发页面的过程中，能够将开发的页面组件上传至目标服务器进行共享，以便其他终端能够从目标服务器获取该页面组件，实现了页面组件的共享。
127.在一些实施例中，终端是通过页面开发应用对该待开发页面进行开发的，且通过该页面开发指令向目标服务器上传该第二页面组件的。
128.在一些实施例中，终端通过页面发开应用对待开发页面进行开发和调试，也即是，该方法还包括：终端通过该页面开发应用，生成针对待开发页面的多个页面组件；调用该页面开发应用中的组件调试代码，对该多个页面组件进行调试。
129.其中，该组件调试代码用于对开发的页面包含的页面组件进行调试。终端通过该页面开发应用，能够开发出某个页面对应的多个页面组件，并通过组件调试代码对开发出的页面组件进行调试，以保证开发出的页面组件的代码逻辑准确。
130.在一些实施例中，目标服务器在接收到终端上传的第二页面组件后，还需要对第二页面组件进行检验，也即是，目标服务器存储第二页面组件的过程包括：目标服务器接收终端上传的第二页面组件，在该第二页面组件与目标服务器中存储的页面组件不重复的情况下，存储第二页面组件。
131.目标服务器在接收到终端上传的页面组件后，会将接收到的页面组件与存储的页面组件进行比较，以确定是否已经存储了接收到的页面组件，仅在接收到的页面组件与存储的页面组件不重复的情况下，才会存储接收到的页面组件，避免了存储的页面组件存在重复的情况，以节省目标服务器的存储资源。
132.对于目标服务器确定第二页面组件是否与存储的页面组件重复的方式，包括：目标服务器将第二页面组件的组件标识与存储的页面组件的组件标识进行对比，在未查询到与该第二页面组件的组件标识相同的组件标识的情况下，确定该第二页面组件与目标服务器中存储的页面组件不重复。本公开实施例仅是以上述组件标识对比的方式来确定页面组件是否重复，而在其他实施例中，还能够采取其他方式来确定页面组件是否重复，本公开实施例对比不进行限定。
133.需要说明的是，上述图3所示的实施例是在显示目标页面之后，通过该目标页面，将被选中的页面组件存储至待开发页面的存储空间中的，而在另一实施例中，目标页面包括至少一个页面组件以及每个页面组件的组件标识，开发人员通过查看该目标页面获知需要下载的页面组件的组件标识，基于该页面组件，通过终端与服务器之间的交互，来获取开发人员需要的页面组件。如图4所示，获取页面组件的代码文件的过程还包括：
134.401、终端在通过该页面开发应用开发待开发页面的过程中，通过该页面开发应用，向该目标服务器发送组件获取请求，该组件获取请求携带组件标识。
135.402、目标服务器接收该组件获取请求，基于组件获取请求，查询该组件标识对应的页面组件的代码文件，返回查询到的页面组件的代码文件。
136.403、终端通过该页面开发应用，接收该目标服务器返回的页面组件的代码文件，将该页面组件的代码文件存储在该待开发页面对应存储空间中。
137.在本公开实施例中，终端通过页面开发应用能够开发任意的页面，终端在通过该页面开发应用开发待开发页面的过程中，通过页面开发应用能够向目标服务器请求任一组件标识对应的页面组件，并将请求到的页面组件的代码文件存储在该待开发页面对应的存储空间中，后续直接使用开页面组件即可，这样，无需再开发该页面组件，避免了页面组件的重复开发，从而节省了人了成本。
138.需要说明的是，上述实施例是从目标服务器获取共享的页面组件后，将获取到的页面组件渲染成目标页面，以供开发人员查看，之后，通过终端与服务器之间的交互，再获取查看到的页面组件的组件标识所对应的代码文件，而在另一实施例中，开发人员能够以其他的方式来获取需要的页面组件的组件标识，之后，按照上述步骤401-403的方式来获取页面组件。
139.基于上述图2至图4所示的实施例，本公开实施例还提供了一种页面组件共享的流程图，如图5所示，该流程包括：
140.501、各个终端通过页面开发应用来开发各个前端项目，通过该页面开发应用，将开发的页面组件上传至目标服务器进行共享。
141.如图5所示，以前端项目1和前端项目2为例，前端项目1对应的终端通过页面开发应用，将页面组件1和页面组件2上传至目标服务器进行共享；前端项目2对应的终端通过页面开发应用，将页面组件4和页面组件5上传至目标服务器进行共享。
142.502、目标服务器接收各个终端上传的页面组件并进行存储。
143.503、任一的终端通过页面开发应用能够从目标服务器拉取至少一个页面组件的代码文件，并基于该至少一个页面组件的代码文件，将该至少一个页面组件聚合成目标页面进行展示。
144.如图5所示，任一终端从目标服务器拉取页面组件1的代码文件、页面组件2的代码文件及页面组件5的代码文件，基于拉取的代码文件渲染出目标页面，该目标页面包括页面组件1、页面组件2及页面组件5。
145.本公开实施例提供的方法，不同的前端项目中的页面组件均可以上传至目标服务器进行共享，以供其他前端项目从目标服务器下载页面组件并使用，实现了不同前端项目之间的页面组件的流通，避免了页面组件的重复开发，从而节省了人力成本。
146.需要说明的是，上述所有可选技术方案，可以采用任意结合形成本公开的可选实
施例，在此不再一一赘述。
147.图6是根据一示例性实施例示出的一种页面组件获取装置框图。参照图6，该装置包括：
148.获取单元601，被配置为执行响应于在页面开发应用中的组件查看指令，从目标服务器获取至少一个页面组件的代码文件，目标服务器用于存储各个终端所上传的页面组件，页面组件用于实现任一种页面功能；
149.显示单元602，被配置为执行基于至少一个页面组件的代码文件进行渲染，以显示目标页面，目标页面显示有至少一个页面组件；
150.存储单元603，被配置为执行响应于对目标页面中的第一页面组件的选择指令，将第一页面组件的代码文件存储至待开发页面对应的存储空间中，第一页面组件为至少一个页面组件中的任一个。
151.在一些实施例中，获取单元601，被配置为执行响应于组件查看指令，通过页面开发应用，显示页面组件列表，页面组件列表包括目标服务器存储的页面组件的组件标识；获取页面组件列表中被选中的组件标识；通过页面开发应用，从目标服务器获取被选中的组件标识所对应的页面组件的代码文件。
152.在一些实施例中，显示单元602，被配置为执行调用页面开发应用中的页面生成代码，生成模板页面；基于模板页面及至少一个页面组件的代码文件进行渲染，生成目标页面，显示目标页面。
153.在一些实施例中，如图7所示，装置还包括：
154.上传单元604，被配置为执行响应于对待开发页面中的第二页面组件的共享指令，向目标服务器上传第二页面组件，由目标服务器存储第二页面组件。
155.在一些实施例中，第二页面组件由目标服务器在第二页面组件与存储的页面组件不重复的情况下存储。
156.在一些实施例中，如图7所示，装置还包括：
157.生成单元605，被配置为执行通过页面开发应用，生成针对待开发页面的多个页面组件；
158.调试单元606，被配置为执行调用页面开发应用中的组件调试代码，对多个页面组件进行调试。
159.在一些实施例中，如图7所示，装置还包括：
160.发送单元607，被配置为执行在通过页面开发应用开发待开发页面的过程中，通过页面开发应用，向目标服务器发送组件获取请求，组件获取请求携带组件标识，目标服务器用于基于组件获取请求，查询组件标识对应的页面组件的代码文件，返回查询到的页面组件的代码文件；
161.接收单元608，被配置为执行通过页面开发应用，接收目标服务器返回的页面组件的代码文件；
162.存储单元603，被配置为执行将页面组件的代码文件存储在待开发页面对应存储空间中。
163.需要说明的是，上述实施例提供的装置，仅以上述各功能单元的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能单元完成，即将电子设备的
内部结构划分成不同的功能单元，以完成以上描述的全部或者部分功能。另外，上述实施例提供的页面组件获取装置与页面组件获取方法实施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。
164.关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。
165.在示例性实施例中，还提供了一种电子设备，电子设备包括：
166.一个或多个处理器；
167.用于存储一个或多个处理器可执行指令的易失性或非易失性存储器；
168.其中，一个或多个处理器被配置为执行上述页面组件获取方法中终端所执行的步骤。
169.电子设备被提供为终端时，图8是根据一示例性实施例示出的一种终端800的框图。该终端图8示出了本公开一个示例性实施例提供的终端800的结构框图。该终端800可以是：智能手机、平板电脑、mp3播放器(moving picture experts group audio layer iii，动态影像专家压缩标准音频层面3)、mp4(moving picture experts group audio layer iv，动态影像专家压缩标准音频层面4)播放器、笔记本电脑或台式电脑。终端800还可能被称为用户设备、便携式终端、膝上型终端、台式终端等其他名称。
170.通常，终端800包括有：处理器801和存储器802。
171.处理器801可以包括一个或多个处理核心，比如4核心处理器、8核心处理器等。处理器801可以采用dsp(digital signal processing，数字信号处理)、fpga(field－programmable gate array，现场可编程门阵列)、pla(programmable logic array，可编程逻辑阵列)中的至少一种硬件形式来实现。处理器801也可以包括主处理器和协处理器，主处理器是用于对在唤醒状态下的数据进行处理的处理器，也称cpu(central processing unit，中央处理器)；协处理器是用于对在待机状态下的数据进行处理的低功耗处理器。在一些实施例中，处理器801可以在集成有gpu(graphics processing unit，图像处理器)，gpu用于负责显示屏所需要显示的内容的渲染和绘制。一些实施例中，处理器801还可以包括ai(artificial intelligence，人工智能)处理器，该ai处理器用于处理有关机器学习的计算操作。
172.存储器802可以包括一个或多个计算机可读存储介质，该计算机可读存储介质可以是非暂态的。存储器802还可包括高速随机存取存储器，以及非易失性存储器，比如一个或多个磁盘存储设备、闪存存储设备。在一些实施例中，存储器802中的非暂态的计算机可读存储介质用于存储至少一个程序代码，该至少一个程序代码用于被处理器801所执行以实现本公开中方法实施例提供的页面组件获取方法。
173.在一些实施例中，终端800还可选包括有：外围设备接口803和至少一个外围设备。处理器801、存储器802和外围设备接口803之间可以通过总线或信号线相连。各个外围设备可以通过总线、信号线或电路板与外围设备接口803相连。具体地，外围设备包括：射频电路804、显示屏805、摄像头组件806、音频电路807、定位组件808和电源809中的至少一种。
174.外围设备接口803可被用于将i/o(input/output，输入/输出)相关的至少一个外围设备连接到处理器801和存储器802。在一些实施例中，处理器801、存储器802和外围设备接口803被集成在同一芯片或电路板上；在一些其他实施例中，处理器801、存储器802和外
positioning system，全球定位系统)、中国的北斗系统、俄罗斯的格雷纳斯系统或欧盟的伽利略系统的定位组件。
180.电源809用于为终端800中的各个组件进行供电。电源809可以是交流电、直流电、一次性电池或可充电电池。当电源809包括可充电电池时，该可充电电池可以支持有线充电或无线充电。该可充电电池还可以用于支持快充技术。
181.在一些实施例中，终端800还包括有一个或多个传感器810。该一个或多个传感器810包括但不限于：加速度传感器811、陀螺仪传感器812、压力传感器813、指纹传感器814、光学传感器815以及接近传感器816。
182.加速度传感器811可以检测以终端800建立的坐标系的三个坐标轴上的加速度大小。比如，加速度传感器811可以用于检测重力加速度在三个坐标轴上的分量。处理器801可以根据加速度传感器811采集的重力加速度信号，控制显示屏805以横向视图或纵向视图进行用户界面的显示。加速度传感器811还可以用于游戏或者用户的运动数据的采集。
183.陀螺仪传感器812可以检测终端800的机体方向及转动角度，陀螺仪传感器812可以与加速度传感器811协同采集用户对终端800的3d动作。处理器801根据陀螺仪传感器812采集的数据，可以实现如下功能：动作感应(比如根据用户的倾斜操作来改变ui)、拍摄时的图像稳定、游戏控制以及惯性导航。
184.压力传感器813可以设置在终端800的侧边框和/或显示屏805的下层。当压力传感器813设置在终端800的侧边框时，可以检测用户对终端800的握持信号，由处理器801根据压力传感器813采集的握持信号进行左右手识别或快捷操作。当压力传感器813设置在显示屏805的下层时，由处理器801根据用户对显示屏805的压力操作，实现对ui界面上的可操作性控件进行控制。可操作性控件包括按钮控件、滚动条控件、图标控件、菜单控件中的至少一种。
185.指纹传感器814用于采集用户的指纹，由处理器801根据指纹传感器814采集到的指纹识别用户的身份，或者，由指纹传感器814根据采集到的指纹识别用户的身份。在识别出用户的身份为可信身份时，由处理器801授权该用户执行相关的敏感操作，该敏感操作包括解锁屏幕、查看加密信息、下载软件、支付及更改设置等。指纹传感器814可以被设置终端800的正面、背面或侧面。当终端800上设置有物理按键或厂商logo时，指纹传感器814可以与物理按键或厂商logo集成在一起。
186.光学传感器815用于采集环境光强度。在一个实施例中，处理器801可以根据光学传感器815采集的环境光强度，控制显示屏805的显示亮度。具体地，当环境光强度较高时，调高显示屏805的显示亮度；当环境光强度较低时，调低显示屏805的显示亮度。在另一个实施例中，处理器801还可以根据光学传感器815采集的环境光强度，动态调整摄像头组件806的拍摄参数。
187.接近传感器816，也称距离传感器，通常设置在终端800的前面板。接近传感器816用于采集用户与终端800的正面之间的距离。在一个实施例中，当接近传感器816检测到用户与终端800的正面之间的距离逐渐变小时，由处理器801控制显示屏805从亮屏状态切换为息屏状态；当接近传感器816检测到用户与终端800的正面之间的距离逐渐变大时，由处理器801控制显示屏805从息屏状态切换为亮屏状态。
188.本领域技术人员可以理解，图8中示出的结构并不构成对终端800的限定，可以包
括比图示更多或更少的组件，或者组合某些组件，或者采用不同的组件布置。
189.在示例性实施例中，还提供了一种非临时性计算机可读存储介质，当存储介质中的程序代码由电子设备的处理器执行时，使得电子设备能够执行上述页面组件获取方法中终端或服务器所执行的步骤。可选地，存储介质可以是非临时性计算机可读存储介质，例如，非临时性计算机可读存储介质可以是rom、随机存取存储器(ram)、cd-rom、磁带、软盘和光数据存储设备等。
190.在示例性实施例中，还提供了一种计算机程序产品，当计算机程序产品中的指令由电子设备的处理器执行时，使得电子设备能够执行上述页面组件获取方法中终端所执行的步骤。
191.本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本公开旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的权利要求指出。
192.应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。