CN111949262A - 前端项目的构建方法、装置、计算机设备和存储介质 - Google Patents

Abstract

本公开实施例涉及一种前端项目的构建方法、装置、计算机设备和存储介质。所述方法通过在前端项目的项目目录下添加包括前端项目的通用业务逻辑的初始模版文件，以及通过脚手架工具的外部接口调用前端项目对应的定制功能文件对初始模版文件进行修改，得到目标模版文件，然后利用针对前端项目预先编译的变量文件，对目标模版文件中各业务逻辑变量的初始值进行替换，生成前端项目的项目文件。上述构建方法通过设置外部接口调用定制功能文件对初始模版文件修改，实现了对于不同的业务场景，可通过外部接口进行一些定制化开发来满足不同的业务需求。因此，上述构建前端项目的方法提供了更加灵活，可应对不同业务逻辑的前端项目的项目文件的生成功能。

Description

前端项目的构建方法、装置、计算机设备和存储介质

技术领域

本公开实施例涉及计算机应用技术领域，特别是涉及一种前端项目的构建方法、装置、计算机设备和存储介质。

背景技术

在现代软件开发的工作流程中，需要构建前端项目的项目目录，进而创建前端项目的初始文件，完成项目的基本功能，可以让前端项目的开发人员快速的对项目软件进行开发。通常在构建前端项目的过程中，按照固定的标准和规范进行构建。但是随着前端项目承载的功能越来越复杂，仅是按照固定的标准和规范构建前端项目，已经不能够满足承载复杂功能的前端项目的开发需求。

目前，在构建前端项目的过程中，通常采用通用的脚手架工具进行前端项目的构建，例如，前端项目的三大构架Vue、React、Angular都提供了官方脚手架工具来快速构建基于自身的前端项目。但是由于前端项目的构建和业务逻辑会高度匹配，所以使用这些通用的脚手架工具构建出的前端项目通常不能满足前端项目开发需求，还需要在利用脚手架工具构建出前端项目后，对该前端项目的初始文件进行手动补丁修改，最后将修改后的文件作为最终前端项目的目标文件，进而完成前端项目的构建。

然而，上述构建方法存在构建前端项目的效率低下的问题，从而极大的限制了前端项目开发人员开发项目软件的效率。

发明内容

本公开实施例提供一种前端项目的构建方法、装置、计算机设备和存储介质，实现了各种类型业务逻辑的前端项目构建，进而提高了构建前端项目的构建效率。

第一方面，本公开实施例提供一种前端项目的构建方法，所述方法包括：

在前端项目的项目目录下添加初始模版文件；初始模版文件包括前端项目的通用业务逻辑；

通过脚手架工具的外部接口调用前端项目对应的定制功能文件对初始模版文件进行修改，得到目标模版文件；定制功能文件中包含前端项目的定制业务的业务逻辑；

利用针对前端项目预先编译的变量文件，对目标模版文件中各业务逻辑变量的初始值进行替换，生成前端项目的项目文件；其中，变量文件包括目标模版文件中各个业务逻辑变量对应的替换值。

在上述实施例中，由于上述定制功能文件中包含前端项目的定制业务的业务逻辑，因此通过上述构建方法得到的项目文件具有定制业务逻辑的定制功能，而且，上述构建方法通过设置脚手架工具的外部接口调用定制功能文件对初始模版文件修改，实现了对于不同的业务场景，可通过外部接口进行一些定制化开发来满足不同的业务需求。因此，上述构建前端项目的方法提供了更加灵活，可应对不同业务逻辑的前端项目的项目文件的生成功能，使构建的前端项目可以满足更为广泛的业务需求。

在一个实施例中，所述方法还包括：

查询前端项目的配置文件中是否包含候选模版文件；

若配置文件中包含多个候选模版文件，则从多个候选模版文件中确定初始模版文件；

若配置文件中未包含候选模版文件，则根据预设存储路径获取初始模版文件。

在上述实施例中，提供了多种获取初始模版文件的方式，尤其是计算机设备先查询配置文件中是否包含候选模版文件，若配置文件中包含多个候选模版文件，计算机设备立即从多个候选模版文件中确定初始模版文件，相比于通过其它方式获取初始模版文件的方法，该方法可以使计算机设备快速的获取到初始模版文件，从而提高计算机设备构建前端项目的效率。

在一个实施例中，从多个候选模版文件中确定初始模版文件，包括：

展示各候选模板文件对应的选项标识；

基于各候选模板文件对应的选项标识获取用户输入指令；用户输入指令包括目标选项标识；

将目标选择标识对应的候选模板文件确定为初始模版文件。

在上述实施例中，提供了供前端项目开发人员选择初始模版文件的方式，让前端项目开发人员结合自身构建前端项目的经验确定最优的初始模版文件构建前端项目，避免了因初始模版文件不合适造成构建前端项目时的反复修改工作，提高了构建前端项目的构建效率。

在一个实施例中，根据预设存储路径获取初始模版文件，包括：

在本地内存中根据预设存储路径查询对应的存储空间；

若存储空间中存储有本地模版文件，则将存储空间中的本地模版文件作为初始模版文件；

若存储空间中未存储所述本地模版文件，则在存储空间中查找远程服务器的远程存储空间地址，并根据远程存储空间地址从远程服务器获取初始模版文件。

