vue组件生成方法及装置.pdf

(19)国家知识产权局(12)发明专利申请(10)申请公布号CN115016782A(43)申请公布日2022.09.06(21)申请号202210417570.5(22)申请日2022.04.20(71)申请人中银金融科技有限公司地址200120上海市浦东新区(上海)自由贸易试验区银城中路200号4楼408室(72)发明人胡国庆(74)专利代理机构北京路浩知识产权代理有限公司11002专利代理师郭亮(51)Int.Cl.G06F8/36(2018.01)权利要求书2页说明书6页附图2页(54)发明名称vue组件生成方法及装置(57)摘要本发明提供一种vue组件生成方法及装置，该方法包括：检测到工程目录下任意vue文件发生修改的情况下，将修改后的vue文件作为一个目标vue文件；对所有目标vue文件进行抽象化，得到每个目标vue文件对应的抽象树；检测所有抽象树的相似度，在有预设数量抽象树的节点相似度达到预设阈值的情况下，提取相似节点中相同部分的代码段作为公共组件。该方法通过抽象语法树结构进行代码片段的切分对比，降低了操作的复杂度，生成的组件经过抽象处理以及参数化替换后，在满足现有代码片段需求的基础上，最大程度的增加了组件的复用性，在后续有类似代码时通过触发提示，让开发者直接使用已生成的组件，从而提升开发者的工作效率。CN115016782ACN115016782A权利要求书1/2页1.一种vue组件生成方法，其特征在于，包括：检测到工程目录下任意vue文件发生修改的情况下，将修改后的vue文件作为一个目标vue文件；对所有目标vue文件进行抽象化，得到每个目标vue文件对应的抽象树，其中，每个抽象树包括一个根节点和多个叶子节点，所述根节点和每个叶子节点均表示一个代码段；检测所有抽象树的相似度，在有预设数量抽象树的节点相似度达到预设阈值的情况下，提取相似节点中相同部分的代码段作为公共组件。2.根据权利要求1所述的vue组件生成方法，其特征在于，所述检测到工程目录下任意vue文件发生修改，包括：检测到任意vue文件中的代码出现新增、删除以及替换。3.根据权利要求1所述的vue组件生成方法，其特征在于，所述对所有目标vue文件进行抽象化，包括：将整个目标vue文件作为根节点，将根节点下并列的代码段作为子节点；循环遍历每个子节点中的并列代码段，作为对应子节点的下级子节点，直至遍历整个目标vue文件的所有层级的代码段。4.根据权利要求3所述的vue组件生成方法，其特征在于，所述检测所有抽象树的相似度，在有预设数量抽象树的节点相似度达到预设阈值的情况下，提取相似节点中相同部分的代码段作为公共组件，包括：对于所有抽象树，从相同层级的最低层节点开始，检测代码段的相似度；在有预设数量抽象树的节点相似度达到预设阈值的情况下，逐级检测上一层级节点相似度，直至达到根节点；确定预设数量抽象树的节点相似度达到预设阈值的最高层节点，并根据最高层节点中相同部分的代码段，确定公共组件。5.根据权利要求1所述的vue组件生成方法，其特征在于，所述检测所有抽象树的相似度之前，还包括：接收用户设置的预设数量和预设阈值的设置参数，并生成配置文件；相应地，检测所有抽象树的相似度时，根据所述配置文件，提取所述预设数量和所述预设阈值。6.根据权利要求1所述的vue组件生成方法，其特征在于，所述提取相似节点中相同部分的代码段作为公共组件之后，还包括：根据所述公共组件生成vue模板文件，并生成每个代码段对应的导航路径；接收用户新建vue文件后，根据所述导航路径执行的确认操作，并对用户新建的vue文件进行相应代码段的替换，生成用户vue文件。7.一种vue组件生成装置，其特征在于，包括：监听模块，用于检测到工程目录下任意vue文件发生修改的情况下，将修改后的vue文件作为一个目标vue文件；抽象模块，用于对所有目标vue文件进行抽象化，得到每个目标vue文件对应的抽象树，其中，每个抽象树包括一个根节点和多个叶子节点，所述根节点和每个叶子节点均表示一个代码段；2CN115016782A权利要求书2/2页对比模块，用于检测所有抽象树的相似度，在有预设数量抽象树的节点相似度达到预设阈值的情况下，提取相似节点中相同部分的代码段作为公共组件。8.一种电子设备，包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现如权利要求1至6任一项所述vue组件生成方法。9.一种非暂态计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1至6任一项所述vue组件生成方法。10.一种计算机程序产品，包括计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1至6任一项所述vue组件生成方法。