本公开提供了一种页面组件生成方法，页面组件生成装置、计算机系统、可读存储介质及计算机程序产品。涉及计算机技术领域和互联网技术领域。页面组件生成方法包括：响应于接收到用于生成页面组件的生成指令，基于生成指令，确定组件类型；基于组件类型，从用于生成页面组件的元素集合中确定目标元素；响应于接收到用于添加内容的内容指令，基于内容指令，从多个内容生成逻辑中确定目标内容生成逻辑；基于目标内容生成逻辑和入参数据，确定目标内容；以及将目标元素和目标内容进行关联，生成目标页面组件。页面组件。页面组件。
【技术实现步骤摘要】
页面组件生成方法、装置、计算机系统及可读存储介质
[0001]本公开涉及计算机
和互联网
，更具体地，涉及一种页面组件生成方法、装置、计算机系统、可读存储介质及计算机程序产品。
技术介绍
[0002]现有的页面组件应用技术是通过内部的低代码平台，对某些典型业务需求针对性地进行元素组件组合，或定制化开发特定的组件。低代码平台的解决方案，主要流程是为用户选择相应的元素组件例如接口字段、自定义的样式图片、类似画布的产品，经过人工排版进而完成一个组件的搭建。
[0003]在实现本公开构思的过程中，专利技术人发现相关技术中至少存在如下问题：人力投入过大，页面组件难以复用，适应性低。
技术实现思路
[0004]有鉴于此，本公开提供了一种页面组件生成方法、装置、计算机系统、可读存储介质及计算机程序产品。
[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]根据本公开的实施例，第三确定模块包括获取子模块、第三确定子模块和生成子模块。获取子模块，用于利用目标内容生成逻辑从预定接口获取入参数据。第三确定子模块，用于从本文档来自技高网...
【技术保护点】
【技术特征摘要】
1.一种页面组件生成方法，包括：响应于接收到用于生成页面组件的生成指令，基于所述生成指令，确定组件类型；基于所述组件类型，从用于生成页面组件的元素集合中确定目标元素；响应于接收到用于添加内容的内容指令，基于所述内容指令，从多个内容生成逻辑中确定目标内容生成逻辑；基于所述目标内容生成逻辑和入参数据，确定目标内容；以及将所述目标元素和所述目标内容进行关联，生成目标页面组件。2.根据权利要求1所述的方法，其中，所述将所述目标元素和所述目标内容进行关联，生成目标页面组件，包括：将所述目标元素和所述目标内容进行关联，生成元素组件；以及将所述元素组件添加至背景元素中，生成所述目标页面组件。3.根据权利要求2所述的方法，其中，所述将所述元素组件添加至背景元素中，生成所述目标页面组件，包括：基于所述生成指令，确定组件布局；基于所述组件布局，确定所述元素组件位于所述背景元素的目标位置信息；以及将所述元素组件添加至与所述目标位置信息相匹配的所述背景元素中，生成所述目标页面组件。4.根据权利要求3所述的方法，其中，所述基于所述组件布局，确定所述元素组件位于所述背景元素的目标位置信息，包括：在确定所述元素组件包括多个的情况下，基于所述组件布局，确定多个所述元素组件彼此之间的排列顺序；基于所述排列顺序，确定相邻两个元素组件之间的设置间距，得到多个设置间距；以及基于所述排列顺序和所述多个设置间距，确定每个所述元素组件位于所述背景元素的目标位置信息。5.根据权利要求3所述的方法，其中，所述将所述元素组件添加至与所述目标位置信息相匹配的所述背景元素中，生成所述目标页面组件，包括：确定所述元素组件与所述背景元素之间的尺寸匹配度；在确定所述尺寸匹配度小于预定阈值的情况下，基于所述目标元素的边界位置信息，调整所述元素组件的尺寸，得到调整后的元素组件；以及将所述调整后的元素组件添加至与所述目标位置信息相匹配的所述背景元素中，生成所述目标页面组件。6.根据权利要求1至5中任一项所述的方法，其中，在所述将所述目标元素和所述目标内容进行关联，生成目标页面组件之前，所述方法还包括：响应于接收到用于调整元素色调的色...
【专利技术属性】
技术研发人员：刘欢，林海东，杨涔，黄昊，
申请(专利权)人：北京京东世纪贸易有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。