[发明专利]基于gitlab实时代码共享的在线拖拽编码生成方法

说明书

本申请实施例提出了基于gitlab实时代码共享的在线拖拽编码生成方法，包括根据代码编译需求判断是否需要同步gitlab项目信息；如果不需要同步，则实时采集用户的拖拽行为，选取拖拽行为选取当前组件对应的目标组件，对目标组件是否为可嵌套组件进行判断；如果目标组件为可嵌套组件，则判断组件的嵌套层级并根据嵌套层级进行组件嵌套操作；如果目标组件为非可嵌套组件，则按预设规则将当前组件从目标组件中划出；完成一次组件拖拽排序之后，更新组件信息树，更新组件代码。通过可视化操作组件的方式减少前端开发人员重复繁琐的编码工作，将更多的时间和精力用在组件之外的逻辑和数据处理上，从而达到提高开发效率和减少因组件编码产生错误的可能。

技术领域

本实施例属于数据库管理领域，尤其涉及基于gitlab实时代码共享的在线拖拽编码生成方法。

背景技术

目前，软件公司和和联网公司在进行软件开发时都采用前后端分离的方式分别进行开发。

对于开发而言，后端开发负责对数据的提供和存储，前端开发负责数据暂时和用户交互。现在越来越多的软件系统本质上就是各种数据和组件的结合，系统的组件类型有限，不同系统的区别就是组件和数据不同组合。而对于前端开发人员而言，每次都需要进行大量的重复编码工作，这些重复的工作需要花费开发人员大量的时间。对于产品经理和市场专员等其他职能人员而言，他们懂市场、懂用户同时也懂软件。但是经常在和开发人员进行沟通的时候往往会出现信息传递偏差，导致最终前端开发人员做出来的产品不是产品经理他们所需要的。从而需要返工，并且这样多次返工会大大浪费开发资源。

发明内容

为了解决现有技术中存在的缺点和不足，本实施例提出了基于gitlab实时代码共享的在线拖拽编码生成方法，通过可视化操作组件的方式减少前端开发人员重复繁琐的编码工作，节省开发资源。

具体的，本实施例提出的基于gitlab实时代码共享的在线拖拽编码生成方法，所述在线拖拽编码生成方法包括：

步骤一，根据代码编译需求判断是否需要同步gitlab项目信息；

步骤二，如果不需要同步，则实时采集用户的拖拽行为，选取拖拽行为选取当前组件对应的目标组件，对目标组件是否为可嵌套组件进行判断；

步骤三，如果目标组件为可嵌套组件，则判断组件的嵌套层级并根据嵌套层级进行组件嵌套操作；

步骤四，如果目标组件为非可嵌套组件，则按预设规则将当前组件从目标组件中划出；

步骤五，完成一次组件拖拽排序之后，更新组件信息树，更新组件代码。

可选的，所述在线拖拽编码生成方法，包括：

如果需要同步gitlab项目信息，则对待同步的gitlab项目信息进行配置；

基于配置结果判断是否需要作为子组件使用，如果判断需要，则执行步骤二所示的内容，如果判断不需要，则调用操作组件API，进行组件导出操作。

可选的，所述则判断组件的嵌套层级并根据嵌套层级进行组件嵌套操作，包括：

获取每个组件的嵌套层级标记；

按嵌套层级标记由大到小的顺序进行组件嵌套操作。

可选的，所述则按预设规则将当前组件从目标组件中划出，包括：

判断松开鼠标时候当前组件相对于目标组件的初始位置；

基于初始位置确定当前组件相对于目标组件的划出位置，将当前组件以初始位置向划出位置的连线作为路径划出。

可选的，所述判断松开鼠标时候当前组件相对于目标组件的初始位置，包括：