在上述实施例中，提供了两种获取初始模版文件的方法，即先是在本地内存中获取初始模版文件，若本地内存中没有存储本地模版文件，再通过访问远程服务器获取初始模版文件，这种获取方式可以保证计算机设备能够快速的获取到初始模版文件，进而提高了计算机设备构建前端项目的效率。

在一个实施例中，利用针对前端项目预先编译的变量文件，对目标模版文件中各业务逻辑变量的初始值进行替换，生成前端项目的项目文件，包括：

解析变量文件，得到变量文件中目标模版文件中各业务逻辑变量对应的替换值；

根据替换值，对目标模版文件中对应的业务逻辑变量的初始值进行替换，生成项目文件。

上述实施例中，计算机设备通过解析变量文件的方式获取业务逻辑变量的替换值，然后使用该替换值替换目标模版文件中对应业务逻辑变量的初始值，从而完成前端项目的构建。由于现有的解析变量文件的方法比较成熟，因此通过解析变量文件的方式获取业务逻辑变量的替换值，可以使计算机设备快速替换目标模版文件中对应业务逻辑变量的初始值，进而提高了项目文件的生成效率。

在一个实施例中，定制业务的业务逻辑包括第一业务逻辑，和/或，第二业务逻辑；第一业务逻辑为新增的业务逻辑，第二业务逻辑为与通用业务逻辑的部分业务逻辑重叠的业务逻辑。

在一个实施例中，若定制业务的业务逻辑包括第一业务逻辑，通过脚手架工具的外部接口调用前端项目对应的定制功能文件对初始模版文件进行修改，得到目标模版文件，包括：

通过脚手架工具的外部接口调用前端项目对应的定制功能文件；

将定制功能文件中的第一业务逻辑添加到初始模版文件中，得到目标模版文件。

在上述实施例中，由于该目标模版文件为添加第一业务逻辑后的模版文件，相比于初始模版文件具有了新功能的业务逻辑，因此，之后根据该目标模版文件生成的前端项目的项目文件满足了前端项目开发人员对于定制业务的需求。

在一个实施例中，若定制业务的业务逻辑包括第二业务逻辑，通过脚手架工具的外部接口调用前端项目对应的定制功能文件对初始模版文件进行修改，得到目标模版文件，包括：

通过脚手架工具的外部接口调用前端项目对应的定制功能文件；

根据定制功能文件中的第二业务逻辑对初始模版文件中与第二业务逻辑重叠的部分业务逻辑进行调整。

在上述实施例中，由于该目标模版文件为调整初始模版文件中原来的部分业务逻辑后的模版文件，满足了前端项目开发人员针对前端项目部分功能扩展的开发需求。

第二方面，本公开实施例提供一种前端项目的构建装置，所述装置包括：

添加模块，用于在前端项目的项目目录下添加初始模版文件；初始模版文件包括前端项目的通用业务逻辑；

修改模块，用于通过脚手架工具的外部接口调用前端项目对应的定制功能文件对初始模版文件进行修改，得到目标模版文件；定制功能文件中包含前端项目的定制业务的业务逻辑；

替换模块，用于利用针对前端项目预先编译的变量文件，对目标模版文件中各业务逻辑变量的初始值进行替换，生成前端项目的项目文件；其中，变量文件包括目标模版文件中各个业务逻辑变量对应的替换值。

第三方面，本公开实施例提供一种计算机设备，包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述第一方面所述的方法。

第四方面，本公开实施例提供一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现上述第一方面所述的方法。

本公开实施例提供的前端项目的构建方法、装置、计算机设备和存储介质，通过在前端项目的项目目录下添加包括前端项目的通用业务逻辑的初始模版文件，以及通过脚手架工具的外部接口调用前端项目对应的定制功能文件对初始模版文件进行修改，得到目标模版文件，然后利用针对前端项目预先编译的变量文件，对目标模版文件中各业务逻辑变量的初始值进行替换，生成前端项目的项目文件。由于上述定制功能文件中包含前端项目的定制业务的业务逻辑，因此通过上述构建方法得到的项目文件具有定制业务逻辑的定制功能，而且，上述构建方法通过设置脚手架工具的外部接口调用定制功能文件对初始模版文件修改，实现了对于不同的业务场景，可通过外部接口进行一些定制化开发来满足不同的业务需求。因此，上述构建前端项目的方法提供了更加灵活，可应对不同业务逻辑的前端项目的项目文件的生成功能，使构建的前端项目可以满足更为广泛的业务需求。

附图说明

图1为一个实施例中计算机设备的内部结构图；

图2为一个实施例中前端项目的构建方法的流程示意图；

图3为一个实施例中前端项目的构建方法的流程示意图；

图4为图3实施例S202的一种实现方式的流程图；

图5为图3实施例S203的一种实现方式的流程图；

图6为图2实施例S103的一种实现方式的流程图；

图7为图2实施例S102的一种实现方式的流程图；

图8为图2实施例S102的一种实现方式的流程图；

图9为一个实施例中前端项目的构建方法的流程示意图；

图10为一个实施例中前端项目的构建装置的结构框图；

图11为一个实施例中前端项目的构建装置的结构框图；

图12为一个实施例中前端项目的构建装置的结构框图；

图13为一个实施例中前端项目的构建装置的结构框图；

图14为一个实施例中前端项目的构建装置的结构框图；

图15为一个实施例中前端项目的构建装置的结构框图；

图16为一个实施例中前端项目的构建装置的结构框图。

