一种图标库应用方法、装置、设备及介质

技术领域

本发明涉及图标库应用领域，特别涉及一种图标库应用方法、装置、设备及介质。

背景技术

目前在图标库应用过程中，一般没有提供自定上传图标的入口，并且设计人员修改上传相关图标时，每修改/新增一次，需要开发人员帮忙上传到仓库当中，耗时且耗精力，业务层开发人员需要对业务代码进行替换，如果业务线较多，则需要每个业务线都替换一次，或者重新规划资源替换策略，这导致进行程序维护时需要较大的人力成本与时间成本。并且，设计师设计图标后到上传到在客户端中呈现，最短时长需1-2天，但往往开发人员为了减少频繁发版，时长最少也会是1天，这就导致用户感知较慢。另外，系统进行ToB业务应用时可能会使用到在线图标素材，容易导致资源重复、浪费，以及资源不好管理混乱现象。

由上可见，在图标库应用过程中，如何提升资源应用效率，实现图标库的高效应用是本领域有待解决的问题。

发明内容

有鉴于此，本发明的目的在于提供一种图标库应用方法、装置、设备及介质，能够实现图标库的高效应用。其具体方案如下：

第一方面，本申请公开了一种图标库应用方法，包括：

从预设服务器中与预设图标库连接的预设数据库拉取图标资源，并利用预设构建工具对所述图标资源进行构建，以生成构建后资源；

基于是否接收到用于对所述构建后资源进行静态化处理的目标指令确定相应的目标应用策略，并利用所述目标应用策略将所述构建后资源应用至预设客户端；

当预设图标上传入口接收到用于对所述预设图标库中的图标资源进行更新的更新资源，则利用预设记录方式将所述更新资源记录至所述预设数据库中，然后通过预设远程连接方式将所述更新资源应用至预设客户端。

可选的，所述从预设服务器中与预设图标库连接的预设数据库拉取图标资源，并利用预设构建工具对所述图标资源进行构建，以生成构建后资源，包括：

利用预设持续集成工具从预设服务器中与预设图标库连接的预设数据库中拉取图标资源，并利用预设构建工具对所述图标资源进行构建，以生成构建后资源。

可选的，所述利用预设持续集成工具从预设服务器中与预设图标库连接的预设数据库中拉取图标资源，并利用预设构建工具对所述图标资源进行构建，以生成构建后资源，包括：

利用jenkens从预设服务器中与预设图标库连接的预设MongoDB中拉取图标资源，并利用webpack对所述图标资源进行构建，以生成构建后资源。

可选的，所述基于是否接收到用于对所述构建后资源进行静态化处理的目标指令确定相应的目标应用策略，并利用所述目标应用策略将所述构建后资源应用至预设客户端，包括：

判断是否接收到用于对所述构建后资源进行静态化处理的目标指令；

若未接收到用于对所述构建后资源进行静态化处理的目标指令，则利用预设远程连接方式将所述构建后资源应用至预设客户端；

若接收到用于对所述构建后资源进行静态化处理的目标指令，则将所述构建后资源与历史保存的上一构建后资源进行比对；

若所述构建后资源与历史保存的上一构建后资源不一致，则利用预设远程连接方式将所述构建后资源应用至预设客户端；

若所述构建后资源与历史保存的上一构建后资源一致，则将对所述构建后资源进行静态化处理后的处理后静态资源应用至预设客户端。

可选的，所述利用预设记录方式将所述更新资源记录至所述预设数据库中，包括：

利用Nodejs将所述更新资源记录至所述预设数据库中。

可选的，所述的图标库应用方法，还包括：

将所述预设远程连接方式配置为基于http方式调用接口服务的方法。

可选的，所述从预设服务器中与预设图标库连接的预设数据库拉取图标资源之前，还包括：

接收用于将资源应用至预设客户端的资源应用代码；

相应的，将资源应用至预设客户端，包括：

执行所述资源应用代码，以将资源应用至预设客户端。

第二方面，本申请公开了一种图标库应用装置，包括：

资源构建模块，用于从预设服务器中与预设图标库连接的预设数据库拉取图标资源，并利用预设构建工具对所述图标资源进行构建，以生成构建后资源；

资源应用模块，用于基于是否接收到用于对所述构建后资源进行静态化处理的目标指令确定相应的目标应用策略，并利用所述目标应用策略将所述构建后资源应用至预设客户端；

资源更新模块，用于当预设图标上传入口接收到用于对所述预设图标库中的图标资源进行更新的更新资源，则利用预设记录方式将所述更新资源记录至所述预设数据库中，然后通过预设远程连接方式将所述更新资源应用至预设客户端。

