[发明专利]一种web前端代码转换方法

说明书

本发明涉及一种web前端代码转换方法，属于计算机网络技术领域。本发明可以快速的根据原有软件前端框架重新构建新的软件前端框架，将需要转换的前端文件提交后，根据旧有框架在可转换的新框架中选择需要转换的框架，转换成功后即可获取新的前端文件。本发明涉及多种框架之间的转换，使已有系统、已有功能可复用机率大大提升；异常记录可总结前端代码不规范各类情况，为前端技术规范提供参考；代码转换可获取新的规范前端代码，可检测原有代码是否规范，并为原有代码优化提供参考。

技术领域

本发明属于计算机网络技术领域，具体涉及一种web前端代码转换方法。

背景技术

近些年来，随着技术更新迭代频繁，原有web前端框架已经满足不了新的开发需求，web前端框架转换升级时有发生。传统的前端架构转换升级需要研发人员参照对应框架文档去重新誊写新代码或更新新特性，研发人员需要花费大量时间精力，故需要一种更简洁省力的web前端转换方法。

发明内容

(一)要解决的技术问题

本发明要解决的技术问题是如何提供一种web前端代码转换方法，以解决web前端框架转换升级时研发人员需要花费大量时间精力的问题。

(二)技术方案

为了解决上述技术问题，本发明提出一种web前端代码转换方法，该方法包括如下步骤：

S1、选择框架

输入前端项目文件后，先选择现有框架的名称，根据现有框架可转换的框架，选择想要转换的新框架；

S2、代码检测及规范

在框架转换前需要对代码进行检测，根据输入文件的框架配置信息检测输入文件的框架是否为选择的现有框架，然后根据代码规范标准检测输入文件的框架是否符合对应标准，如果不太规范，进行格式化代码，规范代码后才可进行下一步；

S3、代码转换

代码检测和规范后进行代码转换，转换成选择的新框架格式代码；

S4、输出文件

代码转换没有出现异常时将进入该阶段，输出的文件即新的前端框架文件；

S5、输出失败原因及解决方案

代码转换出现异常并结束代码转换操作后将进入该阶段，转换过程出现的异常及对应的解决方案会被提示出来，研发人员可根据解决方案进行操作后再重新输入文件进行框架转换。

进一步地，所述步骤S1之前还包括基础步骤S0，基础步骤S0包括以下步骤：

S01、调研前端项目常用软件框架；

S02、根据每两个框架的语法文档信息确定该两框架是否可进行相互转换，并进行记录；

S03、根据每个框架的语法文档信息对该框架设置语法代码规范标准；

S04、根据每个框架的配置所需信息设置每个框架所需的文件结构；

S05、根据每个框架的语法文档信息设置该框架所需的抽象语法树AST格式；

S06、对两个可进行相互转换的框架进行对应的抽象语法树格式转换函数开发；

S07、对每个框架进行对应的抽象语法树反编译函数文件开发；

S08、对两个可相互转换的框架进行文件结构对应关系调研记录。

进一步地，所述步骤S06具体包括如下步骤：

S061、使用Javascript的遍历方法对抽象语法树进行遍历，提取出定义属性信息；