一种生成页面的方法、装置及电子设备制造方法及图纸

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

【技术实现步骤摘要】
一种生成页面的方法、装置及电子设备


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

技术介绍

[0002]当前，在图形用户界面(英文：Graphical User Interface，简称为：GUI)开发过程中，开发人员需要使用可视化开发工具，或者提前以图纸的形式计算好需要设计的界面，然而在可视化工具不存在或不好用，又在界面上开发任务较重，设计稿无法适配各个平台时，往往需要开发人员自行补足。另外，由于GUI组件往往拥有非常多的属性，比如位置、宽高、文字、颜色、边框、点击事件等等，这些通常会对开发人员造成巨大的困扰，比如说一个完整个界面中，将拥有相当多的组件，每个组件都有其位置，如何让组件的位置不产生交叉，并且在界面发生拖拽时保持相对位置或者缩放大小，都将是挑战开发人员的内容。
[0003]在传统的Swing开发中，同样面临着上面的问题，由于可视化开发工具的匮乏或是高昂的价格，使得开发人员必须手写界面上的一切细节，非旦开发效率低下，并且维护也相当困难。

技术实现思路

[0004]本发申请提供了一种生成页面的方法、装置及电子设备，用以避免传统的Swing开发中，开发人员必须手写界面上的一切细节，导致开发效率低的问题。
[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]存储器，用于存放计算机程序；
[0031]处理器，用于执行所述存储器上所存放的计算机程序时，实现上述生成页面的方法步骤。
[0032]第四方面，本申请提供了一种计算机可读存储介质，所述计算机可读存储介质内存储有计算机程序，所述计算机程序被处理器执行时实现上述生成页面的方法步骤。
[0033]上述第二方面至第四方面中的各个方面以及各个方面可能达到的技术效果请参照上述针对第一方面或第一方面中的各种可能方案可以达到的技术效果说明，这里不再重复赘述。
附图说明
[0034]图1为本申请提供的一种生成页面的方法流程图；
[0035]图2为本申请提供的页面布局示意图；
[0036]图3为本申请提供的页面开发代码示意图；
[0037]图4为本申请提供的目标页面展示效果示意图之一；
[0038]图5为本申请提供的目标页面展示效果示意图之二；
[0039]图6为本申请提供的一种生成页面的装置的结构示意图；
[0040]图7为本申请提供的一种电子设备的结构示意图。
具体实施方式
[0041]为了使本申请的目的、技术方案和优点更加清楚，下面将结合附图对本申请作进一步地详细描述。方法实施例中的具体操作方法也可以应用于装置实施例或系统实施例中。需要说明的是，在本申请的描述中“多个”理解为“至少两个”。“和/或”，描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。A与B连接，可以表示：A与B直接连接和A与B通过C连接这两种情况。另外，在本申请的描述中，“第一”、“第二”等词汇，仅用于区分描述的目的，而不能理解为指示或暗示相对重要性，也不能理解为指示或暗示顺序。
[0042]下面结合附图，对本申请实施例进行详细描述。
[0043]当前，GUI开发过程中，开发人员需要使用可视化开发工具，或者提前以图纸的形式计算好需要设计的界面。另外，由于GUI组件往往拥有非常多的属性，比如位置、宽高、文字、颜色、边框、点击事件等等，这些通常会对开发人员造成巨大的困扰，比如说一个完整本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种生成页面的方法，其特征在于，所述方法包括：在接收到声明消息以及组件消息时，在所述声明消息中确定出页面结构信息，其中，所述页面结构信息表征所述页面中用于放置组件的排布区域；在所述组件消息中确定出放置于页面中的各个组件，以及各个组件之间的关联；基于所述页面结构信息、所述各个组件以及所述各个组件之间的关联，生成目标页面。2.如权利要求1所述的方法，其特征在于，在所述声明消息中确定出页面结构信息，包括：根据所述声明消息，在各个布局模式中选择出所述目标页面的目标布局模式，其中，所述目标布局模式包含了放置组件的位置以及组件的宽高；将所述目标布局模式作为所述页面结构信息。3.如权利要求2所述的方法，其特征在于，基于所述页面结构信息、所述各个组件以及所述各个组件之间的关联，生成目标页面，包括：根据所述页面结构信息中的目标布局模式，生成基础页面面板，其中，所述基础页面面板中包含多个组件放置区域；按照各个组件之间的关联，将所述各个组件放置于所述基础页面面板中的各个组件放置区域中。4.如权利要求1所述的方法，其特征在于，基于所述页面结构信息、所述各个组件以及所述各个组件之间的关联，生成目标页面，包括：判定所述各个组件中的每个组件是否存在于组件库中；若是，则直接基于所述页面结构信息、所述各个组件以及所述各个组件之间的关联，生成所述目标页面；若否，则在三方组件库中调取出所述组件库中不存在的组件，并根据所述组件库、调取出所述组件以及各个组件组件的关联，生成所述目标页面。5.如权利要求1所述的方法，其特征在于，在基于所述页面结构信息、所述各个组件以及所述各个组件之间的关联...

【专利技术属性】
技术研发人员：宋杨，何晓杰，朱皓，秦钢，
申请(专利权)人：杭州指令集智能科技有限公司，
类型：发明
国别省市：