第三方面，本申请公开了一种电子设备，包括：

存储器，用于保存计算机程序；

处理器，用于执行所述计算机程序，以实现前述的图标库应用方法。

第四方面，本申请公开了一种计算机存储介质，用于保存计算机程序；其中，所述计算机程序被处理器执行时实现前述公开的图标库应用方法的步骤。

本申请中先从预设服务器中与预设图标库连接的预设数据库拉取图标资源，并利用预设构建工具对所述图标资源进行构建，以生成构建后资源；基于是否接收到用于对所述构建后资源进行静态化处理的目标指令确定相应的目标应用策略，并利用所述目标应用策略将所述构建后资源应用至预设客户端；当预设图标上传入口接收到用于对所述预设图标库中的图标资源进行更新的更新资源，则利用预设记录方式将所述更新资源记录至所述预设数据库中，然后通过预设远程连接方式将所述更新资源应用至预设客户端。这样一来，通过对图标资源的自动拉取与自动构建过程便可完成资源的自动化构建，并根据具体业务场景对资源进行应用。并且在后续的图标库应用过程中，当接收到图标更新资源时，可以直接利用远程连接方式将更新资源应用至客户端。本实施例的方法缩短了工程工期，减少了整个流程的环节，在具体业务执行过程中可实现图标更新的便捷性，且实现图标资源的易管理性。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据提供的附图获得其他的附图。

图1为本申请提供的一种图标库应用方法流程图；

图2为本申请提供的一种具体的图标库应用方法流程图；

图3为本申请提供的一种整体流程示意图；

图4为本申请提供的一种图标库应用装置结构示意图；

图5为本申请提供的一种电子设备结构图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

现有技术中在图标库应用过程中需要较大的人力成本与时间成本，且用户感知较慢。在本申请中，缩短了工程工期，减少了整个流程的环节，在具体业务执行过程中可实现图标更新的便捷性。

本发明实施例公开了一种图标库应用方法，参见图1所述，该方法包括：

步骤S11：从预设服务器中与预设图标库连接的预设数据库拉取图标资源，并利用预设构建工具对所述图标资源进行构建，以生成构建后资源。

本实施例中，所述从预设服务器中与预设图标库连接的预设数据库拉取图标资源，并利用预设构建工具对所述图标资源进行构建，以生成构建后资源，可以包括：利用预设持续集成工具从预设服务器中与预设图标库连接的预设数据库中拉取图标资源，并利用预设构建工具对所述图标资源进行构建，以生成构建后资源。

本实施例中，所述预设图标库可以为用户提供图标资源供用户使用，所述图标库连接有预设数据库，所述预设数据库优选为MogoDB，在其他实施方式中，也可以替换为mysql数据库。

本步骤中预设持续集成工具可以从预设服务器中与预设图标库连接的预设数据库中拉取图标资源，所述预设集成工具优选为jenkens。在具体的实施方式中，可以由jenkens从预设服务器中与预设图标库连接的预设数据库中拉取图标资源。拉取数据资源后，可以利用预设构建工具对所述图标资源进行构建，以获取构建后资源。所述预设构建工具优选为webpack，在其他的实时方式中，也可以替换为rollup。

步骤S12：基于是否接收到用于对所述构建后资源进行静态化处理的目标指令确定相应的目标应用策略，并利用所述目标应用策略将所述构建后资源应用至预设客户端。

本实施例中，可以根据具体实施场景确定是否对构建后资源进行静态化处理，若接收到用于对所述构建后资源进行静态化处理的目标指令，则表示需要对构建后资源进行静态化处理，后续确定进行静态化处理对应的目标应用策略；若未接收到用于对所述构建后资源进行静态化处理的目标指令，则表示无需对构建后资源进行静态化处理，后续确定无需进行静态化处理对应的目标应用策略。利用上述确定的目标应用策略便可将构建后资源应用至预设客户端。

步骤S13：当预设图标上传入口接收到用于对所述预设图标库中的图标资源进行更新的更新资源，则利用预设记录方式将所述更新资源记录至所述预设数据库中，然后通过预设远程连接方式将所述更新资源应用至预设客户端。

本实施例中，设计师可以对所述预设图标库中的图标资源进行更新，在具体实施过程中，设计师可以对图标库中的图标资源进行增删改查，新增或修改图标时，可以通过图标库预留的接口完成新图标的上传操作，此时，新图标即为所述图标更新资源。具体的，设计师可以通过Nodejs进行代码处理，以将所述更新资源记录至所述预设数据库中，以完成对图标资源的更新。

