前端资产可视化处理方法、装置及存储介质与流程

1.本技术涉及领域，具体而言，涉及一种前端资产可视化处理方法、装置及存储介质。


背景技术：

2.随着前端技术近年来的快速发展，前端开发人员对研发效能、研发体验的要求越来越高。同时在软件相关业务功能开发过程中，积累了大量可复用的前端资产，包括工程创建脚手架、页面模板、区块示例等。但上述资产分散在各社区、平台中，与开发工具脱离，松散在各处。开发人员在开发过程中根据需求定位到资产所在处，然后手动复制粘贴到开发工程中，复用路径复杂低效且容易出错。
3.但是，开发人员在开发过程中形成的可复用资产没有边界的维护管理渠道，无法共享给相同业务开发部门，导致重复开发，浪费开发资源。
4.针对相关技术中前端资产分布松散、前端资产复用成本高、形成可复用资产难度高的问题，目前尚未提出有效的解决方案。


技术实现要素：

5.本技术的主要目的在于提供一种前端资产可视化处理方法、装置及存储介质，以解决相关技术中前端资产分布松散、前端资产复用成本高、形成可复用资产难度高的问题。
6.为了实现上述目的，根据本技术的一个方面，提供了一种前端资产可视化处理方法。该方法包括：响应于在可视化界面的选择操作，确定目标账户对应的工程模板；响应于在上述可视化界面的配置操作，获取对上述工程模板进行配置的配置信息；接收基于目标账户确定的工程模板和配置信息，将上述配置信息导入上述工程模板，确定可视化复用资产，其中，上述可视化复用资产为上述目标账户更新后的工程模板；对上述可视化复用资产进行审核处理，并基于审核通过的可视化复用资产更新数据库中的上述工程模板。
7.可选的，上述响应于在可视化界面的选择操作，确定目标账户对应的工程模板，包括：从上述数据库中确定待选择工程模板，其中，上述待选择工程模板包括：pc端模板、移动端模板、简化版模板、全量化模板；通过上述可视化界面展示上述待选择工程模板；接收上述目标账户返回的选择结果，基于上述选择结果确定上述工程模板。
8.可选的，上述响应于在上述可视化界面的配置操作，获取对上述工程模板进行配置的配置信息，包括：初始化项目信息表格，其中，上述项目信息表格用于记录配置信息，其中，上述配置信息包括：工程创建目录位置信息、开发人员信息和工程配置信息勾选情况；通过上述可视化界面展示上述项目信息表格；接收上述目标账户返回的配置结果，基于上述配置结果确定上述配置信息。
9.可选的，上述接收基于目标账户确定的工程模板和配置信息，将上述配置信息导入上述工程模板，确定可视化复用资产，包括：接收上述目标账户确定的工程目录，将上述工程目录导入上述工程模板；将上述配置信息导入对应的上述工程目录，确定上述可视化
复用资产。
10.可选的，上述对上述可视化复用资产进行审核处理，包括：将上述可视化复用资产与上述数据库中的工程模板进行对比处理，确定相似度值；在上述相似度值小于预设阈值的情况下，确定上述可视化复用资产审核通过。
11.可选的，上述基于审核通过的可视化复用资产更新数据库中的上述工程模板，包括：接收上述目标账户选择的复用指示，其中，上述复用指示用于确定上述审核通过的可视化复用资产是否支持复用；在上述复用指示为允许复用的情况下，基于上述审核通过的可视化复用资产更新数据库中的上述工程模板。
12.可选的，为上述可视化复用资产生成标识编码，并将上述标识编码和上述标识编码对应的可视化复用资产存储至上述数据库中。
13.为了实现上述目的，根据本技术的另一方面，提供了一种前端资产可视化处理装置。该装置包括：确定模块，用于响应于在可视化界面的选择操作，确定目标账户对应的工程模板；获取模块，用于响应于在上述可视化界面的配置操作，获取对上述工程模板进行配置的配置信息；导入模块，用于接收基于目标账户确定的工程模板和配置信息，将上述配置信息导入上述工程模板，确定可视化复用资产，其中，上述可视化复用资产为上述目标账户更新后的工程模板；更新模块，用于对上述可视化复用资产进行审核处理，并基于审核通过的可视化复用资产更新数据库中的上述工程模板
14.为了实现上述目的，根据本技术的另一方面，提供了一种处理器，上述处理器用于运行程序，其中，上述程序运行时执行任意一项上述的前端资产可视化处理方法。
15.为了实现上述目的，根据本技术的另一方面，提供了一种电子设备，包括一个或多个处理器和存储器，上述存储器用于存储一个或多个程序，其中，当上述一个或多个程序被上述一个或多个处理器执行时，使得上述一个或多个处理器实现任意一项上述的前端资产可视化处理方法。
16.通过本技术，采用以下步骤：响应于在可视化界面的选择操作，确定目标账户对应的工程模板；响应于在上述可视化界面的配置操作，获取对上述工程模板进行配置的配置信息；接收基于目标账户确定的工程模板和配置信息，将上述配置信息导入上述工程模板，确定可视化复用资产，其中，上述可视化复用资产为上述目标账户更新后的工程模板；对上述可视化复用资产进行审核处理，并基于审核通过的可视化复用资产更新数据库中的上述工程模板，解决了相关技术中前端资产分布松散、前端资产复用成本高、形成可复用资产难度高的问题。进而达到了开发资产可视化复用系统，通过该系统提供工程模板，接受开发人员的配置信息，并为开发人员开发的前端资源绑定标识信息，提升资产复用能力的效果。
附图说明
17.构成本技术的一部分的附图用来提供对本技术的进一步理解，本技术的示意性实施例及其说明用于解释本技术，并不构成对本技术的不当限定。在附图中：
18.图1是根据本技术实施例提供的前端资产可视化处理方法的流程图；以及
19.图2是根据本技术实施例提供的前端资产可视化处理系统结构示意图；
20.图3是根据本技术实施例提供的前端资产可视化处理系统服务构成示意图；
21.图4是根据本技术实施例提供的前端资产可视化处理方法流程示意图；
22.图5是根据本技术实施例提供的前端资产可视化处理装置的示意图；
23.图6是根据本技术实施例的一种可选的电子设备的结构示意图。
具体实施方式
24.需要说明的是，在不冲突的情况下，本技术中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本技术。
25.为了使本技术领域的人员更好地理解本技术方案，下面将结合本技术实施例中的附图，对本技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本技术一部分的实施例，而不是全部的实施例。基于本技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本技术保护的范围。
26.需要说明的是，本技术的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本技术的实施例。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
27.为了便于描述，以下对本技术实施例涉及的部分名词或术语进行说明：
28.vscode：代码编辑器。
29.需要说明的是，本公开所涉及的相关信息(包括但不限于用户设备信息、用户个人信息等)和数据(包括但不限于用于展示的数据、分析的数据等)，均为经用户授权或者经过各方充分授权的信息和数据。例如，本系统和相关用户或机构间设置有接口，在获取相关信息之前，需要通过接口向前述的用户或机构发送获取请求，并在接收到前述的用户或机构反馈的同意信息后，获取相关信息。
30.针对目前前端资产分布松散、前端资产复用成本高、形成可复用资产难度高等问题，基于vscode开发工具提供一种资产可视化复用的方法及装置，实现开发工具和前端资产的强绑定，有效提升资产复用能力。
31.下面结合优选的实施步骤对本发明进行说明，图1是根据本技术实施例提供的前端资产可视化处理方法的流程图，如图1所示，该方法包括如下步骤：
32.步骤s101，响应于在可视化界面的选择操作，确定目标账户对应的工程模板；
33.步骤s102，响应于在上述可视化界面的配置操作，获取对上述工程模板进行配置的配置信息；
34.步骤s103，接收基于目标账户确定的工程模板和配置信息，将上述配置信息导入上述工程模板，确定可视化复用资产，其中，上述可视化复用资产为上述目标账户更新后的工程模板；
35.步骤s104，对上述可视化复用资产进行审核处理，并基于审核通过的可视化复用资产更新数据库中的上述工程模板。
36.在本发明实施例中，上述步骤s101至s104中提供的前端资产可视化处理方法的执行主体为前端资产可视化处理系统，采用上述系统响应于在可视化界面的选择操作，确定
目标账户对应的工程模板；响应于在上述可视化界面的配置操作，获取对上述工程模板进行配置的配置信息；接收基于目标账户确定的工程模板和配置信息，将上述配置信息导入上述工程模板，确定可视化复用资产，其中，上述可视化复用资产为上述目标账户更新后的工程模板；对上述可视化复用资产进行审核处理，并基于审核通过的可视化复用资产更新数据库中的上述工程模板。
37.作为一种可选的实施例，如图2所示的前端资产可视化处理系统结构示意图，基于vscode的前端资产可视化复用的方法及系统，包括：可视化工程创建、页面模板仓库、组件示例仓库、资产共建市场。如图3所示的前端资产可视化处理系统服务构成示意图，统一为管理人员提供添加、删除、编辑、查看服务，包括四部分，具体描述如下：工程模板服务：为开发人员创建工程提供不同工程模板，例如pc端模板、移动端模板、简化版模板、全量化模板；页面模板服务：通过id唯一标识页面模板，标签分类页面模板，提供页面模板资源获取服务；组件示例服务：通过id唯一标识组件示例，基于组件类别分类组件示例，提供组件示例资源获取服务；资产共建服务：提供可复用代码模块上送服务、筛选入库服务、开发人员重复调用服务。
38.作为一种可选的实施例，上述系统可以应用于前端资产可视化复用装置，该装置基于vscode插件开发完成，开发人员将此装置集成于开发环境，实现资产与集成环境的强绑定；装置内置前端工程脚手架，包含不同类型工程模板，例如pc端模板、移动端模板、简化版模板、全量化模板，开发人员根据业务需求选择创建；装置提供可视化界面协助开发人员定制初始化项目信息，包括指定工程创建目录位置、勾选工程配置信息、录入开发人员信息等，协助开发人员完善工程创建配置；装置提供前端页面模板仓库，模板资产绑定唯一id，标签化分类管理模板资产，开发人员通过标签筛选业务功能相关页面模板；装置配备页面模板预览功能，开发人员点击筛选好的模块，进入预览页面，完成模板页面的精准筛选。
39.可选的，通过模板页面的导入按钮，开发人员将已筛选的符合业务功能的模板页面一键导入开发人员指定工程目录；指定工程目录可通过工程目录栏右键导入模板页面时选定，或通过页面创建时编辑路由确定；装置提供组件示例仓库，组件示例资产绑定唯一id，开发人员通过组件类别及组件示例预览页面完成组件示例代码块筛选；通过组件示例代码模块的导入按钮，开发人员将已筛选的组件示例代码一键导入工程代码指定位置；工程代码指定位置可通过在导入示例代码时，编辑器鼠标闪烁处确定；装置提供资产共建市场，开发人员将某一可复用代码模块上送至资产共建服务，管理人员按统一标准进行审核入库，形成可复用资产，共享给开发人员。
40.在本发明实施例中，提供前端研发人员一种研发资产复用率高、复用方式边界的方法和系统，该系统基于vscode插件开发完成，开发人员将此系统集成于开发环境，实现资产与集成环境的强绑定；可以快捷选择适配业务需求的工程模板，可视化配置项目初始化信息，高效完成项目创建；便捷选取适配业务的页面模板，提供预览效果，精准对标业务需求；组件示例代码在开发工具内一键取用，避免了跨平台操作带来的出错问题及效率低下问题；提供渠道给开发人员共享可复用业务代码，提升资产复用能力。
41.作为一种可选的实施例，如图4所示的前端资产可视化处理方法流程图，将前端资产可视化处理系统安装到vscode开发环境，根据业务需求选择工程模板，在可视化界面定制项目信息。通过标签关键词筛选页面模板，导入指定工程目录，通过组件类别筛选组件示
例，导入工程代码至指定位置，以便开发人员进行业务代码开发。
42.需要说明的是，开发人员完成开发后，可以选择是否需要上传可复用资产，若是，则对可以复用资产进行审核，通过后，上传至数据库进行存储。
43.在一种可选的实施例中，上述响应于在可视化界面的选择操作，确定目标账户对应的工程模板，包括：从上述数据库中确定待选择工程模板，其中，上述待选择工程模板包括：pc端模板、移动端模板、简化版模板、全量化模板；通过上述可视化界面展示上述待选择工程模板；接收上述目标账户返回的选择结果，基于上述选择结果确定上述工程模板。
44.作为一种可选的实施例，系统内置前端工程脚手架，包含不同类型工程模板，例如pc端模板、移动端模板、简化版模板、全量化模板，开发人员根据业务需求选择创建。
45.在一种可选的实施例中，上述响应于在上述可视化界面的配置操作，获取对上述工程模板进行配置的配置信息，包括：初始化项目信息表格，其中，上述项目信息表格用于记录配置信息，其中，上述配置信息包括：工程创建目录位置信息、开发人员信息和工程配置信息勾选情况；通过上述可视化界面展示上述项目信息表格；接收上述目标账户返回的配置结果，基于上述配置结果确定上述配置信息。
46.作为一种可选的实施例，系统提供可视化界面协助开发人员定制初始化项目信息，包括指定工程创建目录位置、勾选工程配置信息、录入开发人员信息等，协助开发人员完善工程创建配置。
47.在一种可选的实施例中，上述接收基于目标账户确定的工程模板和配置信息，将上述配置信息导入上述工程模板，确定可视化复用资产，包括：接收上述目标账户确定的工程目录，将上述工程目录导入上述工程模板；将上述配置信息导入对应的上述工程目录，确定上述可视化复用资产。
48.作为一种可选的实施例，通过模板页面的导入按钮，开发人员将已筛选的符合业务功能的模板页面一键导入开发人员指定工程目录；指定工程目录可通过工程目录栏右键导入模板页面时选定，或通过页面创建时编辑路由确定。通过组件示例代码模块的导入按钮，开发人员将已筛选的组件示例代码一键导入工程代码指定位置；工程代码指定位置可通过在导入示例代码时，编辑器鼠标闪烁处确定。
49.在一种可选的实施例中，上述对上述可视化复用资产进行审核处理，包括：将上述可视化复用资产与上述数据库中的工程模板进行对比处理，确定相似度值；在上述相似度值小于预设阈值的情况下，确定上述可视化复用资产审核通过。
50.作为一种可选的实施例，系统提供资产共建市场，开发人员将某一可复用代码模块上送至资产共建服务，管理人员按统一标准进行审核入库，形成可复用资产，共享给开发人员。
51.在一种可选的实施例中，上述基于审核通过的可视化复用资产更新数据库中的上述工程模板，包括：接收上述目标账户选择的复用指示，其中，上述复用指示用于确定上述审核通过的可视化复用资产是否支持复用；在上述复用指示为允许复用的情况下，基于上述审核通过的可视化复用资产更新数据库中的上述工程模板。
52.作为一种可选的实施例，系统配备页面模板预览功能，开发人员点击筛选好的模块，进入预览页面，完成模板页面的精准筛选；系统提供前端页面模板仓库，模板资产绑定唯一id，标签化分类管理模板资产，开发人员通过标签筛选业务功能相关页面模板；统提供
组件示例仓库，组件示例资产绑定唯一id，开发人员通过组件类别及组件示例预览页面完成组件示例代码块筛选；
53.在一种可选的实施例中，上述方法还包括：为上述可视化复用资产生成标识编码，并将上述标识编码和上述标识编码对应的可视化复用资产存储至上述数据库中。
54.可选地，在本技术实施例提供的前端资产可视化处理方法中，响应于在可视化界面的选择操作，确定目标账户对应的工程模板；响应于在上述可视化界面的配置操作，获取对上述工程模板进行配置的配置信息；接收基于目标账户确定的工程模板和配置信息，将上述配置信息导入上述工程模板，确定可视化复用资产，其中，上述可视化复用资产为上述目标账户更新后的工程模板；对上述可视化复用资产进行审核处理，并基于审核通过的可视化复用资产更新数据库中的上述工程模板，解决了相关技术中前端资产分布松散、前端资产复用成本高、形成可复用资产难度高的问题。进而达到了开发资产可视化复用系统，通过该系统提供工程模板，接受开发人员的配置信息，并为开发人员开发的前端资源绑定标识信息，提升资产复用能力的效果。
55.本技术实施例提供的前端资产可视化处理方法，通过响应于在可视化界面的选择操作，确定目标账户对应的工程模板；响应于在上述可视化界面的配置操作，获取对上述工程模板进行配置的配置信息；接收基于目标账户确定的工程模板和配置信息，将上述配置信息导入上述工程模板，确定可视化复用资产，其中，上述可视化复用资产为上述目标账户更新后的工程模板；对上述可视化复用资产进行审核处理，并基于审核通过的可视化复用资产更新数据库中的上述工程模板，解决了相关技术中前端资产分布松散、前端资产复用成本高、形成可复用资产难度高的问题。进而达到了开发资产可视化复用系统，通过该系统提供工程模板，接受开发人员的配置信息，并为开发人员开发的前端资源绑定标识信息，提升资产复用能力的效果。
56.需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。
57.本技术实施例还提供了一种前端资产可视化处理装置，需要说明的是，本技术实施例的前端资产可视化处理装置可以用于执行本技术实施例所提供的用于前端资产可视化处理方法。以下对本技术实施例提供的前端资产可视化处理装置进行介绍。
58.图5是根据本技术实施例的前端资产可视化处理装置的示意图。如图5所示，该装置包括：确定模块50，用于响应于在可视化界面的选择操作，确定目标账户对应的工程模板；获取模块51，用于响应于在上述可视化界面的配置操作，获取对上述工程模板进行配置的配置信息；导入模块52，用于接收基于目标账户确定的工程模板和配置信息，将上述配置信息导入上述工程模板，确定可视化复用资产，其中，上述可视化复用资产为上述目标账户更新后的工程模板；更新模块53，用于对上述可视化复用资产进行审核处理，并基于审核通过的可视化复用资产更新数据库中的上述工程模板。
59.可选地，在本技术实施例提供的前端资产可视化处理装置中，响应于在可视化界面的选择操作，确定目标账户对应的工程模板；响应于在上述可视化界面的配置操作，获取对上述工程模板进行配置的配置信息；接收基于目标账户确定的工程模板和配置信息，将上述配置信息导入上述工程模板，确定可视化复用资产，其中，上述可视化复用资产为上述
目标账户更新后的工程模板；对上述可视化复用资产进行审核处理，并基于审核通过的可视化复用资产更新数据库中的上述工程模板，解决了相关技术中前端资产分布松散、前端资产复用成本高、形成可复用资产难度高的问题。进而达到了开发资产可视化复用系统，通过该系统提供工程模板，接受开发人员的配置信息，并为开发人员开发的前端资源绑定标识信息，提升资产复用能力的效果。
60.本技术实施例提供的前端资产可视化处理装置，通过响应于在可视化界面的选择操作，确定目标账户对应的工程模板；响应于在上述可视化界面的配置操作，获取对上述工程模板进行配置的配置信息；接收基于目标账户确定的工程模板和配置信息，将上述配置信息导入上述工程模板，确定可视化复用资产，其中，上述可视化复用资产为上述目标账户更新后的工程模板；对上述可视化复用资产进行审核处理，并基于审核通过的可视化复用资产更新数据库中的上述工程模板，解决了相关技术中前端资产分布松散、前端资产复用成本高、形成可复用资产难度高的问题。进而达到了开发资产可视化复用系统，通过该系统提供工程模板，接受开发人员的配置信息，并为开发人员开发的前端资源绑定标识信息，提升资产复用能力的效果。
61.上述前端资产可视化处理装置包括处理器和存储器，上述单元等均作为程序单元存储在存储器中，由处理器执行存储在存储器中的上述程序单元来实现相应的功能。
62.处理器中包含内核，由内核去存储器中调取相应的程序单元。内核可以设置一个或以上，通过调整内核参数来响应于在可视化界面的选择操作，确定目标账户对应的工程模板；响应于在上述可视化界面的配置操作，获取对上述工程模板进行配置的配置信息；接收基于目标账户确定的工程模板和配置信息，将上述配置信息导入上述工程模板，确定可视化复用资产，其中，上述可视化复用资产为上述目标账户更新后的工程模板；对上述可视化复用资产进行审核处理，并基于审核通过的可视化复用资产更新数据库中的上述工程模板，解决了相关技术中前端资产分布松散、前端资产复用成本高、形成可复用资产难度高的问题。进而达到了开发资产可视化复用系统，通过该系统提供工程模板，接受开发人员的配置信息，并为开发人员开发的前端资源绑定标识信息，提升资产复用能力的效果。
63.存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(ram)和/或非易失性内存等形式，如只读存储器(rom)或闪存(flash ram)，存储器包括至少一个存储芯片。
64.本发明实施例提供了一种计算机可读存储介质，其上存储有程序，该程序被处理器执行时实现上述前端资产可视化处理方法。
65.本发明实施例提供了一种处理器，上述处理器用于运行程序，其中，上述程序运行时执行上述前端资产可视化处理方法。
66.如图6所示，本发明实施例提供了一种电子设备，设备包括处理器、存储器及存储在存储器上并可在处理器上运行的程序，处理器执行程序时实现以下步骤：响应于在可视化界面的选择操作，确定目标账户对应的工程模板；响应于在上述可视化界面的配置操作，获取对上述工程模板进行配置的配置信息；接收基于目标账户确定的工程模板和配置信息，将上述配置信息导入上述工程模板，确定可视化复用资产，其中，上述可视化复用资产为上述目标账户更新后的工程模板；对上述可视化复用资产进行审核处理，并基于审核通过的可视化复用资产更新数据库中的上述工程模板。本文中的设备可以是服务器、pc、pad、
手机等。
67.可选的，处理器执行程序时实现以下步骤：从上述数据库中确定待选择工程模板，其中，上述待选择工程模板包括：pc端模板、移动端模板、简化版模板、全量化模板；通过上述可视化界面展示上述待选择工程模板；接收上述目标账户返回的选择结果，基于上述选择结果确定上述工程模板。
68.可选的，处理器执行程序时实现以下步骤：初始化项目信息表格，其中，上述项目信息表格用于记录配置信息，其中，上述配置信息包括：工程创建目录位置信息、开发人员信息和工程配置信息勾选情况；通过上述可视化界面展示上述项目信息表格；接收上述目标账户返回的配置结果，基于上述配置结果确定上述配置信息。
69.可选的，处理器执行程序时实现以下步骤：接收上述目标账户确定的工程目录，将上述工程目录导入上述工程模板；将上述配置信息导入对应的上述工程目录，确定上述可视化复用资产。
70.可选的，处理器执行程序时实现以下步骤：将上述可视化复用资产与上述数据库中的工程模板进行对比处理，确定相似度值；在上述相似度值小于预设阈值的情况下，确定上述可视化复用资产审核通过。
71.可选的，处理器执行程序时实现以下步骤：接收上述目标账户选择的复用指示，其中，上述复用指示用于确定上述审核通过的可视化复用资产是否支持复用；在上述复用指示为允许复用的情况下，基于上述审核通过的可视化复用资产更新数据库中的上述工程模板。
72.可选的，处理器执行程序时实现以下步骤：为上述可视化复用资产生成标识编码，并将上述标识编码和上述标识编码对应的可视化复用资产存储至上述数据库中。
73.本技术还提供了一种计算机程序产品，当在数据处理设备上执行时，适于执行初始化有如下方法步骤的程序：响应于在可视化界面的选择操作，确定目标账户对应的工程模板；响应于在上述可视化界面的配置操作，获取对上述工程模板进行配置的配置信息；接收基于目标账户确定的工程模板和配置信息，将上述配置信息导入上述工程模板，确定可视化复用资产，其中，上述可视化复用资产为上述目标账户更新后的工程模板；对上述可视化复用资产进行审核处理，并基于审核通过的可视化复用资产更新数据库中的上述工程模板。
74.可选的，当在数据处理设备上执行时，适于执行初始化有如下方法步骤的程序：从上述数据库中确定待选择工程模板，其中，上述待选择工程模板包括：pc端模板、移动端模板、简化版模板、全量化模板；通过上述可视化界面展示上述待选择工程模板；接收上述目标账户返回的选择结果，基于上述选择结果确定上述工程模板。
75.可选的，当在数据处理设备上执行时，适于执行初始化有如下方法步骤的程序：初始化项目信息表格，其中，上述项目信息表格用于记录配置信息，其中，上述配置信息包括：工程创建目录位置信息、开发人员信息和工程配置信息勾选情况；通过上述可视化界面展示上述项目信息表格；接收上述目标账户返回的配置结果，基于上述配置结果确定上述配置信息。
76.可选的，当在数据处理设备上执行时，适于执行初始化有如下方法步骤的程序：接收上述目标账户确定的工程目录，将上述工程目录导入上述工程模板；将上述配置信息导
入对应的上述工程目录，确定上述可视化复用资产。
77.可选的，当在数据处理设备上执行时，适于执行初始化有如下方法步骤的程序：将上述可视化复用资产与上述数据库中的工程模板进行对比处理，确定相似度值；在上述相似度值小于预设阈值的情况下，确定上述可视化复用资产审核通过。
78.可选的，当在数据处理设备上执行时，适于执行初始化有如下方法步骤的程序：接收上述目标账户选择的复用指示，其中，上述复用指示用于确定上述审核通过的可视化复用资产是否支持复用；在上述复用指示为允许复用的情况下，基于上述审核通过的可视化复用资产更新数据库中的上述工程模板。
79.可选的，当在数据处理设备上执行时，适于执行初始化有如下方法步骤的程序：为上述可视化复用资产生成标识编码，并将上述标识编码和上述标识编码对应的可视化复用资产存储至上述数据库中。
80.本领域内的技术人员应明白，本技术的实施例可提供为方法、系统、或计算机程序产品。因此，本技术可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本技术可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、前端资产分布松散、前端资产复用成本高、形成可复用资产难度高开发资产可视化复用系统，通过该系统提供工程模板，接受开发人员的配置信息，并为开发人员开发的前端资源绑定标识信息，提升资产复用能力-rom、光学存储器等)上实施的计算机程序产品的形式。
81.本技术是参照根据本技术实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
82.这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
83.这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
84.在一个典型的配置中，计算设备包括一个或多个处理器(cpu)、输入/输出接口、网络接口和内存。
85.存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(ram)和/或非易失性内存等形式，如只读存储器(rom)或闪存(flash ram)。存储器是计算机可读介质的示例。
86.计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。
计算机的存储介质的例子包括，但不限于相变内存(pram)、静态随机存取存储器(sram)、动态随机存取存储器(dram)、其他类型的随机存取存储器(ram)、只读存储器(rom)、电可擦除可编程只读存储器(eeprom)、快闪记忆体或其他内存技术、只读光盘只读存储器(cd-rom)、数字多功能光盘(dvd)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。
87.还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个
……”
限定的要素，并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。
88.本领域技术人员应明白，本技术的实施例可提供为方法、系统或计算机程序产品。因此，本技术可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且，本技术可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、cd-rom、光学存储器等)上实施的计算机程序产品的形式。
89.以上仅为本技术的实施例而已，并不用于限制本技术。对于本领域技术人员来说，本技术可以有各种更改和变化。凡在本技术的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本技术的权利要求范围之内。