具体实施方式

为了使本公开实施例的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本公开实施例进行进一步详细说明。应当理解，此处描述的具体实施例仅仅用以解释本公开实施例，并不用于限定本公开实施例。

本申请提供的前端项目的构建方法，可以应用于如图1所示的计算机设备中，该计算机设备可以是服务器，该计算机设备也可以是终端，其内部结构图可以如图1所示。该计算机设备包括通过系统总线连接的处理器、存储器、网络接口、显示屏和输入装置。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种前端项目的构建方法。该计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏，该计算机设备的输入装置可以是显示屏上覆盖的触摸层，也可以是计算机设备外壳上设置的按键、轨迹球或触控板，还可以是外接的键盘、触控板或鼠标等。

本领域技术人员可以理解，图1中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。

在一个实施例中，如图2所示，提供了一种前端项目的构建方法，以该方法应用于图1中的计算机设备为例进行说明，包括以下步骤：

S101，在前端项目的项目目录下添加初始模版文件，初始模版文件包括前端项目的通用业务逻辑。

其中，前端项目可以分为不同类型的前端项目，例如，Vue、React、Angular等类型的前端项目，本实施例以Vue构架为例进行构建说明，此处不做限定。初始模版文件为构建前端项目时需要使用到的模版文件，不同类型的前端项目对应不同的初始模版文件。初始模版文件中包含组成前端项目的各功能模块之间的通用业务逻辑。通用业务逻辑为满足构建前端项目的基础需求的业务逻辑。前端项目的项目目录是计算机设备预先创建的项目目录，该项目目录包括空的文件夹，用于存放构建前端项目后得到的项目文件。

具体地，计算机设备在构建前端项目时，可以预先在打开的应用程序的当前目录下创建一个项目目录，例如，通过脚手架工具的创建命令kast create[file]创建项目目录，再从本地内存中或通过远程下载的方式获取初始模版文件，并将获取到的初始模版文件拷贝到已创建的项目目录下的文件夹中，以便之后使用。上述拷贝的过程也可以通过脚手架工具的添加模版命令kast add[file]实现。

S102，通过脚手架工具的外部接口调用前端项目对应的定制功能文件对初始模版文件进行修改，得到目标模版文件；定制功能文件中包含前端项目的定制业务的业务逻辑。

其中，脚手架工具用于构建前端项目，目前市场上有很多脚手架工具，例如yeoman、vue-cli等。脚手架工具的外部接口是一种供前端项目开发人员开发定制化功能模块的外部接口，该外部接口可以由计算机设备预先设置，用于调用预先注册的定制功能文件。定制功能文件是前端项目开发人员开发前端项目的定制化功能模块时自定义的代码文件，其包含前端项目开发人员开发的一些定制业务的业务逻辑。定制功能文件是一种被脚手架工具可执行的代码文件，可以预先由前端项目开发人员编辑并由计算机设备编译生成，一般定制功能文件为包含js代码的文件，可以预先被注册在脚手架工具的配置文件中。

具体地，当计算机设备将初始模版文件添加到前端项目的项目目录下时，可以进一步的通过脚手架工具的外部接口调用预先注册的前端项目对应的定制功能文件，对初始模版文件中包含的通用业务逻辑进行修改，得到修改后的目标模版文件，使目标模版文件中包含的修改后的业务逻辑不仅包含通用业务逻辑，也包含定制功能文件中定制业务的业务逻辑。需要说明的是，在上述修改初始模版文件的过程中，计算机设备可以将定制功能文件中相应的代码段替代初始模版文件中需要被修改的代码段，实现对初始模版文件中原来的业务逻辑的修正，或者，计算机设备也可以将定制功能文件中相应的代码段直接添加到初始模版文件中的相应位置上，实现在初始模版文件中增加新的业务逻辑。

S103，利用针对前端项目预先编译的变量文件，对目标模版文件中各业务逻辑变量的初始值进行替换，生成前端项目的项目文件；其中，所述变量文件包括目标模版文件中各业务逻辑变量对应的替换值。

其中，变量文件是一种预先编译的存储文件，一般变量文件为json文件，用于存储目标模版文件中各业务逻辑变量对应的替换值。变量文件中存储的各业务逻辑变量对应的替换值是预先由计算机设备根据前端项目开发人员输入的编辑指令获取得到的。

具体地，当计算机设备基于前述步骤得到目标模版文件时，进一步的获取预先编译的变量文件，并提取该变量文件中存储的各业务逻辑变量对应的替换值，以及将提取出的各业务逻辑变量对应的替换值替换目标模版文件中对应的各业务逻辑变量的初始值，替换完成后即可生成前端项目的项目文件。

上述前端项目的构建方法中，通过在前端项目的项目目录下添加包括前端项目的通用业务逻辑的初始模版文件，以及通过脚手架工具的外部接口调用前端项目对应的定制功能文件对初始模版文件进行修改，得到目标模版文件，然后利用针对前端项目预先编译的变量文件，对目标模版文件中各业务逻辑变量的初始值进行替换，生成前端项目的项目文件。由于上述定制功能文件中包含前端项目的定制业务的业务逻辑，因此通过上述构建方法得到的项目文件具有定制业务逻辑的定制功能，而且，上述构建方法通过设置脚手架工具的外部接口调用定制功能文件对初始模版文件修改，实现了对于不同的业务场景，可通过外部接口进行一些定制化开发来满足不同的业务需求。因此，上述构建前端项目的方法提供了更加灵活，可应对不同业务逻辑的前端项目的项目文件的生成功能，使构建的前端项目可以满足更为广泛的业务需求。

