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

权利要求书

1.基于gitlab实时代码共享的在线拖拽编码生成方法，其特征在于，所述在线拖拽编码生成方法包括：

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

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

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

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

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

2.根据权利要求1所述的基于gitlab实时代码共享的在线拖拽编码生成方法，其特征在于，所述在线拖拽编码生成方法，包括：

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

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

3.根据权利要求1所述的基于gitlab实时代码共享的在线拖拽编码生成方法，其特征在于，所述则判断组件的嵌套层级并根据嵌套层级进行组件嵌套操作，包括：

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

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

4.根据权利要求1所述的基于gitlab实时代码共享的在线拖拽编码生成方法，其特征在于，所述则按预设规则将当前组件从目标组件中划出，包括：

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

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

5.根据权利要求1所述的基于gitlab实时代码共享的在线拖拽编码生成方法，其特征在于，所述判断松开鼠标时候当前组件相对于目标组件的初始位置，包括：

将目标组件划分为4个部分，对于这4个部分组件将分别会排序到目标组件的上、下、左、右方。

6.根据权利要求1所述的基于gitlab实时代码共享的在线拖拽编码生成方法，其特征在于，所述在线拖拽编码生成方法，还包括：

借助设计器实现步骤三中的组件嵌套操作。

7.根据权利要求6所述的基于gitlab实时代码共享的在线拖拽编码生成方法，其特征在于，所述设计器为承载用户对于组件及模板的交互操作、组件展示布局操作的容器。

8.根据权利要求7所述的基于gitlab实时代码共享的在线拖拽编码生成方法，其特征在于，所述设计器包括外部设计器以及内部设计器；

其中，外层设计器提供设计器本身的右键操作功能，同时提供响应功能模板的展示行为，所述展示行为包括：组件列表面板的显示和隐藏，属性设置面板的显示和隐藏，捕获有效操作元素，识别组件类型，提供拖拽占位符；

内层设计器提供设计器内部组件的操作功能，所述操作功能包含组件渲染，组件拖拽，组件嵌套，组件重新排序，组件位置识别。

9.根据权利要求1所述的基于gitlab实时代码共享的在线拖拽编码生成方法，其特征在于，所述在线拖拽编码生成方法，还包括：

借助组件信息树对设计器组件样式行为的具体代码描述方式进行限定。

10.根据权利要求9所述的基于gitlab实时代码共享的在线拖拽编码生成方法，其特征在于，所述组件信息树具体包括：

组件的名称和ID信息；基于elementUI组件库所提供的组件所有组件属性和方法及单个组件实例具体操作后的值信息；组件相对于设计器的具体位置信息；组件的模板信息；组件的样式信息；组件的所有嵌套子组件的信息，子组件同时包含以上5条信息。