[发明专利]代码统一编译方法、装置、电子设备及可读存储介质

说明书

本发明涉及人工智能技术，揭露了一种代码统一编译方法，包括：构建前端项目的代码编译项目，根据所述代码编译项目从所述前端项目中识别出展示内容，根据所述展示内容的变量传递方式确定待编译文件，识别所述待编译文件中关键词标签的数量，根据识别到的标签数量选择不同的代码编译方式对所述待编译文件进行标签替换及组件传递方式转换，得到代码统一的前端项目。此外，本发明还涉及区块链技术，所述前端项目可从区块链的节点中获取。本发明还提出一种代码统一编译装置、电子设备以及可读存储介质。本发明可以解决展示代码统一编译困难的问题。

技术领域

本发明涉及人工智能技术领域，尤其涉及一种代码统一编译方法、装置、电子设备及可读存储介质。

背景技术

目前在国内前端行业内，广泛使用前端框架进行前端项目开发，项目中组件的展示内容通过不同的代码进行实现。例如，在前端vue框架内开发组件的过程中，一个组件内的页面展示和逻辑内容，既有固定内容不变化的部分，又存在动态变化的部分。对于动态变化的部分，主要是靠外部父级的组件传递进来，例如，如果是方法、变量，只需要在父级通过一个动态变量进行传递到子组件，子组件获取使用即可。但是由于页面展示部分的代码都是通过html语法进行编写的树状结构，而传递参数又只能是通过字符串的形式，进行html代码的字符串格式进行传递，字符串格式的html代码，在编写过程中，是非常难以阅读的且无法正常识别，造成了阅读和维护困难。早期vue版本，提出过插槽雏形特性，但是由于语法相对复杂，不容易理解，很多开发者还是按照通过动态参数传递html字符串的形式编码。直到vue2.6版本,才对这个情况设计了可靠新的特性，即通过插槽v-slot的方式，简单易懂地解决了这个场景问题。

然而在现存的项目中还是存在着大量通过传递html字符串的方式，这给项目在后期维护和新增功能的时候，会增加维护成本，降低了代码的可阅读性，也容易导致问题的发生。如果要统一改造成使用插槽的方式，又会存在大量的开发人员需要学习掌握好新语法特性，并还要将原来的html传参写法的代码梳理出来，再进行改造，改造完后再需要测试人员投入人力进行验证原有功能，效率低下且标准不统一。

综上所述，现有技术下会存在前端项目中展示代码转换困难、且转换标准不统一的问题。因此亟需一种将框架组件中展示代码进行统一编译转化的方法。

发明内容

本发明提供一种代码统一编译方法、装置、电子设备及可读存储介质，其主要目的在于解决展示代码统一编译困难的问题。

为实现上述目的，本发明提供的一种代码统一编译方法，包括：

构建前端项目的代码编译项目，根据所述代码编译项目从所述前端项目中识别出展示内容；

根据所述展示内容的变量传递方式确定待编译文件；

识别所述待编译文件中关键词标签的数量，根据识别到的标签数量选择不同的代码编译方式对所述待编译文件进行标签替换及组件传递方式转换，得到代码统一的前端项目。

可选地，所述根据所述代码编译项目从所述前端项目中识别出展示内容，包括：

根据所述代码编译项目遍历所述前端项目的项目目录；

从遍历到的项目目录中查找出带有目标后缀的文件作为目标组件；

确定所述目标组件中展示标签内的所有代码作为所述展示内容。

可选地，所述根据所述展示内容的变量传递方式确定待编译文件，包括：

根据预设的关键词标签及所述关键词标签对应值的位置识别所述目标组件的变量传递方式；

确定变量传递方式为父级传递的目标组件为所述待编译文件。

可选地，所述识别所述待编译文件中关键词标签的数量，根据识别到的标签数量选择不同的代码编译方式对所述待编译文件进行标签替换及组件传递方式转换，包括：