在一个实施例中，如图3所示，在上述步骤S101“在前端项目的项目目录下添加初始模版文件”之前，图2实施例所述的方法还包括：

S201，查询前端项目的配置文件中是否包含候选模版文件，若配置文件中包含多个候选模版文件，则执行步骤S202，若配置文件中未包含候选模版文件，则执行步骤S203。

其中，候选模版文件为构建前端项目时可用的模版文件。具体地，当计算机设备采用脚手架工具准备构建前端项目时，计算机设备可以先在前端项目的配置文件中查找候选模版文件，若配置文件中包含多个候选模版文件，说明存在多个可以构建前端项目的模版文件，计算机设备即可使用这多个候选模版文件中的任一个构建前端项目。若配置文件中未包含候选模版文件，说明计算机设备需要通过其它方式获取构建前端项目时需要的模版文件。

S202，从多个候选模版文件中确定初始模版文件。

本实施例涉及计算机设备在配置文件中找到多个候选模版文件的场景，在此场景下，计算机设备可以进一步的根据前端项目开发人员输入的用户输入指令从多个候选模版文件中确定初始模版文件，可选的，计算机设备也可以从多个候选模版文件中任意选择一个候选模版文件作为初始模版文件。需要说明的是，当计算机设备在配置文件中只找到一个候选模版文件，则直接将找到的候选模版文件作为初始模版文件。

S203，根据预设存储路径获取初始模版文件。

其中，预设存储路径为计算机设备根据本地内存的地址预先定义的路径。本实施例涉及计算机设备在配置文件中未找到候选模版文件的场景，在此场景下，计算机设备需要通过其他方式获取初始模版文件。具体地，计算机设备可以先获取预设存储路径，然后根据该预设存储路径在本地内存中查找预先存储的初始模版文件。需要说明的是，计算机设备获取预设存储路径的方式不限定，可以是根据前端项目开发人员输入的路径信息获取，也可以由计算机设备根据本地内存地址预先定义好并存储在配置文件中。

需要说明的是，图3实施例所述的通过配置文件获取初始模版文件的步骤，可以在图2实施例中任何步骤前后实施，此处不做限定，例如，为了基于初始模版文件构建前端项目，图3实施例所述步骤可以在S101之前实施；可选的，为了查看获取到的初始模版文件，图3实施例所述步骤也可以在S103之后实施。

上述实施例中，提供了多种获取初始模版文件的方式，尤其是计算机设备先查询配置文件中是否包含候选模版文件，若配置文件中包含多个候选模版文件，计算机设备立即从多个候选模版文件中确定初始模版文件，相比于通过其它方式获取初始模版文件的方法，该方法可以使计算机设备快速的获取到初始模版文件，从而提高计算机设备构建前端项目的效率。

图4为图3实施例S202的一种实现方式的流程图，如图4所示，上述S202“从多个候选模版文件中确定初始模版文件”，具体包括：

S301，展示各候选模板文件对应的选项标识。

其中，选项标识用于表征候选模版文件，其可以是候选模版文件的文件名，也可以是候选模版文件识别码，其可以用文字、数字、字母、标签等表示。

具体地，当计算机设备在配置文件中查找到多个候选模版文件时，可以将多个候选模版文件以选项标识的方式展示在前端浏览器的页面上，供前端项目开发人员直观的查看到各候选模板文件，以便前端项目开发人员选择合适的候选模版文件构建前端项目。

S302，基于各候选模板文件对应的选项标识获取用户输入指令；用户输入指令包括目标选项标识。

其中，用户输入指令是前端项目开发人员输入的指令，用于确定选择的选项标识，即选择的候选模版文件。目标选项标识为前端项目开发人员选择的候选模版文件的选项标识。具体地，当计算机设备在浏览器页面上展示出各候选模板文件对应的选项标识时，前端项目开发人员可以通过勾选目标选项标识的方式或其它确定目标选项标识的方式输入指令，此时计算机设备即可获取到携带有目标选项标识的用户输入指令。

S303，将目标选择标识对应的候选模板文件确定为初始模版文件。

在计算机设备获取到用户输入指令后，即可从该用户输入指令中提取出目标选择标识，然后找到该目标选择标识对应的候选模板文件，并将该候选模板文件确定为初始模版文件。上述方法提供了供前端项目开发人员选择初始模版文件的方式，让前端项目开发人员结合自身构建前端项目的经验确定最优的初始模版文件构建前端项目，避免了因初始模版文件不合适造成构建前端项目时的反复修改工作，提高了构建前端项目的构建效率。

在一个实施例中，还提供了上述S203的具体实现方式，如图5所述，上述S203“根据预设存储路径获取初始模版文件”，包括：

S401，在本地内存中根据预设存储路径查询对应的存储空间，若存储空间中存储有本地模版文件，则执行步骤S402，若存储空间中未存储所述本地模版文件，则执行步骤S403。