在上述过程中，还包括：基于所述更新资源生成预览链接，并将所述预览链接进行返回。也即，设计师在更新图标后，可以实时对更新后的图标资源进行预览。

本实施例中，所述图标库应用方法，还可以包括：将所述预设远程连接方式配置为基于http(即Hypertext Transfer Protocol，超文本传输协议)方式调用接口服务的方法。

本实施例中，所述从预设服务器中与预设图标库连接的预设数据库拉取图标资源之前，还可以包括：接收用于将资源应用至预设客户端的资源应用代码；相应的，将资源应用至预设客户端，可以包括：执行所述资源应用代码，以将资源应用至预设客户端。即，在本实施例中的具体实施方式中，开发人员可以在业务开发时配置用于将资源应用至预设客户端的资源应用代码，在后续进行图标资源应用时，直接执行所述资源应用代码便可将资源应用至预设客户端。

本发明的具体实施过程中，可以使用gitlab管理图标资源，避免了资源重复、浪费，以及资源不好管理混乱现象，保证了图标的有效管理。

本实施例中先从预设服务器中与预设图标库连接的预设数据库拉取图标资源，并利用预设构建工具对所述图标资源进行构建，以生成构建后资源；基于是否接收到用于对所述构建后资源进行静态化处理的目标指令确定相应的目标应用策略，并利用所述目标应用策略将所述构建后资源应用至预设客户端；当预设图标上传入口接收到用于对所述预设图标库中的图标资源进行更新的更新资源，则利用预设记录方式将所述更新资源记录至所述预设数据库中，然后通过预设远程连接方式将所述更新资源应用至预设客户端。这样一来，通过对图标资源的自动拉取与自动构建过程便可完成资源的自动化构建，并根据具体业务场景对资源进行应用。并且在后续的图标库应用过程中，当接收到图标更新资源时，可以直接利用远程连接方式将更新资源应用至客户端。本实施例的方法缩短了工程工期，减少了整个流程的环节，在具体业务执行过程中可实现图标更新的便捷性，且实现图标资源的易管理性。

图2为本申请实施例提供的一种具体的图标库应用方法流程图。参见图2所示，该方法包括：

步骤S21：利用jenkens从预设服务器中与预设图标库连接的预设MongoDB中拉取图标资源，并利用webpack对所述图标资源进行构建，以生成构建后资源。

也即，本实施例中所述预设集成工具优选为jenkens，所述预设数据库优选为MogoDB，所述预设构建工具优选为webpack。

步骤S22：判断是否接收到用于对所述构建后资源进行静态化处理的目标指令，若未接收到用于对所述构建后资源进行静态化处理的目标指令，则利用预设远程连接方式将所述构建后资源应用至预设客户端；若接收到用于对所述构建后资源进行静态化处理的目标指令，则将所述构建后资源与历史保存的上一构建后资源进行比对。

本实施例中，若未接收到用于对所述构建后资源进行静态化处理的目标指令，则利用预设远程连接方式将所述构建后资源应用至预设客户端；若接收到用于对所述构建后资源进行静态化处理的目标指令，则将所述构建后资源与历史保存的上一构建后资源进行比对，目的是判断构建后资源是否有更改。

步骤S23：若所述构建后资源与历史保存的上一构建后资源不一致，则利用预设远程连接方式将所述构建后资源应用至预设客户端；若所述构建后资源与历史保存的上一构建后资源一致，则将对所述构建后资源进行静态化处理后的处理后静态资源应用至预设客户端。

本实施例中，若所述构建后资源与历史保存的上一构建后资源不一致，则表明构建后资源有更改，则利用远程连接预设远程连接方式将所述构建后资源应用至预设客户端；若所述构建后资源与历史保存的上一构建后资源一致，则表明构建后资源无更改，则将对所述构建后资源进行静态化处理后的处理后静态资源应用至预设客户端。

步骤S24：当预设图标上传入口接收到用于对所述预设图标库中的图标资源进行更新的更新资源，则利用Nodejs将所述更新资源记录至所述预设数据库中，然后通过预设远程连接方式将所述更新资源应用至预设客户端。

也即，本实施例中可以通过Nodejs将所述更新资源记录至所述预设数据库中，在其他的实施方式中，也可以通过java，php(即Personal Home Page)等任意后端语言将所述更新资源记录至所述预设数据库中。

