可视化的脚手架生成方法、装置、设备及存储介质制造方法及图纸

本申请涉及一种可视化的脚手架生成方法、装置、设备及存储介质，方法包括：创建包括至少一个状态管理工具选项的前端框架树视图，为各状态管理工具选项配置对应的依赖模块，响应于用户对特定的状态管理工具选项的选中结果展示对应的依赖模块，为各依赖模块配置对应的工具类型，响应于用户对特定的依赖模块的选中结果展示对应的工具类型，响应于用户对各工具类型的选中结果确定脚手架的框架结构，根据框架结构编译并展示源码效果，基于源码效果生成脚手架文件。本申请提供的方法，能够为用户提供可视化的配置界面，基于用户的操作结果实时展示可视化的源码效果，用户对各依赖模块包括的工具类型自由组合，从而得到更加适合业务需求的脚手架框架。的脚手架框架。的脚手架框架。

【技术实现步骤摘要】
可视化的脚手架生成方法、装置、设备及存储介质


[0001]本申请涉及前端开发及数字医疗
，具体涉及一种可视化的脚手架生成方法、装置、设备及存储介质。

技术介绍

[0002]随着web技术不断发展壮大，开发者在进行业务开发之前，经常需要进行以下基础性工作：现有主流技术的了解、技术方案的选型、技术之间版本兼容性的解决。这些基础性工作往往占用开发者很多时间。
[0003]前端脚手架是开发者最常用、最有效的提效工具。在业务需求紧迫的情况下，开发者可以只关注业务，而将脚手架搭建、API兼容等交由脚手架生成器系统。
[0004]但是，现有的脚手架生成器系统学习配置程度不高，没有健全的可视化界面，不便于组合选择。现有的主流框架(例如React、Vue或Angular等)都局限于其自身的底层打造，与应用层技术整合不足。

技术实现思路

