前端组件生成方法及系统技术方案

本发明专利技术涉及一种前端组件生成方法及系统，属于前端组件技术领域，该方法通过接收配置信息，根据配置信息确定目标通用业务组件模板，并根据配置信息配置目标通用业务组件模板的配置参数，生成目标模板文件；接收组件创建指令；判断与组件创建指令对应的文件是否存在；若文件不存在，则判断配置参数是否完整；若配置参数完整，则读取目标模板文件，生成目标组件。实现对目标组件的自动生成，方便、快捷，降低粘贴的出错率，提高开发效率。提高开发效率。提高开发效率。

【技术实现步骤摘要】
前端组件生成方法及系统


[0001]本专利技术属于前端组件
，具体涉及一种前端组件生成方法及系统。

技术介绍

[0002]随着互联网技术的不断发展，互联网业务需求量也在不断增加，开发的高效性和准确性也显得格外重要。
[0003]在前端开发过程中，对于一些组件功能相似，业务功能不同的组件，在进行重复性的编写开发时，开发人员可能需要通过复制粘贴的方式，对组件进行修改，以至于满足业务需求。但是，这种复制粘贴的方式不仅容易导致遗漏一些功能，而且会在修改时，删错或者改错组件的功能，使得开发效率非常的低。
[0004]因此，如何自动生成功能相似组件，成为现有技术中亟待解决的技术问题。

技术实现思路

