[发明专利]一种基于低代码开发平台UI界面操作的方法

说明书

本发明涉及低代码开发领域，尤其涉及一种基于低代码开发平台UI界面操作的方法，包括以下步骤：空间组合，鼠标移动生成一个四边形，鼠标松开后，控件完全包含在四边形内时，进行组合；取消组合，当前控件为group(组合)时，先将group内的控件进行保存，然后通过UUID(控件唯一标识)在控件树中找到当前组合，进行删除，最后将组合控件内的控件插入到控件树上；控件拖拽，根据xy轴和控件宽高计算出拖拽后的控件位置。本发明的有益效果在于：对组件进行组合和解除组合，可对多个组件进行同时移动及删除操作，不需要逐个对多个组件进行重复操作，减少了调整组件位置的时间，提升了搭建页面的效率。

技术领域

本发明涉及低代码开发领域，尤其涉及一种基于低代码开发平台UI界面操作的方法。

背景技术

目前虽然软件行业一直处于高速发展中，新的语言、框架和工具层出不穷，但实际上软件开发就好比仍处于手工作坊阶段的传统制造业，还未摆脱对“人”的强依赖。效率低，人力成本高、质量不可控。项目延期交付已成为行业常态，而瓶颈几乎总是开发人员；优秀的开发人才永远是稀缺资源，而且人力成本极高；软件质量缺陷始终无法降低，线上故障频发资损不断。落后的软件开发生产力越来越跟不上人民日益增长的业务需求，面对如此巨大的IT缺口，如果没有一种革命性的“新生产力”体系，很难想象仅凭现有传统技术体系的发展延续就能彻底解决问题。而目前的低代码技术的出现在一定程度上解决了上述的问题，并且低代码技术还在飞速发展。

在低代码平台，技术人员和业务专业人员可通过图形界面代替传统的计算机编程来创建业务应用程序，通过拖拽式的UI组件及可视化模型来代替一部分甚至全部的编码工作。它使开发更加容易，如果业务部门和IT部门在共同致力于某一件事情或项目，低代码平台可以缩小他们之间的差距，让产品上市的速度更快。

目前市面上的低代码平台在搭建页面时，多是对单个组件进行点选后进行移动位置及删除组件的操作，这样的操作方式不能满足需要对多个组件同时操作的需求，特别是需要对多个组件进行相对静止的移动时，需要重新调整这些组件的位置，这就增加了调整页面布局的时间，降低了搭建页面的效率。

发明内容

本发明为克服上述的不足之处，目的在于提供一种基于低代码开发平台UI界面操作的方法，通过对多个组件进行组合后同时移动及删除操作，并且可无层级限制组合及取消组合，减少了调整组件位置的时间，提升了搭建页面的效率。

本发明是通过组合组件的模式和解除组合组件的模式来达到上述目的：一种基于低代码开发平台UI界面操作的方法，包括以下步骤：

控件组合，鼠标移动时，会生成一个四边形在画布上，当鼠标松开后，会以四边形为边界，当控件完全包含在四边形内时，进行组合，如果控件只包含部分在四边形内，则不进行组合。

控件数据为树形结构，当进行组合时，先在控件树删除需要组合的数据，然后新建一个实体类group(组合)，将删除的数据(组合数据)插入到group(组合)内的children，最后将group插入到控件树实现组合逻辑。

取消组合，当进行取消组合时，会先判断当前控件是否为group(组合)，如果为group(组合)，先将group(组合)内的控件进行保存，然后通过UUID(控件唯一标识)在控件树中找到当前组合，进行删除，最后将组合控件内的控件插入到控件树上。

控件拖拽，当鼠标松开时会自动记录当前新的坐标xy轴，根据xy轴和控件宽高计算出拖拽后的控件位置。

无层级限制组合及取消组合，对已经组合的两个或多个组件再次与其他组件进行组合，当对多层级组合进行取消组合时，点选任一组合进行取消组合操作。

本发明的有益效果在于：对组件进行组合和取消组合，并且可无层级限制组合及取消组合，可对多个组件进行同时移动及删除操作，不需要逐个对多个组件进行重复操作，减少了调整组件位置的时间，提升了搭建页面的效率。

附图说明