基于AngularJS框架的项目重构方法、装置、设备及介质制造方法及图纸

技术编号:40420630 阅读:20 留言:0更新日期:2024-02-20 22:39
本申请公开了一种基于AngularJS框架的项目重构方法、装置、设备及介质,涉及计算机技术领域,包括:利用从electron工具创建的交互界面获取的文件选择指令从基于AngularJS框架构建的原始项目中选取待转译代码文件;node.js工具从待转译代码文件中读取待转译组件代码;利用语法解析器对待转译组件代码进行代码转换以生成转换后数据,对转换后数据进行解析和封装得到目标框架的组件代码;node.js工具从目标框架对应的目录结构中确定目标框架的组件代码对应的目标文件,将目标框架的组件代码写入目标文件以得到基于目标框架构建的项目。本申请自动将原框架中的组件代码转化为其他框架的代码,提高开发效率。

【技术实现步骤摘要】

本专利技术涉及计算机,特别涉及一种基于angularjs框架的项目重构方法、装置、设备及介质。


技术介绍

1、在上个10年,angularjs、vue.js、react三大响应式框架长期作为国内前端领域的主要使用框架。随着观念和技术的发展,angularjs因为软件应用过重、开发维护困难、交互效率较低、使用人员过少、学习成本过高等缺点正在慢慢的掉队,导致了一些使用angularjs开发的老项目因为缺少开发人员维护、应用架构过重、性能达到瓶颈、生态功能跟不上要求等问题需要重构为满足以上要求的新框架搭建的项目。

2、前端很多框架的使用存在共同或者相似的特性:组件作为功能主体单位,组件间交互、嵌套,状态的管理和使用,组件的生命周期回调,数据的流向绑定,三方插件和库的接入使用,template模板的管道、指令、属性功能,html(hyper text markup language,超文本标记语言)接入变量和常量,组件样式嵌套、透传等。项目重构的过程中这些特性在很多场景下属于基本的功能,并且只需要转换成对应的框架语法就完成了代码迁移,不需要像业务代码那本文档来自技高网...

【技术保护点】

1.一种基于AngularJS框架的项目重构方法,其特征在于,包括:

2.根据权利要求1所述的基于AngularJS框架的项目重构方法,其特征在于,所述利用语法解析器对所述待转译组件代码进行代码转换以生成转换后数据,并对所述转换后数据进行解析和封装,以得到目标框架的组件代码,包括:

3.根据权利要求2所述的基于AngularJS框架的项目重构方法,其特征在于,利用语法解析器对待转译组件的脚本代码进行代码转换以生成转换后脚本数据,包括:

4.根据权利要求2所述的基于AngularJS框架的项目重构方法,其特征在于,利用语法解析器对待转译组件的模板代码进行...

【技术特征摘要】

1.一种基于angularjs框架的项目重构方法,其特征在于,包括:

2.根据权利要求1所述的基于angularjs框架的项目重构方法,其特征在于,所述利用语法解析器对所述待转译组件代码进行代码转换以生成转换后数据,并对所述转换后数据进行解析和封装,以得到目标框架的组件代码,包括:

3.根据权利要求2所述的基于angularjs框架的项目重构方法,其特征在于,利用语法解析器对待转译组件的脚本代码进行代码转换以生成转换后脚本数据,包括:

4.根据权利要求2所述的基于angularjs框架的项目重构方法,其特征在于,利用语法解析器对待转译组件的模板代码进行代码转换以生成转换后模板数据,包括:

5.根据权利要求2所述的基于angularjs框架的项目重构方法,其特征在于,利用...

【专利技术属性】
技术研发人员:魏子重范开鑫李锐
申请(专利权)人:山东浪潮科学研究院有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1