其中，本地模版文件为本地内存中存储的模版文件，其可以由前端项目开发人员预先编辑并存储到本地内存中的相应存储空间内，以便随时查询使用。具体地，本实施例涉及计算机设备根据预设存储路径查找本地模版文件的过程，在实际应用中，若本地内存中的存储空间内存储有本地模版文件，说明本地内存中包含构建前端项目所需要的初始模版文件，此场景下，计算机设备直接从本地内存中的存储空间内获取初始模版文件；若本地内存中的存储空间内未存储有本地模版文件，说明本地内存中未包含构建前端项目所需要的初始模版文件，此场景下，计算机设备需要通过其它方式获取初始模版文件。

S402，将存储空间中的本地模版文件作为初始模版文件。

本实施例涉及计算机设备在存储空间中找到本地模版文件的场景，在此场景下，计算机设备直接将本地模版文件作为构建前端项目所需要的初始模版文件。

S403，在存储空间中查找远程服务器的远程存储空间地址，并根据远程存储空间地址从远程服务器获取初始模版文件。

本实施例涉及计算机设备在存储空间中未找到本地模版文件的场景，在此场景下，计算机设备可以在存储空间中查找到远程服务器的远程存储空间地址，然后根据该远程存储空间地址访问远程服务器，进而在远程存储空间地址指示的存储空间中读取存储的初始模版文件。例如，在实际操作时，计算机设备可以根据本地内存的存储空间中存储的下载地址，从网上直接下载得到初始模版文件，可选的，也可以直接下载初始模版文件的压缩文件，然后将压缩文件直接解压到前端项目的项目目录下，以添加初始模版文件。

上述方法提供了两种获取初始模版文件的方法，即先是在本地内存中获取初始模版文件，若本地内存中没有存储本地模版文件，再通过访问远程服务器获取初始模版文件，这种获取方式可以保证计算机设备能够快速的获取到初始模版文件，进而提高了计算机设备构建前端项目的效率。

在图5实施例的基础上，上述步骤S203“根据预设存储路径获取初始模版文件”之后，图5实施例所述的方法还包括：将初始模版文件保存到前端项目的配置文件中。

当计算机设备基于前述实施例所述的方法获取到初始模版文件时，可以将该初始模版文件保存到前端项目的配置文件中，以便计算机设备之后需要再次构建前端项目时，供计算机设备直接从配置文件中快速获取初始模版文件，而不用到本地内存中或远程存储空间中查找初始模版文件，提高了计算机设备之后构建前端项目的效率。

图6为图2实施例S103的一种实现方式的流程图，如图6所示，上述S103“利用针对前端项目预先编译的变量文件，对目标模版文件中各业务逻辑变量的初始值进行替换，生成前端项目的项目文件”，具体包括：

S501，解析变量文件，得到变量文件中目标模版文件中各业务逻辑变量对应的替换值。

具体地，当计算机设备准备构建前端项目时，可以先获取预先编译的变量文件，并采用相应的解析文件方法或解析文件工具解析该变量文件，再从解析后的变量文件中提取出目标模版文件中各业务逻辑变量对应的替换值，并将提取出的目标模版文件中各业务逻辑变量对应的替换值存储到前端项目的配置文件中，以便后续计算机设备基于前述步骤得到目标模版文件之后，可以直接从配置文件中获取到目标模版文件中各业务逻辑变量对应的替换值。

S502，根据替换值，对目标模版文件中对应的业务逻辑变量的初始值进行替换，生成项目文件。

当计算机设备获取到目标模版文件中各业务逻辑变量对应的替换值之后，即可将替换值替换目标模版文件中对应的业务逻辑变量的初始值，替换后生成的模版文件即为计算机设备构建前端项目的项目文件。计算机设备可以采用多种替换方法实现对目标模版文件中各业务逻辑变量的初始值的替换，例如，计算机设备可以采用正则表达式匹配算法，根据目标模版文件中各业务逻辑变量对应的替换值，对目标模版文件中对应的业务逻辑变量的初始值进行替换，生成项目文件。

上述实施例中，计算机设备通过解析变量文件的方式获取业务逻辑变量的替换值，然后使用该替换值替换目标模版文件中对应业务逻辑变量的初始值，从而完成前端项目的构建。由于现有的解析变量文件的方法比较成熟，因此通过解析变量文件的方式获取业务逻辑变量的替换值，可以使计算机设备快速替换目标模版文件中对应业务逻辑变量的初始值，进而提高了项目文件的生成效率。另外，由于正则表达式匹配算法在现有的参数匹配方法中匹配准确性高，因此上述实施例使用正则表达式匹配算法对目标模版文件中对应业务逻辑变量的初始值进行替换，可以提高生成项目文件的准确性，进而可以避免后期前端项目开发人员对项目文件进行校对的次数，从而提高构建前端项目的效率。

在实际应用中，上述定制功能文件中包含的定制业务的业务逻辑，在不同的应用场景下，具体可以包括第一业务逻辑，和/或，第二业务逻辑，其中的第一业务逻辑为新增的业务逻辑，第二业务逻辑为与初始模版文件中通用业务逻辑的部分业务逻辑重叠的业务逻辑，相当于初始模版文件中需要被修正的业务逻辑。基于不同定制业务的业务逻辑，计算机设备执行图2实施例中的步骤S102时，可以对初始模版文件进行不同方式的修改，下面实施例提供了两种修改初始模版文件的方式：

第一种，当定制业务的业务逻辑包括第一业务逻辑时，说明定制功能文件中包含的业务逻辑为前端项目开发人员根据前端项目的新增功能编辑生成的对应新增功能的业务逻辑，在此情况下，计算机设备执行图2实施例中的步骤S102时，如图7所示，包括步骤：

