页面生成方法、装置、设备、可读存储介质及程序产品制造方法及图纸

本申请提供了一种页面生成方法、装置、设备、可读存储介质及程序产品。在显示操作界面，操作界面包括组件标识列表和初始页面的情况下，接收对组件标识列表中的N个组件标识的第一输入，N为正整数；响应于第一输入，确定与N个组件标识一一对应的N个组件，以及每个组件的占位属性值；根据每个组件的占位属性值，显示N个组件在初始页面中的栅格化布局；根据栅格化布局，生成目标页面。根据本申请实施例，能够解决页面生成的过程操作难度较大、周期较长的技术问题。术问题。术问题。

【技术实现步骤摘要】
页面生成方法、装置、设备、可读存储介质及程序产品


[0001]本申请属于互联网
，尤其涉及一种页面生成方法、装置、设备、可读存储介质及程序产品。

技术介绍

[0002]在现有的页面开发过程中，开发人员通常使用开源的用户界面(USER INTERFACE Module，UI)组件框架进行相应的页面设计，这需要开发人员非常熟悉前端编程语言，特别是页面开发要求生成特定布局的页面时，往往需要开发人员对页面布局相关的具体代码进行手动修改调整，导致页面生成的过程操作难度较大、周期较长。

技术实现思路

[0003]本申请实施例提供一种页面生成方法、装置、设备、可读存储介质及程序产品，以解决页面生成的过程操作难度较大、周期较长的技术问题。
[0004]第一方面，本申请实施例提供一种页面生成方法，方法包括：
[0005]在显示操作界面，操作界面包括组件标识列表和初始页面的情况下，接收对组件标识列表中的N个组件标识的第一输入，N为正整数；
[0006]响应于第一输入，确定与N个组件标识一一对应的N个组件，以及每个组件的占位属性值；
[0007]根据每个组件的占位属性值，显示N个组件在初始页面中的栅格化布局；
[0008]根据栅格化布局，生成目标页面。
[0009]第二方面，本申请实施例提供了一种页面生成装置，装置包括：
[0010]第一接收模块，用于在显示操作界面，操作界面包括组件标识列表和初始页面的情况下，接收对组件标识列表中的N个组件标识的第一输入，N为正整数；
[0011]确定模块，用于响应于第一输入，确定与N个组件标识一一对应的N个组件，以及每个组件的占位属性值；
[0012]显示模块，用于根据每个组件的占位属性值，显示N个组件在初始页面中的栅格化布局；
[0013]生成模块，用于根据栅格化布局，生成目标页面。
[0014]第三方面，本申请实施例提供了一种电子设备，设备包括：
[0015]处理器以及存储有程序或指令的存储器；
[0016]所述处理器执行所述程序或指令时实现上述的方法。
[0017]第四方面，本申请实施例提供了一种机器可读存储介质，机器可读存储介质上存储有程序或指令，程序或指令被处理器执行时实现上述的方法。
[0018]第五方面，本申请实施例提供了一种计算机程序产品，计算机程序产品中的指令由电子设备的处理器执行时，使得电子设备执行上述方法。
[0019]本申请实施例的页面生成方法、装置、设备、可读存储介质及程序产品，能够在显
示操作界面，操作界面包括组件标识列表和初始页面的情况下，接收对组件标识列表中的N个组件标识的第一输入，N为正整数；响应于第一输入，确定与N个组件标识一一对应的N个组件，以及每个组件的占位属性值；根据每个组件的占位属性值，显示N个组件在初始页面中的栅格化布局；根据栅格化布局，生成目标页面。这样，可以直接将接收到第一输入的组件标识所对应的组件添加至初始页面中，并可以将这些组件的占位属性值作为布局依据，在初始页面中显示其栅格化布局供开发人员查看，并可以生成该栅格化布局的目标页面，无需开发人员手动调整与页面布局相关的代码，降低了页面开发的难度，使得页面生成操作更便捷高效。
附图说明
[0020]为了更清楚地说明本申请实施例的技术方案，下面将对本申请实施例中所需要使用的附图作简单的介绍，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0021]图1是本申请一个实施例提供的页面生成方法的流程示意图；
[0022]图2是本申请一个实施例提供的页面生成方法的场景实施例流程图；
[0023]图3是本申请一个实施例提供的页面生成方法的场景实施例示意图；
[0024]图4是本申请另一个实施例提供的页面生成方法的场景实施例示意图；
[0025]图5是本申请另一个实施例提供的页面生成装置的结构示意图；
[0026]图6是本申请又一个实施例提供的电子设备的结构示意图。
具体实施方式
[0027]下面将详细描述本申请的各个方面的特征和示例性实施例，为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及具体实施例，对本申请进行进一步详细描述。应理解，此处所描述的具体实施例仅意在解释本申请，而不是限定本申请。对于本领域技术人员来说，本申请可以在不需要这些具体细节中的一些细节的情况下实施。下面对实施例的描述仅仅是为了通过示出本申请的示例来提供对本申请更好的理解。
[0028]需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括
……”
限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
[0029]为了解决现有技术问题，本申请实施例提供了一种页面生成方法、装置、设备、可读存储介质及程序产品。下面首先对本申请实施例所提供的页面生成方法进行介绍。
[0030]图1示出了本申请一个实施例提供的页面生成方法的流程示意图。该页面生成方法可以应用在页面开发的场景中。如图1所示，该页面生成方法可以包括：
[0031]S110，在显示操作界面，操作界面包括组件标识列表和初始页面的情况下，接收对组件标识列表中的N个组件标识的第一输入；
[0032]S120，响应于第一输入，确定与N个组件标识一一对应的N个组件，以及每个组件的占位属性值；
[0033]S130，根据每个组件的占位属性值，显示N个组件在初始页面中的栅格化布局；
[0034]S140，根据栅格化布局，生成目标页面。
[0035]上述各个步骤的具体实现方式将在下文中进行详细描述。
[0036]在本申请实施例中，页面生成方法可以直接将接收到第一输入的组件标识所对应的组件添加至初始页面中，并可以将这些组件的占位属性值作为布局依据，在初始页面中显示其栅格化布局供开发人员查看，并可以生成该栅格化布局的目标页面，无需开发人员手动调整与页面布局相关的代码，降低了页面开发的难度，使得页面生成操作更便捷高效。
[0037]下面介绍上述各个步骤的具体实现方式。
[0038]在S110中，操作界面可以包括组件标识列表和初始页面，显示操作界面可以是在任意操作设备上进行显示。其中，组件标识列表可以是包含N个组件标识的组件栏，N为正整数，初始页面可以是在操作界面上进行显示的页面，可以是空白页面，也可以是包括默认模板内容的页面，此处不做限定。<本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面生成方法，其特征在于，包括：在显示操作界面，所述操作界面包括组件标识列表和初始页面的情况下，接收对所述组件标识列表中的N个组件标识的第一输入，N为正整数；响应于所述第一输入，确定与所述N个组件标识一一对应的N个组件，以及每个组件的占位属性值；根据所述每个组件的占位属性值，显示所述N个组件在所述初始页面中的栅格化布局；根据所述栅格化布局，生成目标页面。2.根据权利要求1所述的方法，其特征在于，所述根据所述每个组件的占位属性值，显示所述N个组件在所述初始页面中的栅格化布局，包括：根据每个组件的占位属性值，以及所述初始页面的行空间值，对每个组件拼接布局标签，所述布局标签包括行布局标签和/或列布局标签，所述占位属性值小于或等于所述行空间值；根据每个组件对应的所述布局标签，显示所述N个组件在所述初始页面中的栅格化布局。3.根据权利要求2所述的方法，其特征在于，所述根据每个组件的占位属性值，以及所述初始页面的行空间值，对每个组件拼接布局标签，包括：在第i个组件的占位属性值小于所述行空间值的情况下，确定当前占位计数器的第一数值是否为0，其中i为正整数，且i小于或等于N；在所述第一数值为0的情况下，对所述第i个组件的头部拼接行布局起始标签；基于所述第一数值与所述第i个组件的占位属性值之和，得到所述占位计数器累计后的第二数值；在i小于N，且第i+1个组件的占位属性值与所述第二数值之和大于所述行空间值的情况下，或者在i等于N的情况下，对所述第i个组件的尾部拼接行布局闭合标签；对所述第二数值进行清零处理；其中，所述行布局标签包括所述行布局起始标签和所述行布局闭合标签。4.根据权利要求3所述的方法，其特征在于，所述得到所述占位计数器累计后的第二数值之后，所述方法还包括：在i小于N，且所述第i+1个组件的占位属性值与所述第二数值之和小于或等于所述行空间值的情况下，对所述第i+1个组件的头部拼接列布局起始标签，对所述第i+1个组件的尾部拼接列布局闭合标签；基于所述第二数值与所述第i+1个组件的占位属性值之和，得到所述占位计数器累计后的第三数值；在i+1小于N，且第i+2个组件的...

【专利技术属性】
技术研发人员：阮浚杰，黄华新，罗朝彤，薛蓉蓉，
申请(专利权)人：中国移动通信集团有限公司，
类型：发明
国别省市：