【技术实现步骤摘要】
本专利技术属于计算机，尤其涉及一种前端代码改动关联分析方法及系统。
技术介绍
1、本部分的陈述仅仅是提供了与本公开相关的
技术介绍
信息，不必然构成在先技术。
2、随着信息技术的不断发展，现代web应用程序越来越多的采用微服务架构，其中包括众多独立的服务单元，每个服务单元负责特定的功能。这种架构的好处在于它能够提高系统的可伸缩性、可维护性和灵活性。然而，微服务架构也带来了新的挑战，尤其是在前端开发领域。
3、在微服务架构下，一个前端应用通常需要与多个后端服务进行交互，这意味着服务之间的调用频繁且调用链非常长。此外，前端代码库通常分散在不同的代码仓库中，使得跨服务的影响难以准确把握，无法确定其修改对其他服务代码的影响。这些手动方法包括浏览代码库、全局搜索关键信息、手动审查界面元素等，这不仅费时费力，而且容易遗漏一些潜在的影响范围。
4、此外，前端开发中vue框架中的mixins(混入)概念使得代码的继承关系变得更加复杂，难以手动追踪和理解，从而增加了代码变更的不确定性。
5、在这种背景下，如何准确了解代码改动的影响范围，提高代码质量和产品的稳定性，是需要深入研究解决的问题。
技术实现思路
1、为克服上述现有技术的不足，本专利技术提供了一种前端代码改动关联分析方法及系统，通过识别前端修改代码，维护以函数调用链和函数关联界面功能按钮为基础的文件树，查询改动函数影响的上游函数和界面按钮，图形化显示改动函数对上游调用函数和函数关联的界面功能按钮的影
2、为实现上述目的，本专利技术的一个或多个实施例提供了如下技术方案：
3、第一方面，本专利技术提供一种前端代码改动关联分析方法，包括：
4、从远端代码仓库自动获取前端项目代码；
5、在项目代码中追踪项目文件改动，识别改动文件获取改动函数的函数名和操作类型；
6、解析项目文件中的函数数据和模板数据，构建项目文件树；
7、将改动函数的函数名作为关键字，在项目文件树中进行关联查询，查找出受影响的调用函数和调用函数关联的界面功能按钮；
8、在浏览器页面展示改动函数对调用函数和界面功能按钮的影响。
9、进一步的技术方案，在项目代码中追踪项目文件改动具体为：提交历史、差异分析和分支合并，以获取项目文件的改动信息。
10、进一步的技术方案，识别改动文件获取改动函数的函数名和操作类型具体为：分析项目文件中改动文件的内容，确定其中所包含的函数的名称、操作类型。
11、进一步的技术方案，解析项目文件中的函数数据具体为：解析所有源代码文件，提取函数名、函数所在文件行数、函数调用的函数、调用函数所在文件。
12、进一步的技术方案，解析项目文件中的模板数据具体为：解析前端界面模板文件，确定各按钮、表单元素及其在界面上的位置、名称和关联的函数信息。
13、进一步的技术方案，构建项目文件树具体为：以函数调用关系、函数与界面按钮关联关系为基础构建项目文件树。
14、进一步的技术方案，关联查询具体为：确定受影响的函数、按钮、表单元素、函数调用关系的关联关系图谱、执行顺序和传递数据的路由分析。
15、第二方面，本专利技术提供一种前端代码改动关联分析系统，包括：
16、代码获取模块，其被配置为：从远端代码仓库自动获取前端项目代码；
17、改动识别模块，其被配置为：在项目代码中追踪项目文件改动，识别改动文件获取改动函数的函数名和操作类型；
18、项目解析模块，其被配置为：解析项目文件中的函数数据和模板数据，构建项目文件树；
19、关联查询模块，其被配置为：将改动函数的函数名作为关键字，在项目文件树中进行关联查询，查找出受影响的调用函数和调用函数关联的界面功能按钮；
20、可视化展示模块，其被配置为：在浏览器页面展示改动函数对调用函数和界面功能按钮的影响。
21、第三方面，本专利技术提供一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现第一方面所述的一种前端代码改动关联分析方法中的步骤。
22、第四方面，本专利技术提供一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现第一方面所述的一种前端代码改动关联分析方法中的步骤。
23、以上一个或多个技术方案存在以下有益效果：
24、本专利技术通过自动化的方式追踪代码改动，避免了人工操作可能引入的错误，避免了开发人员手动追踪依赖关系的繁琐过程，提高代码改动关联分析的准确性和效率。
25、本专利技术通过函数调用关系构建的项目文件树准确地反映了前端项目的结构和依赖关系，结果以树状图的形式展示在浏览器页面上，使得开发人员可以直观地了解修改对界面按钮和其他元素的影响，这种可视化形式使得复杂的依赖关系易于理解。
26、本专利技术使得开发人员和测试人员可以更准确地了解代码改动的影响范围，从而更有针对性地进行测试，这有助于提高自测质量，减少潜在的问题和错误。
本文档来自技高网...【技术保护点】
1.一种前端代码改动关联分析方法，其特征是，包括：
2.如权利要求1所述的一种前端代码改动关联分析方法，其特征是，在项目代码中追踪项目文件改动具体为：提交历史、差异分析和分支合并，以获取项目文件的改动信息。
3.如权利要求1所述的一种前端代码改动关联分析方法，其特征是，识别改动文件获取改动函数的函数名和操作类型具体为：分析项目文件中改动文件的内容，确定其中所包含的函数的名称、操作类型。
4.如权利要求1所述的一种前端代码改动关联分析方法，其特征是，解析项目文件中的函数数据具体为：解析所有源代码文件，提取函数名、函数所在文件行数、函数调用的函数、调用函数所在文件。
5.如权利要求1所述的一种前端代码改动关联分析方法，其特征是，解析项目文件中的模板数据具体为：解析前端界面模板文件，确定各按钮、表单元素及其在界面上的位置、名称和关联的函数信息。
6.如权利要求1所述的一种前端代码改动关联分析方法，其特征是，构建项目文件树具体为：以函数调用关系、函数与界面按钮关联关系为基础构建项目文件树。
7.如权利要求1所述的一种
8.一种前端代码改动关联分析系统，其特征是，包括：
9.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现如权利要求1-7中任一项所述的一种前端代码改动关联分析方法中的步骤。
10.一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现如权利要求1-7中任一项所述的一种前端代码改动关联分析方法中的步骤。
...【技术特征摘要】
1.一种前端代码改动关联分析方法，其特征是，包括：
2.如权利要求1所述的一种前端代码改动关联分析方法，其特征是，在项目代码中追踪项目文件改动具体为：提交历史、差异分析和分支合并，以获取项目文件的改动信息。
3.如权利要求1所述的一种前端代码改动关联分析方法，其特征是，识别改动文件获取改动函数的函数名和操作类型具体为：分析项目文件中改动文件的内容，确定其中所包含的函数的名称、操作类型。
4.如权利要求1所述的一种前端代码改动关联分析方法，其特征是，解析项目文件中的函数数据具体为：解析所有源代码文件，提取函数名、函数所在文件行数、函数调用的函数、调用函数所在文件。
5.如权利要求1所述的一种前端代码改动关联分析方法，其特征是，解析项目文件中的模板数据具体为：解析前端界面模板文件，确定各按钮、表单元素及其在界面上的位置、名称和关联的函数...
【专利技术属性】
技术研发人员：王腾腾，鹿群，李龙，孙景玉，李涛，李渊，孙钊，
申请(专利权)人：众阳健康科技集团有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。