S601，通过脚手架工具的外部接口调用前端项目对应的定制功能文件。

具体地，当计算机设备将初始模版文件添加到前端项目的项目目录下时，可以进一步的通过脚手架工具的外部接口调用预先注册的前端项目对应的定制功能文件，同时执行该定制功能文件，实现对初始模版文件的修改。

S602，将定制功能文件中的第一业务逻辑添加到初始模版文件中，得到目标模版文件。

在本实施例中，计算机设备执行定制功能文件时，计算机设备将定制功能文件中的第一业务逻辑添加到初始模版文件中的相应位置上，以更新初始模版文件，更新后的初始模版文件即为目标模版文件。由于该目标模版文件为添加第一业务逻辑后的模版文件，相比于初始模版文件具有了新功能的业务逻辑，因此，之后根据该目标模版文件生成的前端项目的项目文件满足了前端项目开发人员对于定制业务的需求。

第二种，当定制业务的业务逻辑包括第二业务逻辑时，说明定制功能文件中包含的业务逻辑为前端项目开发人员根据前端项目的具体功能对初始模版文件中包含的部分通用业务逻辑进行调整的业务逻辑，在此情况下，计算机设备执行图2实施例中的步骤S102时，如图8所示，包括步骤：

S701，通过脚手架工具的外部接口调用前端项目对应的定制功能文件。

本步骤同上述对步骤S601的说明，此处不赘述。

S702，根据定制功能文件中的第二业务逻辑对初始模版文件中与第二业务逻辑重叠的部分业务逻辑进行调整。

在本实施例中，计算机设备在执行定制功能文件时，计算机设备先在初始模版文件中找到与第二业务逻辑重叠的部分业务逻辑，然后根据定制功能文件中的第二业务逻辑调整这部分重叠的业务逻辑，以更新初始模版文件，更新后的初始模版文件即为目标模版文件。由于该目标模版文件为调整初始模版文件中原来的部分业务逻辑后的模版文件，满足了前端项目开发人员针对前端项目部分功能扩展的开发需求。

在一个实施例中，在图2实施例中的步骤S102之前，图2实施例所述的方法还包括步骤：采用预设的命令函数，将预先编译的定制功能文件添加到脚手架工具的配置文件中。

其中，预设的命令函数可以包括kast命令函数和kast scaffold命令函数，kast命令函数包括对脚手架工具操作的一系列命令函数，例如，kast命令函数可以包括：kastscaffold kast create、kast show、kast use、kast delete等命令函数。kast scaffold命令函数包括对初始模版文件操作的一系列命令函数，例如，kastscaffold add、kastscaffold list、kast scaffold register、kast scaffold init、kastscaffold delete等命令函数。

在本实施例中，计算机设备可以采用kast scaffold register命令函数，将预先编译的定制功能文件注册到脚手架工具上，将预先编译的定制功能文件添加到脚手架工具的配置文件中，以便之后在生成前端项目的项目文件前，计算机设备可以通过脚手架工具的外部接口调用已注册的定制功能文件，从而执行定制功能文件中包含的js代码，实现对初始模版文件的修改。本实施例仅是通过脚手架工具的命令函数，就可实现调用定制功能文件对所述初始模版文件进行修改，从而为前端项目开发人员提供了可定制化开发的途径，且计算机设备内部不需要做任何硬件上的修改，因此上述方法相应的减少了前端项目开发人员开发前端项目的成本。

综合上述所有实施例，本申请还提供了一种前端项目的构建方法，如图9所示，该方法包括：

S801，在前端项目的应用程序的当前目录下创建前端项目的项目目录。

S802，查询前端项目的配置文件中是否包含候选模版文件，若配置文件中包含多个候选模版文件，则执行步骤S803-S805，若配置文件中未包含候选模版文件，则执行步骤S806。

S803，展示各候选模板文件对应的选项标识。

S804，基于各候选模板文件对应的选项标识获取用户输入指令；用户输入指令包括目标选项标识。

S805，将目标选择标识对应的候选模板文件确定为初始模版文件。

S806，在本地内存中根据预设存储路径查询对应的存储空间，若存储空间中存储有本地模版文件，则执行步骤S807，若存储空间中未存储所述本地模版文件，则执行步骤S808。

S807，将存储空间中的本地模版文件作为初始模版文件。

S808，在存储空间中查找远程服务器的远程存储空间地址，并根据远程存储空间地址从远程服务器获取初始模版文件。

S809，将S807步骤和S808步骤得到的初始模版文件保存到前端项目的配置文件中。

S810，采用预设的命令函数，将预先编译的定制功能文件添加到脚手架工具的配置文件中。

S811，通过脚手架工具的外部接口调用已注册的定制功能文件对初始模版文件进行修改，得到目标模版文件；定制功能文件中包含前端项目的定制业务的业务逻辑。

S812，获取针对前端项目预先编译的变量文件。

S813，解析变量文件，得到变量文件中目标模版文件中各业务逻辑变量对应的替换值。

S814，采用正则表达式匹配算法，根据替换值，对目标模版文件中对应的业务逻辑变量的初始值进行替换，生成项目文件。

本实施例中，对上述各步骤的说明请参见前述实施例说明，此处不赘述。

应该理解的是，虽然图2-9的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，图2-9中的至少一部分步骤可以包括多个步骤或者多个阶段，这些步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤中的步骤或者阶段的至少一部分轮流或者交替地执行。