[0005]为解决上述问题，本申请实施例提供了一种可视化的脚手架生成方法、装置、设备及存储介质，能够可视化的编辑前端脚手架框架，根据开发者的选择实时更新源码效果，从而提高脚手架的搭建效率。
[0006]本申请实施例采用下述技术方案：
[0007]第一方面，提供了一种可视化的脚手架生成方法，该方法包括：
[0008]创建前端框架树视图，其中，前端框架树视图包括至少一个状态管理工具选项；
[0009]为各状态管理工具选项配置对应的依赖模块，响应于用户对特定的状态管理工具选项的选中结果，在前端框架树视图中展示对应的依赖模块；
[0010]为各依赖模块配置对应的工具类型，响应于用户对特定的依赖模块的选中结果，在前端框架树视图中展示对应的工具类型；
[0011]响应于用户对各工具类型的选中结果，确定脚手架的框架结构；
[0012]根据框架结构编译源码效果，在前端框架树视图中展示源码效果，并基于源码效果生成脚手架文件。
[0013]第二方面，提供了一种可视化的脚手架生成装置，该装置包括：
[0014]前端视图创建单元，用于创建前端框架树视图，其中，前端框架树视图包括至少一个状态管理工具选项；
[0015]依赖模块配置单元，用于为各状态管理工具选项配置对应的依赖模块，响应于用户对特定的状态管理工具选项的选中结果，在前端框架树视图中展示对应的依赖模块；
[0016]工具类型配置单元，用于为各依赖模块配置对应的工具类型，响应于用户对特定的依赖模块的选中结果，在前端框架树视图中展示对应的工具类型；
[0017]框架结构确定单元，用于响应于用户对各工具类型的选中结果，确定脚手架的框
架结构；
[0018]文件生成单元，用于根据框架结构编译源码效果，在前端框架树视图中展示源码效果，并基于源码效果生成脚手架文件。
[0019]第三方面，提供了一种计算机设备，包括存储器、处理器以及存储在存储器中并可在处理器上运行的计算机程序，处理器执行计算机程序时实现上述可视化的脚手架生成方法的步骤。
[0020]第四方面，提供了一种计算机可读存储介质，该计算机可读存储介质存储有计算机程序，计算机程序被处理器指令时实现上述可视化的脚手架生成方法的步骤。
[0021]本申请实施例采用的上述至少一个技术方案能够达到以下有益效果：
[0022]本申请提供的可视化的脚手架生成方法，创建前端框架树视图，其中，前端框架树视图包括至少一个状态管理工具选项；为各状态管理工具选项配置对应的依赖模块，响应于用户对特定的状态管理工具选项的选中结果，在前端框架树视图中展示对应的依赖模块；为各依赖模块配置对应的工具类型，响应于用户对特定的依赖模块的选中结果，在前端框架树视图中展示对应的工具类型；响应于用户对各工具类型的选中结果，确定脚手架的框架结构；根据框架结构编译源码效果，在前端框架树视图中展示源码效果，并基于源码效果生成脚手架文件。本申请提供的可视化的脚手架生成方法，能够为用户提供可视化的配置界面，并基于用户的操作结果实时展示可视化的源码效果；用户基于可视化的配置界面对各依赖模块包括的工具类型自由组合，从而得到更加适合业务需求的脚手架框架；脚手架文件既保证了源码文件的标准化，又迎合了业务需求的个性化，提高了开发效率。
附图说明
[0023]此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：
[0024]图1示出根据本申请的一个实施例的可视化的脚手架生成方法的应用环境示意图；
[0025]图2示出根据本申请的一个实施例的可视化的脚手架生成方法的流程示意图；
[0026]图3示出根据本申请的一个实施例的可视化的脚手架生成方法的前端框架树视图的展示示意图；
[0027]图4示出根据本申请的另一个实施例的可视化的脚手架生成方法的流程示意图；
[0028]图5示出根据本申请的一个实施例的可视化的脚手架生成装置的结构示意图；
[0029]图6示出根据本申请的一个实施例的计算机设备的结构示意图；
[0030]图7示出根据本申请的另一个实施例的计算机设备的结构示意图。
具体实施方式
[0031]为使本申请的目的、技术方案和优点更加清楚，下面将结合本申请具体实施例及相应的附图对本申请技术方案进行清楚、完整地描述。显然，所描述的实施例仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
[0032]本申请实施例提供的可视化的脚手架生成方法，可应用在如图1的应用环境中，其
中，开发端通过网络与服务端进行通信。开发端可以但不限于各种个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备等具有显示屏和输入装置的设备。服务端可以用独立的服务器或者是多个服务器组成的服务器集群来实现。
[0033]用户操作于开发端。开发端可以通过其显示屏显示服务端创建的前端框架树视图，在前端框架树视图中包括至少一个状态管理工具选项；开发端可以在用户操作选中特定的状态管理工具选项后，通过显示屏在前端框架树视图中展示特定的状态管理工具选项对应的依赖模块；开发端可以在用户操作选中特定的依赖模块后，通过显示屏在前端框架树视图中展示特定的依赖模块对应的工具类型；开发端可以在用户操作选中各工具类型后，通过显示屏在前端框架树视图中展示源码效果。
[0034]服务端可以创建包括至少一个状态管理工具选项的前端框架树视图，并为各状态管理工具选项配置对应的依赖模块；服务端可以在接收到用户对特定的状态管理工具选项的选中结果后，将与特定的状态管理工具选项对应的各依赖模块推送至开发端，并在前端框架树视图中展示；服务端可以为各依赖模块配置对应的工具类型；服务端可以在接收到用户对特定的依赖模块的选中结果后，将特定的依赖模块对应的工具类型推送至开发端，并在前端框架树视图中展示；本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种可视化的脚手架生成方法，其特征在于，所述方法包括：创建前端框架树视图，其中，所述前端框架树视图包括至少一个状态管理工具选项；为各所述状态管理工具选项配置对应的依赖模块，响应于用户对特定的所述状态管理工具选项的选中结果，在所述前端框架树视图中展示对应的所述依赖模块；为各所述依赖模块配置对应的工具类型，响应于用户对特定的所述依赖模块的选中结果，在所述前端框架树视图中展示对应的工具类型；响应于用户对各所述工具类型的选中结果，确定脚手架的框架结构；根据所述框架结构编译源码效果，在所述前端框架树视图中展示所述源码效果，并基于所述源码效果生成脚手架文件。2.根据权利要求1所述的可视化的脚手架生成方法，其特征在于，所述创建前端框架树视图，其中，所述前端框架树视图包括至少一个状态管理工具选项，包括：获取业务开发请求和前端框架数据库；从所述前端框架数据库中确定满足所述业务开发请求的至少一个状态管理工具选项，并基于至少一个所述状态管理工具选项创建前端框架树视图。3.根据权利要求1所述的可视化的脚手架生成方法，其特征在于，所述为各所述状态管理工具选项配置对应的依赖模块，响应于用户对特定的所述状态管理工具选项的选中结果，在所述前端框架树视图中展示对应的所述依赖模块，包括：获取各所述状态管理工具选项对应的流程节点；为各所述流程节点对应配置依赖模块；当接收到用户对特定的所述状态管理工具选项的选中结果时，在所述前端框架树视图中展示对应的各所述依赖模块。4.根据权利要求1所述的可视化的脚手架生成方法，其特征在于，所述为各所述依赖模块配置对应的工具类型，响应于用户对特定的所述依赖模块的选中结果，在所述前端框架树视图中展示对应的工具类型，包括：确定各所述依赖模块对应的工具类型；存储各所述依赖模块与对应的工具类型的映射关系；当接收到用户对特定的所述依赖模块的选中结果时，基于所述映射关系在所述前端框架树视图中展示对应的各所述工具类型。5.根据权利要求2所述的可视化的脚手架生成方法，其特征在于，所述响应于用户对各所述工具类型的选中结果，确定脚手架的框架结构，包括：当接收到用户对各所述工具类型的选中结果时，确定与各所述工具类型对应的源码文件的特征标识；根据所述特征标识，在所述前端框架数据库中查找所述源...

【专利技术属性】
技术研发人员：尹协，
申请(专利权)人：康键信息技术深圳有限公司，
类型：发明
国别省市：