[0005]本专利技术提供了一种前端组件生成方法及系统，以解决现有技术中复制粘贴的方式不仅容易导致遗漏一些功能，而且会在修改时，删错或者改错组件的功能，使得开发效率非常的低的技术问题。
[0006]本专利技术提供的技术方案如下：
[0007]一方面，一种前端组件生成方法，包括：
[0008]接收配置信息，根据所述配置信息确定目标通用业务组件模板，并根据所述配置信息配置所述目标通用业务组件模板的配置参数，生成目标模板文件；
[0009]接收组件创建指令；
[0010]判断与所述组件创建指令对应的文件是否存在；
[0011]若所述文件不存在，则判断所述配置参数是否完整；
[0012]若所述配置参数完整，则读取所述目标模板文件，生成目标组件。/>[0013]可选的，还包括：
[0014]若所述配置参数不完整，则提示配置文件错误。
[0015]可选的，还包括：
[0016]基于代码格式化模块和预设组件模块，编写通用业务组件模板。
[0017]可选的，所述基于代码格式化模块和预设组件模块，编写通用业务组件模板，包括：
[0018]通过ejs引擎编写ejs组件模板；或，通过jade引擎编写jade组件模板。
[0019]又一方面，一种前端组件生成系统，包括：配置模块和处理模块；所述配置模块，用于接收配置信息，根据所述配置信息确定目标通用业务组件模板，并根据所述配置信息配置所述目标通用业务组件模板的配置参数，生成目标模板文件；
[0020]所述处理模块，用于接收组件创建指令；判断与所述组件创建指令对应的文件是否存在；若所述文件不存在，则判断所述配置参数是否完整；若所述配置参数完整，则读取
所述目标模板文件，生成目标组件。
[0021]可选的，所述处理模块，包括：代码格式化模块、预设组件模块和Nodejs模块；
[0022]所述代码格式化模块，包括prettier工具；
[0023]所述预设组件模块，包括：ejs组件模块或jade组件模板；
[0024]所述Nodejs模块，用于生成目标组件。
[0025]本专利技术的有益效果为：
[0026]本专利技术实施例提供的前端组件生成方法及系统，接收配置信息，根据配置信息确定目标通用业务组件模板，并根据配置信息配置目标通用业务组件模板的配置参数，生成目标模板文件；接收组件创建指令；判断与组件创建指令对应的文件是否存在；若文件不存在，则判断配置参数是否完整；若配置参数完整，则读取目标模板文件，生成目标组件。实现对目标组件的自动生成，方便、快捷，降低粘贴的出错率，提高开发效率。
附图说明
[0027]为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0028]图1为本专利技术实施例提供的一种前端组件生成方法的流程示意图；
[0029]图2为本专利技术实施例提供的一种前端组件生成系统的结构示意图。
具体实施方式
[0030]为使本专利技术的目的、技术方案和优点更加清楚，下面将对本专利技术的技术方案进行详细的描述。显然，所描述的实施例仅仅是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动的前提下所得到的所有其它实施方式，都属于本专利技术所保护的范围。
[0031]目前的前端开发技术，已经把业务从原来的页面级开发，拆分为现在的组件级开发。使得开发力度进一步的缩小，又降低了页面的耦合性，提高了组件内部的聚合性，使得复用性进一步的提升，开发效率也得到进一步的提升。虽然现有的前端框架开发都配有CLI，CLI内置有页面的创建方法，但对于框架级创建方案，CLI仅仅只能帮我们快速创建空的组件和引入组件所需的文件，对于业务功能的编写就需要技术人员进行开发。
[0032]对于现代前端开发技术，组件的使用已经广泛化和常态化，技术人员更加关注的是业务组件的开发，对于业务量多的情况下，需要重复性的写一些组件，就比如前端开发过程中常见的增加、删除、查看、修改等功能，像这种业务组件，开发人员可能需要通过复制粘贴的方式，对组件进行修改，以至于满足业务需求。但是，这种复制粘贴的方式不仅容易导致遗漏一些功能，而且会在修改时，删错或者改错组件的功能，使得开发效率非常的低。
[0033]基于此，本专利技术实施例提供一种前端组件生成方法及系统。
[0034]实施例一：
[0035]本专利技术实施例提供一种前端组件生成方法。
[0036]图1为本专利技术实施例提供的一种前端组件生成方法的流程示意图，参阅图1，本发
明实施例提供的方法，可以包括以下步骤：
[0037]S11、接收配置信息，根据配置信息确定目标通用业务组件模板，并根据配置信息配置目标通用业务组件模板的配置参数，生成目标模板文件。
[0038]S12、接收组件创建指令。
[0039]S13、判断与组件创建指令对应的文件是否存在。
[0040]其中，当文件存在时，则提示文件存在，并终止生成组件。
[0041]S14、若文件不存在，则判断配置参数是否完整。
[0042]本实施例中，可以对配置参数进行校验，若检验配置参数不完整，则终止生成组件。并且输出错误信息，引导修正配置，配置信息齐全检验成功则进入下一步。
[0043]S15、若配置参数完整，则读取目标模板文件，生成目标组件。
[0044]本实施例中，读取模板文件，完成模板文件变量替换；本实施例中，可以在当前目录下生成目标组件。
[0045]可选的，还包括：若配置参数不完整，则提示配置文件错误。
[0046]可选的，还包括：基于代码格式化模块和预设组件模块，编写通用业务组件模板。
[0047]可选的，基于代码格式化模块和预设组件模块，编写通用业务组件模板，包括：通过ejs引擎编写ejs组件模板；或，通过jade引擎编写jade组件模板。
[0048]其中，ejs是一套简本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种前端组件生成方法，其特征在于，包括：接收配置信息，根据所述配置信息确定目标通用业务组件模板，并根据所述配置信息配置所述目标通用业务组件模板的配置参数，生成目标模板文件；接收组件创建指令；判断与所述组件创建指令对应的文件是否存在；若所述文件不存在，则判断所述配置参数是否完整；若所述配置参数完整，则读取所述目标模板文件，生成目标组件。2.根据权利要求1所述的方法，其特征在于，还包括：若所述配置参数不完整，则提示配置文件错误。3.根据权利要求1所述的方法，其特征在于，还包括：基于代码格式化模块和预设组件模块，编写通用业务组件模板。4.根据权利要求3所述的方法，其特征在于，所述基于代码格式化模块和预设组件模块，编写通用业务组件模板，包括：通过ejs引擎编写ejs组件模板；或，通过ja...

【专利技术属性】
技术研发人员：谷兴明，
申请(专利权)人：上海中通吉网络技术有限公司，
类型：发明
国别省市：