在一个实施例中，如图10所示，提供了一种前端项目的构建装置，包括：添加模块11、修改模块12和替换模块13，其中：

添加模块11，用于在前端项目的项目目录下添加初始模版文件；所述初始模版文件包括所述前端项目的通用业务逻辑。

修改模块12，用于通过脚手架工具的外部接口调用所述前端项目对应的定制功能文件对所述初始模版文件进行修改，得到目标模版文件；所述定制功能文件中包含所述前端项目的定制业务的业务逻辑。

替换模块13，用于利用针对所述前端项目预先编译的变量文件，对所述目标模版文件中各业务逻辑变量的初始值进行替换，生成所述前端项目的项目文件；其中，所述变量文件包括所述目标模版文件中各个业务逻辑变量对应的替换值。

在一个实施例中，如图11所示，上述装置还包括：

查询模块14，用于查询所述前端项目的配置文件中是否包含候选模版文件；

第一获取模块15，用于在所述配置文件中包含多个所述候选模版文件的情况下，从多个所述候选模版文件中确定所述初始模版文件；

第二获取模块16，用于在所述配置文件中未包含所述候选模版文件的情况下，根据预设存储路径获取所述初始模版文件。

在一个实施例中，如图12所示，上述第一获取模块15，包括：

展示单元151，用于展示各所述候选模板文件对应的选项标识；

获取单元152，用于基于各所述候选模板文件对应的选项标识获取用户输入指令；所述用户输入指令包括目标选项标识；

第一确定单元153，用于将所述目标选择标识对应的候选模板文件确定为所述初始模版文件。

在一个实施例中，如图13所示，上述第二获取模块16，包括：

查询单元161，用于在本地内存中根据所述预设存储路径查询对应的存储空间；

第二确定单元162，用于在所述存储空间中存储有本地模版文件的情况下，将所述存储空间中的本地模版文件作为所述初始模版文件；

第三确定单元163，用于在所述存储空间中未存储所述本地模版文件的情况下，在所述存储空间中查找远程服务器的远程存储空间地址，并根据所述远程存储空间地址从所述远程服务器获取所述初始模版文件。

在一个实施例中，上述第一获取模块15还用于将所述初始模版文件保存到所述前端项目的配置文件中。

在一个实施例中，如图14所示，上述替换模块13，包括：

解析单元131，用于解析所述变量文件，得到所述变量文件中所述目标模版文件中各业务逻辑变量对应的替换值；

替换单元132，用于根据所述替换值，对所述目标模版文件中对应的业务逻辑变量的初始值进行替换，生成所述项目文件。

在一个实施例中，上述替换单元132具体用于采用正则表达式匹配算法，根据所述替换值，对所述目标模版文件中对应的业务逻辑变量的初始值进行替换，生成所述项目文件。

在一个实施例中，所述定制业务的业务逻辑包括第一业务逻辑，和/或，第二业务逻辑；所述第一业务逻辑为新增的业务逻辑，所述第二业务逻辑为与所述通用业务逻辑的部分业务逻辑重叠的业务逻辑。

在一个实施例中，若所述定制业务的业务逻辑包括所述第一业务逻辑，上述修改模块12，如图15所示，包括：

第一调用单元121，用于通过所述脚手架工具的外部接口调用所述前端项目对应的定制功能文件；

添加单元122，用于将所述定制功能文件中的第一业务逻辑添加到所述初始模版文件中，得到所述目标模版文件。

在一个实施例中，若所述定制业务的业务逻辑包括所述第二业务逻辑，上述修改模块12，如图15所示，包括：

第二调用单元123，用于通过所述脚手架工具的外部接口调用所述前端项目对应的定制功能文件；

调整单元124，用于根据所述定制功能文件中的第二业务逻辑对所述初始模版文件中与所述第二业务逻辑重叠的部分业务逻辑进行调整。

关于前端项目的构建装置的具体限定可以参见上文中对于前端项目的构建方法的限定，在此不再赘述。上述前端项目的构建装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于电子设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。

在一个实施例中，提供了一种计算机设备，包括存储器和处理器，存储器中存储有计算机程序，该处理器执行计算机程序时实现以下步骤：

在前端项目的项目目录下添加初始模版文件；所述初始模版文件包括所述前端项目的通用业务逻辑；

通过脚手架工具的外部接口调用所述前端项目对应的定制功能文件对所述初始模版文件进行修改，得到目标模版文件；所述定制功能文件中包含所述前端项目的定制业务的业务逻辑；

利用针对所述前端项目预先编译的变量文件，对所述目标模版文件中各业务逻辑变量的初始值进行替换，生成所述前端项目的项目文件；其中，所述变量文件包括所述目标模版文件中各个业务逻辑变量对应的替换值。

上述实施例提供的一种计算机设备，其实现原理和技术效果与上述方法实施例类似，在此不再赘述。

在一个实施例中，提供了一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现以下步骤：

在前端项目的项目目录下添加初始模版文件；所述初始模版文件包括所述前端项目的通用业务逻辑；

通过脚手架工具的外部接口调用所述前端项目对应的定制功能文件对所述初始模版文件进行修改，得到目标模版文件；所述定制功能文件中包含所述前端项目的定制业务的业务逻辑；

