一种生成页面的方法、装置及电子设备与流程

本申请涉及网络，尤其涉及一种生成页面的方法、装置及电子设备。

背景技术：

1、当前，在图形用户界面(英文：graphical user interface，简称为：gui)开发过程中，开发人员需要使用可视化开发工具，或者提前以图纸的形式计算好需要设计的界面，然而在可视化工具不存在或不好用，又在界面上开发任务较重，设计稿无法适配各个平台时，往往需要开发人员自行补足。另外，由于gui组件往往拥有非常多的属性，比如位置、宽高、文字、颜色、边框、点击事件等等，这些通常会对开发人员造成巨大的困扰，比如说一个完整个界面中，将拥有相当多的组件，每个组件都有其位置，如何让组件的位置不产生交叉，并且在界面发生拖拽时保持相对位置或者缩放大小，都将是挑战开发人员的内容。

2、在传统的swing开发中，同样面临着上面的问题，由于可视化开发工具的匮乏或是高昂的价格，使得开发人员必须手写界面上的一切细节，非旦开发效率低下，并且维护也相当困难。

技术实现思路

1、本发申请提供了一种生成页面的方法、装置及电子设备，用以避免传统的swing开发中，开发人员必须手写界面上的一切细节，导致开发效率低的问题。

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、上述第二方面至第四方面中的各个方面以及各个方面可能达到的技术效果请参照上述针对第一方面或第一方面中的各种可能方案可以达到的技术效果说明，这里不再重复赘述。

技术特征：

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

2.如权利要求1所述的方法，其特征在于，在所述声明消息中确定出页面结构信息，包括：

3.如权利要求2所述的方法，其特征在于，基于所述页面结构信息、所述各个组件以及所述各个组件之间的关联，生成目标页面，包括：

4.如权利要求1所述的方法，其特征在于，基于所述页面结构信息、所述各个组件以及所述各个组件之间的关联，生成目标页面，包括：

5.如权利要求1所述的方法，其特征在于，在基于所述页面结构信息、所述各个组件以及所述各个组件之间的关联，生成目标页面之后，所述方法还包括：

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

7.如权利要求6所述的装置，其特征在于，所述处理模块，具体用于根据所述声明消息，在各个布局模式中选择出所述目标页面的目标布局模式；将所述目标布局模式作为所述页面结构信息，其中，所述目标布局模式包含了放置组件的位置以及组件的宽高。

8.如权利要求7所述的装置，其特征在于，所述处理模块，具体用于根据所述页面结构信息中的目标布局模式，生成基础页面面板，其中，所述基础页面面板中包含多个组件放置区域；

9.一种电子设备，其特征在于，包括：

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质内存储有计算机程序，所述计算机程序被处理器执行时实现权利要求1-5任一项所述的方法步骤。

技术总结
本申请公开了一种生成页面的方法、装置及电子设备，该方法包括：在接收到声明消息以及组件消息时，在声明消息中确定出页面结构信息，在组件消息中确定出放置于页面中的各个组件，以及各个组件之间的关联；基于页面结构信息、各个组件以及各个组件之间的关联，生成目标页面。通过上述的方法，在实际应用中设备端可以通过声明消息的方式来实现页面的开发，从而避免大量的开发代码，节约了页面的开发时间，并且也提升了页面的开发效率。

技术研发人员：宋杨,何晓杰,朱皓,秦钢
受保护的技术使用者：杭州指令集智能科技有限公司
技术研发日：
技术公布日：2024/1/15