如图3所示为本发明提出的一种整体过程示意图，图中下方利用jenkens点击构建从预设服务器中与预设图标库连接的预设MongoDB中拉取图标资源，并利用webpack对所述图标资源进行构建，然后判断是否进行图标静态化处理，若不需要进行图标静态化处理，则直接使用远程连接的方式进行资源应用；若需要进行图标静态化处理，则判断构建后的图标是否有修改，若有修改，则使用远程连接的方式进行资源应用，若无修改，则使用静态化处理后的图标进行资源应用。图中左侧设计师可以对图标库中的图标进行新增或修改，在上传图标时，可以通过Nodejs完成代码处理，以进行数据库的记录，记录后便完成了图标的修改，后续便可利用远程连接的方式进行资源应用，除此之外，在完成了图标的修改后，还可以通过生成预览链接的方式实现图标的实时呈现，方便了设计师的后续工作流程。图中进行资源应用时，可以通过开发人员在业务开发时预先定义的用于进行资源应用的代码完成，所述资源应用代码可以为:。最终在客户端便可进行图标库资源的使用。

本实施例中利用jenkens从预设服务器中与预设图标库连接的预设MongoDB中拉取图标资源，并利用webpack对所述图标资源进行构建，以生成构建后资源。判断是否接收到用于对所述构建后资源进行静态化处理的目标指令，若未接收到用于对所述构建后资源进行静态化处理的目标指令，则利用预设远程连接方式将所述构建后资源应用至预设客户端；若接收到用于对所述构建后资源进行静态化处理的目标指令，则将所述构建后资源与历史保存的上一构建后资源进行比对。若所述构建后资源与历史保存的上一构建后资源不一致，则利用预设远程连接方式将所述构建后资源应用至预设客户端；若所述构建后资源与历史保存的上一构建后资源一致，则将对所述构建后资源进行静态化处理后的处理后静态资源应用至预设客户端。当预设图标上传入口接收到用于对所述预设图标库中的图标资源进行更新的更新资源，则利用Nodejs将所述更新资源记录至所述预设数据库中，然后通过预设远程连接方式将所述更新资源应用至预设客户端。本实施例中缩短了工程工期，减少了整个流程的环节，在具体业务执行过程中可实现图标更新的便捷性，且实现图标资源的易管理性。

参见图4所示，本申请实施例公开了一种图标库应用装置，具体可以包括：

资源构建模块11，用于从预设服务器中与预设图标库连接的预设数据库拉取图标资源，并利用预设构建工具对所述图标资源进行构建，以生成构建后资源；

资源应用模块12，用于基于是否接收到用于对所述构建后资源进行静态化处理的目标指令确定相应的目标应用策略，并利用所述目标应用策略将所述构建后资源应用至预设客户端；

资源更新模块13，用于当预设图标上传入口接收到用于对所述预设图标库中的图标资源进行更新的更新资源，则利用预设记录方式将所述更新资源记录至所述预设数据库中，然后通过预设远程连接方式将所述更新资源应用至预设客户端。

本实施例中先从预设服务器中与预设图标库连接的预设数据库拉取图标资源，并利用预设构建工具对所述图标资源进行构建，以生成构建后资源；基于是否接收到用于对所述构建后资源进行静态化处理的目标指令确定相应的目标应用策略，并利用所述目标应用策略将所述构建后资源应用至预设客户端；当预设图标上传入口接收到用于对所述预设图标库中的图标资源进行更新的更新资源，则利用预设记录方式将所述更新资源记录至所述预设数据库中，然后通过预设远程连接方式将所述更新资源应用至预设客户端。这样一来，通过对图标资源的自动拉取与自动构建过程便可完成资源的自动化构建，并根据具体业务场景对资源进行应用。并且在后续的图标库应用过程中，当接收到图标更新资源时，可以直接利用远程连接方式将更新资源应用至客户端。本实施例的方法缩短了工程工期，减少了整个流程的环节，在具体业务执行过程中可实现图标更新的便捷性，且实现图标资源的易管理性。

在一些具体实施例中，所述资源构建模块11，包括：

资源构建单元，用于利用预设持续集成工具从预设服务器中与预设图标库连接的预设数据库中拉取图标资源，并利用预设构建工具对所述图标资源进行构建，以生成构建后资源。

在一些具体实施例中，所述资源构建单元，具体包括：

资源构建子单元，用于利用jenkens从预设服务器中与预设图标库连接的预设MongoDB中拉取图标资源，并利用webpack对所述图标资源进行构建，以生成构建后资源。

在一些具体实施例中，所述资源应用模块12，包括：

判断单元，用于判断是否接收到用于对所述构建后资源进行静态化处理的目标指令；