技术特征：
1.一种前端资产可视化处理方法，其特征在于，包括：响应于在可视化界面的选择操作，确定目标账户对应的工程模板；响应于在所述可视化界面的配置操作，获取对所述工程模板进行配置的配置信息；接收基于目标账户确定的工程模板和配置信息，将所述配置信息导入所述工程模板，确定可视化复用资产，其中，所述可视化复用资产为所述目标账户更新后的工程模板；对所述可视化复用资产进行审核处理，并基于审核通过的可视化复用资产更新数据库中的所述工程模板。2.根据权利要求1所述的方法，其特征在于，所述响应于在可视化界面的选择操作，确定目标账户对应的工程模板，包括：从所述数据库中确定待选择工程模板，其中，所述待选择工程模板包括：pc端模板、移动端模板、简化版模板、全量化模板；通过所述可视化界面展示所述待选择工程模板；接收所述目标账户返回的选择结果，基于所述选择结果确定所述工程模板。3.根据权利要求1所述的方法，其特征在于，所述响应于在所述可视化界面的配置操作，获取对所述工程模板进行配置的配置信息，包括：初始化项目信息表格，其中，所述项目信息表格用于记录配置信息，其中，所述配置信息包括：工程创建目录位置信息、开发人员信息和工程配置信息勾选情况；通过所述可视化界面展示所述项目信息表格；接收所述目标账户返回的配置结果，基于所述配置结果确定所述配置信息。4.根据权利要求1所述的方法，其特征在于，所述接收基于目标账户确定的工程模板和配置信息，将所述配置信息导入所述工程模板，确定可视化复用资产，包括：接收所述目标账户确定的工程目录，将所述工程目录导入所述工程模板；将所述配置信息导入对应的所述工程目录，确定所述可视化复用资产。5.根据权利要求1所述的方法，其特征在于，所述对所述可视化复用资产进行审核处理，包括：将所述可视化复用资产与所述数据库中的工程模板进行对比处理，确定相似度值；在所述相似度值小于预设阈值的情况下，确定所述可视化复用资产审核通过。6.根据权利要求1所述的方法，其特征在于，所述基于审核通过的可视化复用资产更新数据库中的所述工程模板，包括：接收所述目标账户选择的复用指示，其中，所述复用指示用于确定所述审核通过的可视化复用资产是否支持复用；在所述复用指示为允许复用的情况下，基于所述审核通过的可视化复用资产更新数据库中的所述工程模板。7.根据权利要求1至6中任一项所述的方法，所述方法还包括：为所述可视化复用资产生成标识编码，并将所述标识编码和所述标识编码对应的可视化复用资产存储至所述数据库中。8.一种前端资产可视化处理装置，其特征在于，包括：确定模块，用于响应于在可视化界面的选择操作，确定目标账户对应的工程模板；获取模块，用于响应于在所述可视化界面的配置操作，获取对所述工程模板进行配置
的配置信息；导入模块，用于接收基于目标账户确定的工程模板和配置信息，将所述配置信息导入所述工程模板，确定可视化复用资产，其中，所述可视化复用资产为所述目标账户更新后的工程模板；更新模块，用于对所述可视化复用资产进行审核处理，并基于审核通过的可视化复用资产更新数据库中的所述工程模板。9.一种处理器，其特征在于，所述处理器用于运行程序，其中，所述程序运行时执行权利要求1至7中任意一项所述的前端资产可视化处理方法。10.一种电子设备，其特征在于，包括一个或多个处理器和存储器，所述存储器用于存储一个或多个程序，其中，当所述一个或多个程序被所述一个或多个处理器执行时，使得所述一个或多个处理器实现权利要求1至7中任意一项所述的前端资产可视化处理方法。

技术总结
本申请公开了一种前端资产可视化处理方法、装置及存储介质。涉及金融科技领域，该方法包括：响应于在可视化界面的选择操作，确定目标账户对应的工程模板；响应于在上述可视化界面的配置操作，获取对上述工程模板进行配置的配置信息；接收基于目标账户确定的工程模板和配置信息，将上述配置信息导入上述工程模板，确定可视化复用资产，其中，上述可视化复用资产为上述目标账户更新后的工程模板；对上述可视化复用资产进行审核处理，并基于审核通过的可视化复用资产更新数据库中的上述工程模板。通过本申请，解决了相关技术中前端资产分布松散、前端资产复用成本高、形成可复用资产难度高的问题。高的问题。高的问题。


技术研发人员：王廷廷
受保护的技术使用者：中国工商银行股份有限公司
技术研发日：2023.06.16
技术公布日：2023/8/21