[发明专利]模板语法的统一方法、装置、计算机设备及存储介质

说明书

本申请实施例属于人工智能技术领域，涉及模板语法的统一方法、装置、计算机设备及存储介质，方法包括:在确定当前项目对应的前端框架的版本为目标版本时，获取原始前端组件；原始前端组件为前端框架中，需要将模板语法统一为jsx语法的组件；目标版本为支持jsx语法的前端框架的版本；为原始前端组件创建包含有目标代码的jsx文件；目标代码用于调用生成jsx组件的方法；读取jsx文件，生成并导出目标jsx组件；目标jsx组件与原始前端组件具有相同功能。本申请节省了人工成本，提升了开发效率。

技术领域

本申请涉及人工智能技术领域，尤其涉及一种模板语法的统一方法、装 置、计算机设备及存储介质。

背景技术

前端项目使用的主流框架通常有react框架和vue框架，react框架在编写 页面元素模板的过程中，采用的是js(JavaScript)逻辑的扩展语法中的jsx语 法，vue框架在编写页面元素模板的过程中，采用的是单独抽离出js逻辑以外 的template模板语法。

随着技术的不断发展，最新版本的vue框架已经开始支持使用jsx语法来 编写页面元素模板。但是很多老的项目都是跟随旧版本的vue框架升级到新 版本的vue框架的，而旧版本的vue框架依然采用的是template模板语法。因 此，统一vue框架中采用的模板语法很有必要。

发明内容

本申请实施例的目的在于提出一种模板语法的统一方法、装置、计算机 设备及存储介质，以解决当前vue框架中采用的模板语法不统一的问题。

为了解决上述技术问题，本申请实施例提供一种模板语法的统一方法， 采用了如下所述的技术方案：

在确定当前项目对应的前端框架的版本为目标版本时，获取原始前端组 件；所述原始前端组件为所述前端框架中，需要将模板语法统一为jsx语法的 组件；所述目标版本为支持jsx语法的前端框架的版本；为所述原始前端组件 创建包含有目标代码的jsx文件；所述目标代码用于调用生成jsx组件的方法； 读取所述jsx文件，生成并导出目标jsx组件；所述目标jsx组件与所述原始 前端组件具有相同功能。

进一步的，所述确定当前项目对应的前端框架的版本为目标版本，包括： 获取当前项目的根目录中的软件包文件；在所述软件包文件中确定所述前端 框架的属性值；在确定所述前端框架的属性值中的第一个数字大于或者等于 预设阈值的情况下，确定所述前端框架的版本为目标版本。

进一步的，所述为所述原始前端组件创建包含有目标代码的jsx文件，还 包括：创建初始jsx文件；获取目标代码，以调用生成jsx组件的方法；其中， 所述生成jsx组件的方法包括：调用目标参数；所述目标参数包括第一箭头函 数和第二箭头函数；获取所述原始前端组件对应的模板标签数据和入口函数 数据；将所述模板标签数据写入第一箭头函数的返回关键字之后；将所述入 口函数数据写入第二箭头函数中；将所述第一箭头函数写入所述第二箭头函 数的返回关键字之后；将所述目标代码写入所述初始jsx文件，得到所述jsx 文件。

进一步的，在将所述模板标签数据写入第一箭头函数的返回关键字之后 的步骤之后，所述统一方法还包括：获取初始脚本标签数据；在根据所述初 始脚本标签数据确定所述原始前端组件包括子组件时，根据jsx语法调整所述 初始脚本标签数据中，动态参数和子函数的语法，得到最终脚本标签数据； 将所述最终脚本标签数据写入所述第一箭头函数的返回关键字之后。

进一步的，在将所述模板标签数据写入第一箭头函数的返回关键字之后 的步骤之前，所述统一方法还包括：根据jsx语法转换所述模板标签数据中的 目标指令；所述目标指令至少包括隐藏指令、显示指令、循环复制指令。

进一步的，在将所述入口函数数据写入第二箭头函数中之前，所述统一 方法还包括：在确定所述入口函数数据中，存在需要前端库支持的方法函数 时，从前端库中调用所述方法函数。