一种可视化拖拽界面元素的生成方法及设备技术

技术编号:46581372 阅读:0 留言:0更新日期:2025-10-10 21:20
本发明专利技术公开了一种可视化拖拽界面元素的生成方法及设备,涉及界面元素生成技术领域。该可视化拖拽界面元素的生成方法,通过获取数据库中存储的原子组件库中的每个界面元素控件的元素属性集;读取用户每次拖拽连接的界面元素属性集,并基于预训练的语义融合模型进行分析,得到用户每次拖拽连接的兼容适配指数,本发明专利技术通过基于兼容适配指数判断用户每次拖拽连接是否存在逻辑不兼容;若存在逻辑不兼容,则基于预训练的缺失推理模型进行补全处理;若不存在逻辑不兼容,则基于用户每次拖拽连接后的界面布局生成对应的前端源代码,直至复合组件完成,从而实现控件连接的逻辑完整性保障与交互连通性增强,进而提升复合组件构建的智能化与鲁棒性。

【技术实现步骤摘要】

本专利技术涉及界面元素生成,具体为一种可视化拖拽界面元素的生成方法及设备


技术介绍

1、传统界面开发方式主要依赖专业开发人员通过代码进行界面编写与事件配置,存在开发周期长、人力资源依赖重、复用性差等显著限制,且低代码与无代码平台逐渐兴起,通过可视化方式支持界面与功能的组合生成,成为界面设计工具智能化升级的重要方向,现有的可视化拖拽技术多基于html5、javascript和css技术实现,配合react drag-and-drop或vue draggable等开源框架,实现组件的拖放与属性绑定,然而,当前拖拽方式普遍存在以下技术缺陷,缺乏基于语义理解的自动逻辑识别机制,难以识别用户在拖拽过程中可能存在的逻辑不兼容问题,常导致生成结果难以正确运行,造成数据路径断裂,从而影响界面有效性与业务功能正确性。

2、现有技术如公告号为:cn113791783b的专利申请公开的控件生成方法、装置、设备及存储介质,其中,方法包括:根据目标控件元素和目标布局,生成待配置可视化框架;获取约束配置文件并对约束配置文件进行解析,得到约束配置信息;将约束配置信息映射至本文档来自技高网...

【技术保护点】

1.一种可视化拖拽界面元素的生成方法,其特征在于,包括以下步骤:

2.根据权利要求1所述的可视化拖拽界面元素的生成方法,其特征在于,元素属性集包括控件标识符、结构布局集、功能行为集、语义关联集、逻辑属性集,界面元素属性集具体为待连接界面元素控件的元素属性集与其所对应的目标界面元素控件的元素属性集。

3.根据权利要求2所述的可视化拖拽界面元素的生成方法,其特征在于,得到用户每次拖拽连接的兼容适配指数的具体步骤如下:

4.根据权利要求3所述的可视化拖拽界面元素的生成方法,其特征在于,语义融合模型具体为连接兼容神经网络,包括输入层、特征编码层、特征融合层、输...

【技术特征摘要】

1.一种可视化拖拽界面元素的生成方法,其特征在于,包括以下步骤:

2.根据权利要求1所述的可视化拖拽界面元素的生成方法,其特征在于,元素属性集包括控件标识符、结构布局集、功能行为集、语义关联集、逻辑属性集,界面元素属性集具体为待连接界面元素控件的元素属性集与其所对应的目标界面元素控件的元素属性集。

3.根据权利要求2所述的可视化拖拽界面元素的生成方法,其特征在于,得到用户每次拖拽连接的兼容适配指数的具体步骤如下:

4.根据权利要求3所述的可视化拖拽界面元素的生成方法,其特征在于,语义融合模型具体为连接兼容神经网络,包括输入层、特征编码层、特征融合层、输出层,得到用户每次拖拽连接的连接兼容评估集的具体步骤如下:

5.根据权利要求4所述的可视化拖拽界面元素的生成方法,其特征在于...

【专利技术属性】
技术研发人员:李娜刘静张艳杰刘智金鑫李松霖戴珊邓炼吴易恣刘诗婷李锐康程果全菁菁
申请(专利权)人:湖北华中电力科技开发有限责任公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1