页面生成方法、装置、设备、介质及产品与流程

本申请属于计算机技术，尤其涉及一种页面生成方法、装置、设备、介质及产品。

背景技术：

1、目前，前端开发人员在开发前端页面时，通常需要手动编写页面代码，以实现页面中各个组件的功能。

2、但是，同一场景下前端页面中的各个组件功能的代码重复性很高，通过开发人员手动编写页面代码的方式非常繁琐，且编写的都是重复代码，导致前端开发人员工作量较大，降低了开发效率，页面中组件的可复用性低且不易维护。

技术实现思路

1、本申请实施例提供一种页面生成方法、装置、设备、介质及产品，能够减轻前端开发人员的工作量，提高开发效率，提高页面中组件的可复用性和可维护性。

2、第一方面，本申请实施例提供一种页面生成方法，该方法包括：

3、获取并显示备选组件列表，其中，所述备选组件列表中包括多个封装的组件；

4、接收用户针对所述备选组件列表中的第一组件的第一输入，其中，所述第一输入为将所述第一组件拖拽至目标页面的输入；

5、响应于所述第一输入，生成包含所述第一组件的目标页面。

6、第二方面，本申请实施例提供了一种页面生成装置，该装置包括：

7、列表获取模块，用于获取并显示备选组件列表，其中，所述备选组件列表中包括多个封装的组件；

8、第一接收模块，用于接收用户针对所述备选组件列表中的第一组件的第一输入，其中，所述第一输入为将所述第一组件拖拽至目标页面的输入；

9、页面生成模块，用于响应于所述第一输入，生成包含所述第一组件的目标页面。

10、第三方面，本申请实施例提供了一种电子设备，该电子设备包括：处理器以及存储有计算机程序指令的存储器；

11、处理器执行所述计算机程序指令时实现如第一方面的任一项实施例中所述的页面生成方法的步骤。

12、第四方面，本申请实施例提供了一种计算机可读存储介质，计算机可读存储介质上存储有计算机程序指令，计算机程序指令被处理器执行时实现如第一方面的任一项实施例中所述的页面生成方法的步骤。

13、第五方面，本申请实施例提供了一种计算机程序产品，计算机程序产品中的指令由电子设备的处理器执行时，使得所述电子设备执行如第一方面的任一项实施例中所述的页面生成方法的步骤。

14、本申请实施例中的页面生成方法、装置、设备、介质及产品，通过获取并显示包含多个封装的组件的备选组件列表，并接收用户将备选组件列表中的第一组件拖拽至目标页面的第一输入，响应于该第一输入，生成包含该第一组件的目标页面，如此，通过设计多个封装的组件，开发人员可以以拖拽的方式将组件拖拽至页面中，从而快速生成前端所需的页面，相较于手动编写页面代码的方式，可以减轻前端开发人员的工作量，提高开发效率，另外，封装的组件可无限重复使用且便于维护，因此可以提高页面中组件的可复用性和可维护性。

技术特征：

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

2.根据权利要求1所述的方法，其特征在于，所述生成包含所述第一组件的目标页面，包括：

3.根据权利要求1所述的方法，其特征在于，在生成包含所述第一组件的目标页面之后，所述方法还包括：

4.根据权利要求3所述的方法，其特征在于，所述确定所述第一组件在所述第一区域中对应的父级组件，以及位于所述第二区域的第二组件，包括：

5.根据权利要求1所述的方法，其特征在于，在所述目标页面中还包括与所述第一组件同级且依次排列的至少一个组件的情况下，所述方法还包括：

6.根据权利要求1所述的方法，其特征在于，在获取并显示备选组件列表之前，所述方法还包括：

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

8.一种电子设备，其特征在于，所述设备包括：处理器以及存储有计算机程序指令的存储器；

9.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有计算机程序指令，所述计算机程序指令被处理器执行时实现如权利要求1-6任意一项所述的页面生成方法的步骤。

10.一种计算机程序产品，其特征在于，所述计算机程序产品中的指令由电子设备的处理器执行时，使得所述电子设备执行如权利要求1-6任意一项所述的页面生成方法的步骤。

技术总结
本申请公开了一种页面生成方法、装置、设备、介质及产品。该页面生成方法包括获取并显示备选组件列表，其中，所述备选组件列表中包括多个封装的组件；接收用户针对所述备选组件列表中的第一组件的第一输入，其中，所述第一输入为将所述第一组件拖拽至目标页面的输入；响应于所述第一输入，生成包含所述第一组件的目标页面。根据本申请实施例，可以减轻前端开发人员的工作量，提高开发效率，提高页面中组件的可复用性和可维护性。

技术研发人员：周湘闽
受保护的技术使用者：中国建设银行股份有限公司
技术研发日：
技术公布日：2024/1/11