[发明专利]一种基于前端VUE框架的页面变更识别方法及装置

权利要求书

1.一种基于前端VUE框架的页面变更识别方法，其特征在于，包括以下步骤：

S1、预先配置GIT代码仓库，所述GIT代码仓库内存储有对应于不同工程节点的VUE前端源码；

S2、读取迭代更新版本前端VUE代码，结合GIT代码仓库内存储的VUE前端源码，对前端VUE代码依次进行工程及业务场景判断、前端元素属性遍历映射扫描，得到扫描结果；

S3、对扫描结果生成基线，通过代码基线比对，得到差异结果；

S4、对差异结果进行格式化输出，输出相应变更影响数据信息给用户。

2.根据权利要求1所述的一种基于前端VUE框架的页面变更识别方法，其特征在于，所述不同工程节点的数据信息包括公共模块组件信息以及对应于不同工程节点的业务模块组件信息。

3.根据权利要求2所述的一种基于前端VUE框架的页面变更识别方法，其特征在于，所述公共模块组件信息包括基础信息、影像比对信息以及征信信息。

4.根据权利要求1所述的一种基于前端VUE框架的页面变更识别方法，其特征在于，所述步骤S2具体包括以下步骤：

S21、读取前端代码，基于不同业务节点路径，识别判断出前端代码所属工程及业务场景；

S22、根据步骤S21识别判断的结果，对前端元素属性进行遍历映射扫描，得到扫描结果。

5.根据权利要求4所述的一种基于前端VUE框架的页面变更识别方法，其特征在于，所述步骤S21具体是通过识别前端各组件路径及组件元素、元素属性、属性值和页面事件触发规则，以判断出前端代码对应所属工程及前端组件化代码。

6.根据权利要求4所述的一种基于前端VUE框架的页面变更识别方法，其特征在于，所述步骤S22具体包括以下步骤：

S221、基于步骤S21识别判断的结果内容，进行具体的业务代码逻辑及关系链路、关系映射；

S222、扫描前端页面元素类型、字段名称、是否只读属性、点击事件以及显示条件，得到扫描结果。

7.根据权利要求1所述的一种基于前端VUE框架的页面变更识别方法，其特征在于，所述步骤S4中格式化输出操作具体为：对于改动字段、影响范围或公共组件进行颜色标识，并输出标准Excel结果文件。

8.根据权利要求7所述的一种基于前端VUE框架的页面变更识别方法，其特征在于，所述标准Excel结果文件中包含工程节点名称、变更组件、变更字段、变更属性以及变更类型。

9.根据权利要求1～8任一所述的一种基于前端VUE框架的页面变更识别方法，其特征在于，所述步骤S4具体是通过邮件方式将相应变更影响数据信息输出给用户。

10.一种基于前端VUE框架的页面变更识别装置，其特征在于，包括GIT代码仓库配置模块(1)、读取模块(2)、扫描识别模块(3)以及数据格式化输出模块(4)，所述GIT代码仓库配置模块(1)、读取模块(2)分别连接至扫描识别模块(3)，所述扫描识别模块(3)与数据格式化输出模块(4)相连接，所述GIT代码仓库配置模块(1)用于读取指定的GIT仓库中的前端VUE项目代码；

所述读取模块(2)用于读取前端VUE代码的相关路径和所有组件数据；

所述扫描识别模块(3)根据GIT代码仓库内存储的VUE前端源码，用于判断前端代码所属工程及业务场景、进行前端元素属性遍历映射、生成代码变更基线，并通过代码基线对比得到差异结果；

所述数据格式化输出模块(4)用于对差异结果进行格式化标准处理，得到相应变更影响数据信息。