一种基于前端VUE框架的页面变更识别方法及装置制造方法及图纸

本发明专利技术涉及一种基于前端VUE框架的页面变更识别方法及其装置，该方法包括以下步骤：预先配置GIT代码仓库，所述GIT代码仓库内存储有对应于不同工程节点的VUE前端源码；读取迭代更新版本前端VUE代码，结合已读取的GIT代码仓库内存储的VUE前端源码，对前端VUE代码依次进行工程及业务场景判断、前端元素属性遍历映射扫描，得到扫描结果；对扫描结果生成基线，通过代码基线比对，得到差异结果；对差异结果进行格式化输出，输出相应变更影响数据信息给用户。与现有技术相比，本发明专利技术能够自动、精准识别前端代码的改动内容及关联影响。前端代码的改动内容及关联影响。前端代码的改动内容及关联影响。

【技术实现步骤摘要】
一种基于前端VUE框架的页面变更识别方法及装置


[0001]本专利技术涉及前端开发测试
，尤其是涉及一种基于前端VUE框架的页面变更识别方法及装置。

技术介绍

[0002]在审批业务场景中，随着软件技术演进升级，从单体架构到SOA架构再到微服务架构，目前，大多企业的系统改造升级均采用前后端分离的架构设计，其中前端技术以VUE最具代表性。由于审批业务的前端页面技术载体更新换代，基于前端的测试方法也需要进行方法、思路及技术的升级创新。
[0003]比如，在银行信用卡审批系统中，因其业务特性，往往涉及客户基本信息、账户信息、卡片信息、账单信息、客户评分卡信息、联名卡商户基本信息、征信信息等多纬度的审批业务全生命周期的数据加工、展示、查询、更新维护、真实性核验，监管数据上报及监管数据接收同步等，涉及上百个功能菜单、上千个字段联动展示。正常业务开展操作过程均需要系统对应页面功能支撑业务落地。由于VUE灵活快速变更，审批系统的前后端分离新架构页面功能的测试工作量及质量保障也将面临新的挑战。
[0004]现有审批系统的常规项目开发流程，本文档来自技高网...

【技术保护点】

【技术特征摘要】
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识别判断...

【专利技术属性】
技术研发人员：庄星，
申请(专利权)人：上海浦东发展银行股份有限公司，
类型：发明
国别省市：