第一执行子单元，用于若未接收到用于对所述构建后资源进行静态化处理的目标指令，则利用预设远程连接方式将所述构建后资源应用至预设客户端；

第二执行子单元，用于若接收到用于对所述构建后资源进行静态化处理的目标指令，则将所述构建后资源与历史保存的上一构建后资源进行比对；若所述构建后资源与历史保存的上一构建后资源不一致，则利用预设远程连接方式将所述构建后资源应用至预设客户端；若所述构建后资源与历史保存的上一构建后资源一致，则将对所述构建后资源进行静态化处理后的处理后静态资源应用至预设客户端。

在一些具体实施例中，所述资源更新模块13，具体包括：

资源记录单元，用于利用Nodejs将所述更新资源记录至所述预设数据库中。

在一些具体实施例中，所述图标库应用装置，还包括：

方法配置单元，用于将所述预设远程连接方式配置为基于http方式调用接口服务的方法。

在一些具体实施例中，所述图标库应用装置，还包括：

代码接收单元，用于接收用于将资源应用至预设客户端的资源应用代码；

代码执行单元，用于执行所述资源应用代码，以将资源应用至预设客户端。

进一步的，本申请实施例还公开了一种电子设备，图5是根据示例性实施例示出的电子设备20结构图，图中的内容不能认为是对本申请的使用范围的任何限制。

图5为本申请实施例提供的一种电子设备20的结构示意图。该电子设备20，具体可以包括：至少一个处理器21、至少一个存储器22、电源23、显示屏24、输入输出接口25、通信接口26和通信总线27。其中，所述存储器22用于存储计算机程序，所述计算机程序由所述处理器21加载并执行，以实现前述任一实施例公开的图标库应用方法中的相关步骤。另外，本实施例中的电子设备20具体可以为电子计算机。

本实施例中，电源23用于为电子设备20上的各硬件设备提供工作电压；通信接口26能够为电子设备20创建与外界设备之间的数据传输通道，其所遵循的通信协议是能够适用于本申请技术方案的任意通信协议，在此不对其进行具体限定；输入输出接口25，用于获取外界输入数据或向外界输出数据，其具体的接口类型可以根据具体应用需要进行选取，在此不进行具体限定。

另外，存储器22作为资源存储的载体，可以是只读存储器、随机存储器、磁盘或者光盘等，其上所存储的资源可以包括操作系统221、计算机程序222等，存储方式可以是短暂存储或者永久存储。

其中，操作系统221用于管理与控制电子设备20上的各硬件设备以及计算机程序222，其可以是Windows Server、Netware、Unix、Linux等。计算机程序222除了包括能够用于完成前述任一实施例公开的由电子设备20执行的图标库应用方法的计算机程序之外，还可以进一步包括能够用于完成其他特定工作的计算机程序。

进一步的，本申请还公开了一种计算机可读存储介质，这里所说的计算机可读存储介质包括随机存取存储器(Random Access Memory，RAM)、内存、只读存储器(Read-OnlyMemory，ROM)、电可编程ROM、电可擦除可编程ROM、寄存器、硬盘、磁碟或者光盘或技术领域内所公知的任意其他形式的存储介质。其中，所述计算机程序被处理器执行时实现前述公开的图标库应用方法。关于该方法的具体步骤可以参考前述实施例中公开的相应内容，在此不再进行赘述。

本说明书中各个实施例采用递进的方式描述，每个实施例重点说明的都是与其它实施例的不同之处，各个实施例之间相同或相似部分互相参见即可。对于实施例公开的装置而言，由于其与实施例公开的方法相对应，所以描述的比较简单，相关之处参见方法部分说明即可。专业人员还可以进一步意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、计算机软件或者二者的结合来实现，为了清楚地说明硬件和软件的可互换性，在上述说明中已经按照功能一般性地描述了各示例的组成及步骤。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本申请的范围。

结合本文中所公开的实施例描述的方法或算法的步骤可以直接用硬件、处理器执行的软件模块，或者二者的结合来实施。软件模块可以置于随机存储器(RAM)、内存、只读存储器(ROM)、电可编程ROM、电可擦除可编程ROM、寄存器、硬盘、可移动磁盘、CD-ROM、或技术领域内所公知的任意其它形式的存储介质中。

最后，还需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

以上对本发明所提供的图标库应用方法、装置、设备、存储介质进行了详细介绍，本文中应用了具体个例对本发明的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本发明的方法及其核心思想；同时，对于本领域的一般技术人员，依据本发明的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本发明的限制。