利用针对所述前端项目预先编译的变量文件，对所述目标模版文件中各业务逻辑变量的初始值进行替换，生成所述前端项目的项目文件；其中，所述变量文件包括所述目标模版文件中各个业务逻辑变量对应的替换值。

上述实施例提供的一种计算机可读存储介质，其实现原理和技术效果与上述方法实施例类似，在此不再赘述。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和易失性存储器中的至少一种。非易失性存储器可包括只读存储器(Read-Only Memory，ROM)、磁带、软盘、闪存或光存储器等。易失性存储器可包括随机存取存储器(Random Access Memory，RAM)或外部高速缓冲存储器。作为说明而非局限，RAM可以是多种形式，比如静态随机存取存储器(Static Random Access Memory，SRAM)或动态随机存取存储器(Dynamic Random Access Memory，DRAM)等。

以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。

以上所述实施例仅表达了本申请的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本申请构思的前提下，还可以做出若干变形和改进，这些都属于本申请的保护范围。因此，本申请专利的保护范围应以所附权利要求为准。

Claims (11)

1.一种前端项目的构建方法，其特征在于，所述方法包括：

在前端项目的项目目录下添加初始模版文件；所述初始模版文件包括所述前端项目的通用业务逻辑；

通过脚手架工具的外部接口调用所述前端项目对应的定制功能文件对所述初始模版文件进行修改，得到目标模版文件；所述定制功能文件中包含所述前端项目的定制业务的业务逻辑；

利用针对所述前端项目预先编译的变量文件，对所述目标模版文件中各业务逻辑变量的初始值进行替换，生成所述前端项目的项目文件；其中，所述变量文件包括所述目标模版文件中各个业务逻辑变量对应的替换值。

2.根据权利要求1所述的方法，其特征在于，所述方法还包括：

查询所述前端项目的配置文件中是否包含候选模版文件；

若所述配置文件中包含多个所述候选模版文件，则从多个所述候选模版文件中确定所述初始模版文件；

若所述配置文件中未包含所述候选模版文件，则根据预设存储路径获取所述初始模版文件。

3.根据权利要求2所述的方法，其特征在于，所述从多个所述候选模版文件中确定所述初始模版文件，包括：

展示各所述候选模板文件对应的选项标识；

基于各所述候选模板文件对应的选项标识获取用户输入指令；所述用户输入指令包括目标选项标识；

将所述目标选择标识对应的候选模板文件确定为所述初始模版文件。

4.根据权利要求2所述的方法，其特征在于，所述根据预设存储路径获取所述初始模版文件，包括：

在本地内存中根据所述预设存储路径查询对应的存储空间；

若所述存储空间中存储有本地模版文件，则将所述存储空间中的本地模版文件作为所述初始模版文件；

若所述存储空间中未存储所述本地模版文件，则在所述存储空间中查找远程服务器的远程存储空间地址，并根据所述远程存储空间地址从所述远程服务器获取所述初始模版文件。

5.根据权利要求1所述的方法，其特征在于，所述利用针对前端项目预先编译的变量文件，对所述目标模版文件中各业务逻辑变量的初始值进行替换，生成所述前端项目的项目文件，包括：

解析所述变量文件，得到所述变量文件中所述目标模版文件中各业务逻辑变量对应的替换值；

根据所述替换值，对所述目标模版文件中对应的业务逻辑变量的初始值进行替换，生成所述项目文件。

6.根据权利要求1所述的方法，其特征在于，所述定制业务的业务逻辑包括第一业务逻辑，和/或，第二业务逻辑；所述第一业务逻辑为新增的业务逻辑，所述第二业务逻辑为与所述通用业务逻辑的部分业务逻辑重叠的业务逻辑。

7.根据权利要求6所述的方法，其特征在于，若所述定制业务的业务逻辑包括所述第一业务逻辑，所述通过脚手架工具的外部接口调用所述前端项目对应的定制功能文件对所述初始模版文件进行修改，得到目标模版文件，包括：

通过所述脚手架工具的外部接口调用所述前端项目对应的定制功能文件；

将所述定制功能文件中的第一业务逻辑添加到所述初始模版文件中，得到所述目标模版文件。

8.根据权利要求6所述的方法，其特征在于，若所述定制业务的业务逻辑包括所述第二业务逻辑，所述通过脚手架工具的外部接口调用所述前端项目对应的定制功能文件对所述初始模版文件进行修改，得到目标模版文件，包括：

通过所述脚手架工具的外部接口调用所述前端项目对应的定制功能文件；

根据所述定制功能文件中的第二业务逻辑对所述初始模版文件中与所述第二业务逻辑重叠的部分业务逻辑进行调整。

9.一种前端项目的构建装置，其特征在于，所述装置包括：

添加模块，用于在前端项目的项目目录下添加初始模版文件；所述初始模版文件包括所述前端项目的通用业务逻辑；

修改模块，用于通过脚手架工具的外部接口调用所述前端项目对应的定制功能文件对所述初始模版文件进行修改，得到目标模版文件；所述定制功能文件中包含所述前端项目的定制业务的业务逻辑；

替换模块，用于利用针对所述前端项目预先编译的变量文件，对所述目标模版文件中各业务逻辑变量的初始值进行替换，生成所述前端项目的项目文件；其中，所述变量文件包括所述目标模版文件中各个业务逻辑变量对应的替换值。

10.一种计算机设备，包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求1至8中任一项所述的方法的步骤。

11.一种存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至8中任一项所述的方法的步骤。

Images