【金猿技术展】基于拖拽式页面组件的页面生成方法——用于提高页面自动化开发效率

图片

数睿数据技术

该技术由数睿数据投递并参与“数据猿年度金猿策划活动——2024大数据产业年度创新技术突破榜单及奖项”评选。

本公开的实施例公开了基于拖拽式页面组件的页面生成方法、装置和电子设备。

过去应用页面需要专业UI人员对样式进行设计以及研发人员进行开发,而本方法基于智能化技术可通过人机交互实现页面自动生成,针对用户提出的对页面内容、样式、布局等需求,可一键生成相应页面,用户可对生成后的页面进行快速修改,从而减少人为配置开发工作。

该方法的具体实施方式包括:响应于监听到针对目标页面组件的选择操作,根据拖拽轨迹控制目标页面组件移动至初始组件位置,以初始组件位置为起点进行近似页面组件探测,以生成近似页面组件信息集合。根据近似页面组件信息集合中的近似页面组件信息包括的组件规格信息和组件位置信息,对初始组件位置进行位置微调。将目标页面组件移动至调整后组件位置,响应于移动完毕,对初始页面画布进行全局页面组件调整,以生成调整后页面画布。根据初始页面画布对应的页面主题描述信息,对调整后页面画布包括的至少一个页面组件进行组件内容填充。该实施方式提高了页面的开发效率。

技术说明

页面开发是指根据用户需求,设计页面样式以及页面功能的一项技术。目前,在页面开发过程中,通常采用的方式为:首先,通过需求分析人员进行页面需求分析。然后,页面设计和开发人员根据需求分析结果进行页面设计和开发。

然而,当采用上述方式时,经常会存在如下技术问题:

常规的页面开发方式往往需要多个专业人员参与,导致页面开发周期较长,影响页面开发效率。由于页面组件拖拽过程中,可能存在拖拽不够精准的情况,进而导致整个页面内的页面组件出现布局不准确的问题,从而降低了生成的页面可用性。

本次公开提出了基于拖拽式页面组件的页面生成方法、装置和电子设备,来解决以上背景技术部分提到的技术问题中的一项或多项。

本公开的上述各个实施例具有如下有益效果:通过本公开的一些实施例的基于拖拽式页面组件的页面生成方法,提高了页面的开发效率。

图片

首先,响应于监听到针对目标页面组件的选择操作,根据拖拽轨迹控制上述目标页面组件移动至初始组件位置。其中,上述目标页面组件是可选页面组件列表中被选中的页面组件,上述初始组件位置是上述拖拽轨迹的轨迹结束位置,上述初始组件位置位于初始页面画布内。以此通过拖拽式的方式进行页面组件的位置调整。

其次,以上述初始组件位置为起点进行近似页面组件探测,以生成近似页面组件信息集合。其中,上述近似页面组件信息集合中的近似页面组件信息包括:组件规格信息和组件位置信息。接着,根据上述近似页面组件信息集合中的近似页面组件信息包括的组件规格信息和组件位置信息,对上述初始组件位置进行位置微调,以生成调整后组件位置。

实践中,由于拖拽的方式可能导致拖拽位置不够精准,因此,通过结合近似页面组件实现针对目标页面组件的位置微调。进一步,将上述目标页面组件移动至上述调整后组件位置。此外,响应于移动完毕,对上述初始页面画布进行全局页面组件调整,以生成调整后页面画布。

图片

以此实现全局的页面组件的调整,避免因局部调整导致的全局页面布局不精准的问题。最后,根据上述初始页面画布对应的页面主题描述信息,对上述调整后页面画布包括的至少一个页面组件进行组件内容填充,以生成内容填充后页面,以此实现自动的页面内容填充。通过此种方式大大提高了页面的开发效率。

目前,此技术方法已使用在数睿数据核心产品企业级无代码软件开发平台smardaten中,显著提升了应用构建时多种组件拖拽拼装与页面自动化生成效率,大大提升应用开发效率。300多家企业客户基于本平台进行数字化应用构建或软件项目交付,如杭州三汇、中移研究院、广发建材、汇智星源等,已在工业制造、数字政务、能源电力等10多个行业场景实现数字化落地。

开发团队

·带队负责人姓名:车文彬

车文彬,大连理工大学博士,数睿数据AI科学家。从事人工智能与大数据分析挖掘相关领域研究数十年,先后在华为担任数据科学家、在360担任高级算法专家等职务。在数据安全相关领域专注同态加密、联邦学习、数据水印等技术的研究,并发表专利10余项。负责smardaten中AI技术的研究与应用,涉及增强分析、自动化开发、无代码GPT等应用场景。

团队其他重要成员姓名:郭丽娜、易岸霖、陈逸帆、李鸿飞 

·隶属机构:数睿数据

南京数睿数据科技有限公司创立于2016年,专注于大数据与无代码软件产品的技术与服务,是数据驱动的企业级无代码软件平台的开创者和领导者。总体员工规模300+人,在北京、上海、深圳等地设立国内9大服务中心、3大研发中心。

作为行业领先的通用数字化应用一体化开发平台,smardaten具备3大核心能力:业务与流程组装、全域数据资产管理以及智能分析与可视化。同时面向数字化生产力需求,数睿数据创新打造三大核心产品解决方案:全流程软件开发解决方案产品【数字通】,数据工程与资产管理平台【数据通】以及面向企业数智化转型解决方案。已实现在智慧城市、工业制造、智慧政务、企业数字化、智慧能源等10多个行业领域的标杆应用打造,展现“数据驱动”的价值创造能力。

公司已获得包括CMMI5认证、国家高新技术企业、国家级专精特新“小巨人”企业、江苏省软件核心竞争力企业(创新型)等资质认证,参与低代码应用开发国家标准编制,积累30多项技术专利和100余项软件著作权。

相关评价

企业级无代码确实有很多让人无法忽视的优势,它能够解决在项目前期阶段很多问题,比如快速进行需求调研、快速搭建Demo原型来应对项目投标、与跟客户进行需求确认等等。

——杭州三汇研发负责人钱华锋

无代码开发效率真的挺高的,特别是还采用软件工厂这种模式,结合产品配置这个特性,一个项目需求一旦确定,就能很快开展完成交付。后续我们也计划采用这种模式,缓解研发交付能力。

——磐能电力技术负责人朱峰