[发明专利]一种Vue项目代码逆向重构方法

权利要求书

1.一种Vue项目代码逆向重构方法，其特征在于，包括负责配置项目文件依赖的Web客户端，所述Web客户端同时负责上传Vue项目文件与下载重构之后的项目页面文件；Web客户端从项目管理服务器读取并显示所有上传的项目文件信息与转化状态，转化状态分为正在转化与转化完成，Web客户端可下载已完成转化的项目文件；所述重构方法还包括了DOM转化服务器与页面生成服务器，其中DOM转化服务器包含了组件；

具体步骤如下：

S1、Web客户端选择Vue项目文件，并配置Vue项目所需的依赖包管理与项目页面结构，将Vue项目文件上传到项目管理服务器中；

S2、项目管理服务器生成项目信息记录与唯一ID，备份Vue项目源码到数据库，分析项目页面结构并将项目文件数据与唯一ID发送到DOM转化服务器；

S3、DOM转化服务器根据S1所述依赖包管理与项目文件中的Vue标签，从组件库中获取相应的组件转化模板，根据模板将Vue组件代码转化为HTML代码；

S4、DOM转化服务器根据S2所述项目页面结构，将所有页面代码转化为虚拟DOM、js文件与样式文件，发送唯一ID与代码文件到页面生成服务器中；

S5、页面生成服务器根据虚拟DOM与样式文件生成相应的HTML项目代码，并通过src关联页面的JS文件，并将唯一ID与项目代码返回项目管理服务器；

S6、项目管理服务器收到唯一ID与项目代码后，根据唯一ID获取项目信息，并修改项目状态为转化完成。

2.如权利要求1所述的一种Vue项目代码逆向重构方法，其特征在于，

所述S1具体步骤：在Web客户端，将本地项目文件输入到客户端页面中，配置项目路由结构、Vue项目依赖配置信息与项目信息参数，项目信息参数包括项目名称、项目使用者、代码转换后的代码规范与项目页面目录规范，完成后通过异步执行的方式将所有信息数据上传到项目管理服务器。

3.如权利要求2所述的一种Vue项目代码逆向重构方法，其特征在于，

所述S2具体步骤：项目管理服务器根据配置的项目路由结构解析项目页面结构，储存Vue项目文件结构，并在数据库中生成新的项目记录与唯一ID标识，设置项目状态为正在转化；将项目配置信息、状态与页面结构根据唯一ID储存到数据库中，并将Vue项目源码储存到数据库项目文件中，返回项目状态信息到Web客户端；最终将项目文件数据、与唯一ID发送到DOM转化服务器。

4.如权利要求3所述的一种Vue项目代码逆向重构方法，其特征在于，

所述S3具体步骤：DOM转化服务器接收到项目文件与唯一ID后对项目文件进行预处理，获取项目文件中的所有组件，并标记组件中的Vue标签；根据唯一ID读取项目配置，获取项目依赖信息；根据已标记的Vue标签与项目文件的依赖信息，从DOM转化服务器组件库中获取相应的组件转化模板，将组件转化为HTML代码并替换或嵌入项目文件相应位置。

5.如权利要求4所述的一种Vue项目代码逆向重构方法，其特征在于，

所述S4具体步骤：DOM转化服务器根据唯一ID，获取S2所述项目管理服务器数据库中储存的页面结构，并通过页面结构生成虚拟DOM树的根节点列表；

根据Vue组件标签结构解析组件DOM元素，扫描组件根据template标签中的HTML页面标签，生成组件DOM HTML元素节点列表与相对应的DOM属性节点；根据script标签中组件绑定的数据与方法，生成JS文件，包含组件DOM事件节点或DOM方法节点；根据style标签中的组件样式，生成组件样式；

根据页面结构判断组件所属的DOM树根节点，将已生成的组件DOM节点递归添加到DOM树相应位置，并结合所属该DOM树的所有组件的组件样式，生成页面样式文件；发送唯一ID、所有DOM结构与样式文件到页面生成服务器中。