CN108845857A - 一种基于云平台的图标管理方法和装置 - Google Patents

Abstract

本发明实施例公开了一种基于云平台的图标管理方法和装置，所述方法包括：将图标上传到图标存储库；定义图标索引，记录图标的基本信息；在图标管理界面通过所述图标索引对图标进行引用。本发明实施例实现了图标的管理功能，能够将复杂的图标进行统一的配置和使用，简化了图标的生命周期过程，使得图标的使用变得简单，并且节省了大量的编码时间。

Description

一种基于云平台的图标管理方法和装置

技术领域

本发明涉及云计算技术，尤指一种基于云平台的图标管理方法和装置。

背景技术

图标是每个系统中必不可少的功能。任何界面，都需要各种各样的图标，图标可以简单明了的表达各种概念，如按钮的图标，标签页的图标等。通常，可以用图标代替文字说明。而且在多语言环境中，图标有着更重要的作用，因为语言是不通的，但图标的含义基本都一样。如用一个加号表示增加，这个图标在众多网页中概念基本一致，包括很多其他语言的网站，也都是用加号图标表示增加。

在小型的、简单的网站页面，图标个数少，通常直接把图标嵌入到页面中，或者静态写死。但在一个大型的系统中，用到的图标可能成百上千个，需要加图标的地方也是非常之多，如果每个地方都写一遍图标的话，工作量将非常之巨大，而且修改极其麻烦，若一个图标发生了修改，可能要去系统中挨个查找修改，会导致繁重的工作量，而且往往会有遗漏。

因此，现有技术在大型的平台开发中，组织和使用图标工作量大，图标的利用率低。

发明内容

为了解决上述技术问题，本发明实施例提供了一种基于云平台的图标管理方法和装置，实现了图标的管理功能，能够将复杂的图标进行统一的配置和使用，简化了图标的生命周期过程，使得图标的使用变得简单，并且节省了大量的编码时间。

为了达到本发明目的，一方面，本发明实施例提供了一种基于云平台的图标管理方法，包括：

将图标上传到图标存储库；

定义图标索引，记录图标的基本信息；

在图标管理界面通过所述图标索引对图标进行引用。

进一步地，所述方法还包括：

通过图标注册对新的图标进行注册，上传到所述图标存储库，并将所述图标基本信息写入所述图标索引。

进一步地，所述方法还包括：

通过所述图标管理界面查看图标、生成图标引用、修改图标、删除图标；其中，所述生成图标引用包括：

在所述图标管理界面生成图标的引用代码，以通过所述引用代码对图标进行使用。

进一步地，所述方法还包括：

图标在使用时，根据检索到的所述图标管理界面自动生成的图标引用代码，直接复制到需要使用所述图标的地方。

进一步地，所述方法还包括：

图标在使用时，根据检索到的图标的编码，在页面中直接引用所述编码嵌入图标。

进一步地，所述图标的基本信息包括：

图标的位置、名称、样式、名称、类别、时间基本属性。

进一步地，所述图标存储库中包括多个子空间，所述子空间根据图标的类型或者自定义的类型划分；一个子空间存放不超过20个图标。

另一方面，本发明实施例还提供了一种基于云平台的图标管理装置，包括：

上传模块，用于将图标上传到图标存储库；

定义模块，用于定义图标索引，记录图标的基本信息；

引用模块，用于在图标管理界面通过所述图标索引对图标进行引用。

进一步地，所述装置还包括：

注册模块，用于通过图标注册对新的图标进行注册，上传到所述图标存储库，并将所述图标基本信息写入所述图标索引。

进一步地，所述引用模块还用于：

通过所述图标管理界面查看图标、生成图标引用、修改图标、删除图标；其中，所述生成图标引用包括：

在所述图标管理界面生成图标的引用代码，以通过所述引用代码对图标进行使用。

还包括：图标在使用时，根据检索到的所述图标管理界面自动生成的图标引用代码，直接复制到需要使用所述图标的地方。

进一步地，所述引用模块还用于：图标在使用时，根据检索到的图标的编码，在页面中直接引用所述编码嵌入图标。

进一步地，所述图标的基本信息包括：

图标的位置、名称、样式、名称、类别、时间基本属性。

进一步地，所述图标存储库中包括多个子空间，所述子空间根据图标的类型或者自定义的类型划分；一个子空间存放不超过20个图标。

本发明实施例通过将图标上传到图标存储库；定义图标索引，记录图标的基本信息；在图标管理界面通过所述图标索引对图标进行引用。本发明实施例实现了图标的管理功能，能够将复杂的图标进行统一的配置和使用，简化了图标的生命周期过程，使得图标的使用变得简单，并且节省了大量的编码时间。

本发明的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明而了解。本发明的目的和其他优点可通过在说明书、权利要求书以及附图中所特别指出的结构来实现和获得。

附图说明

附图用来提供对本发明技术方案的进一步理解，并且构成说明书的一部分，与本申请的实施例一起用于解释本发明的技术方案，并不构成对本发明技术方案的限制。

图1为本发明实施例基于云平台的图标管理方法的流程图；

图2为本发明实施例基于云平台的图标管理方法中图标库生成过程示意图；

图3为本发明实施例基于云平台的图标管理方法中图标使用示意图；

图4为本发明实施例基于云平台的图标管理装置的结构图。

具体实施方式

为使本发明的目的、技术方案和优点更加清楚明白，下文中将结合附图对本发明的实施例进行详细说明。需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互任意组合。

在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行。并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。

图1为本发明实施例基于云平台的图标管理方法的流程图，如图1所示，本发明实施例的方法包括以下步骤：

步骤100：将图标上传到图标存储库；

步骤101：定义图标索引，记录图标的基本信息；

步骤102：在图标管理界面通过所述图标索引对图标进行引用。

具体地，本发明实施例提出了基于云平台图标管理方法。所述方法包括：图标存储库，即图标在工程中存放的位置，一般是固定的；图标索引数据库：在数据库中存放的，图标的基本信息，包括位置；图标注册：界面提供的上传图标功能；图标管理界面：可以查看图标内容的界面；图标使用：工程中使用图标的方法。

进一步地，所述方法还包括：

通过图标注册对新的图标进行注册，上传到所述图标存储库，并将所述图标基本信息写入所述图标索引。

进一步地，所述方法还包括：

通过所述图标管理界面查看图标、生成图标引用、修改图标、删除图标；其中，所述生成图标引用包括：

在所述图标管理界面生成图标的引用代码，以通过所述引用代码对图标进行使用。

进一步地，所述方法还包括：

图标在使用时，根据检索到的所述图标管理界面自动生成的图标引用代码，直接复制到需要使用所述图标的地方。

进一步地，所述方法还包括：

图标在使用时，根据检索到的图标的编码，在页面中直接引用所述编码嵌入图标。

其中，所述图标的编码可以为预先定义的图标代码。

进一步地，所述图标的基本信息包括：

图标的位置、名称、样式、名称、类别、时间基本属性。

进一步地，所述图标存储库中包括多个子空间，所述子空间根据图标的类型或者自定义的类型划分；一个子空间存放不超过20个图标。

本发明实施例技术方案详细阐述如下：

本发明实施例采用多种技术实现，涉及由前端到后台，包括数据库设计等。

本发明实施例实现了图标的主动管理功能。首先，本发明实施例在功能中定义一块区域，用于存放图标，这块区域在一个统一的目录下，这个目录下只存储图标。本发明实施例通过界面上传的图标，都放在这个目录下。其次，定义图标索引，数据库中建几个表，表可以是一个，也可以是多个，主要记录图标的路径、类别、名称、样式名称等，在后台提供图标的检索功能，这些功能提供给界面使用。再次，提供图标注册功能。因为图标来自很多方面，有自己制作的，也有通过别的组件加载的。例如来自Twitter公司的一个用于前端开发的开源工具包BootSrap的图标，本发明实施例只需要将其样式(class)注册到系统中即可显示和使用，用到多少就注册多少，自己制作的图标，通过上传功能传输到图标存储库中，并在图标索引中进行记录。通过图标管理界面查看系统中已有的图标。在使用时，目前有两种引用方法，一种是从视图复制方式：图标管理界面提供自动生成的图标引用方法，直接复制到需要使用图标的地方即可，另一种是直接引用代码方式：是记住图标的编码，在页面中直接引用该编码即可嵌入图标。

图标管理方法可以只在大型系统中使用，或者在专门的图标管理中。所述方法使得图标的管理变得简单，当需要修改图标时，只需要将新的图标替换掉旧的图标，就可以在整个系统中都改变。

图2为本发明实施例基于云平台的图标管理方法中图标库生成过程示意图；图3为本发明实施例基于云平台的图标管理方法中图标使用示意图；如图2和图3所示，本发明实施例的基于云平台图标管理方法，具体实施过程如下：

首先，本发明实施例基于云平台进行，主要包括：图标存储库、图标索引、图标注册、图标管理界面、图标使用。

实现该方法主要包括以下几个步骤：

图标存储库：图标存储的地方，定义在功能的根目录下，名称为icon，可以使用其他的名字，一旦定义了，工程所有的地方都要使用这个名字。其下可再划分空间，可根据图标的类型或者自定义的类型划分，也可以由界面中进行空间划分。这里最好划分的详细些，当图标较多时，若都挤在一个空间中，会不方便查找。一个子空间中最好不超过20个图标。另外，当同一空间中上传了同名图标时，采用图标覆盖的方法，新的图标会覆盖旧的图标；图标存储库可以作为本地图标库使用。

图标索引：用于记录图标注册后图标的位置、名称、样式、名称、类别、时间等基本属性，后台提供图标查询的接口，界面可以根据图标索引从庞大的图标库中找到对应的图标；

图标注册：提供图标的注册功能。注册包括上传、写入索引、校验等功能。若是引用插件的图标，因插件已在工程中，所以只注册其样式及名称即可，若是制作的图标，需要上传到工程的图标存储库中，并注册索引；

图标管理界面：如需要，可以设计一个图标管理界面，如图标视图，可以用来查看图标，生成图标引用，修改图标，删除图标等功能。界面并不是必须的，但若制作一个界面，可提高图标管理的效率。

图标使用：图标如何在工程中使用。若提供了界面，界面中有图标的生成方法，选择好图标后，然后选择使用场景，如在按钮中嵌入，会自动生成一段代码，直接拷贝此代码到工程中，图标嵌入了。也可以手写class，引入图标。

具体地，本发明实施例的基于云平台的图标管理方法包括：图标存储库、图标索引、图标注册、图标管理界面、图标使用。

进一步地，所描述的图标存储库，用于存储工程中不同类别，不同样式的图标。

进一步地，所述的图标索引，用于提供图标的查询功能，记录图标的更多属性特征。

进一步地，所述的图标注册，用于对新的图标进行注册，上传并保存其基本信息。

进一步地，所述的图标管理界面，用于提供了图标的查看和管理界面，并能生成图标的引用代码。

进一步地，所述的图标使用，用于提供多种图标在工程中的使用方法。

本发明实施例在云平台上实现了图标的管理功能。对于大型的工程，引入的图标数量众多，文件庞大，图标管理提供了一整套的流程来对图标的生命周期流程进行控制，极大的方便了开发者在开发中对图标的使用，节省了大量的时间，提高了编码效率。与一般开发的工程相比，可以更快的定位到需要的图标，并将图标应用到工程中，因图标都是通过编码引用的，节省了大量的代码，减少了很多不必要的工作，并且方便修改，若改图标，只需替换一次，便可将整个工程的图标都替换掉。

本发明实施例实现了图标的管理功能，能够将复杂的图标进行统一的配置和使用，简化了图标的生命周期过程，使得图标的使用变得简单，并且节省了大量的编码时间。

图4为本发明实施例基于云平台的图标管理装置的结构图，如图4所示，本发明实施例另一方面提供的一种基于云平台的图标管理装置，包括：

上传模块401，用于将图标上传到图标存储库；

定义模块402，用于定义图标索引，记录图标的基本信息；

引用模块403，用于在图标管理界面通过所述图标索引对图标进行引用。

进一步地，所述装置还包括：

注册模块，用于通过图标注册对新的图标进行注册，上传到所述图标存储库，并将所述图标基本信息写入所述图标索引。

进一步地，所述引用模块403还用于：

通过所述图标管理界面查看图标、生成图标引用、修改图标、删除图标；其中，所述生成图标引用包括：

在所述图标管理界面生成图标的引用代码，以通过所述引用代码对图标进行使用。

还包括：图标在使用时，根据检索到的所述图标管理界面自动生成的图标引用代码，直接复制到需要使用所述图标的地方。

进一步地，所述引用模块403还用于：图标在使用时，根据检索到的图标的编码，在页面中直接引用所述编码嵌入图标。

进一步地，所述图标的基本信息包括：

图标的位置、名称、样式、名称、类别、时间基本属性。

进一步地，所述图标存储库中包括多个子空间，所述子空间根据图标的类型或者自定义的类型划分；一个子空间存放不超过20个图标。

本发明实施例通过将图标上传到图标存储库；定义图标索引，记录图标的基本信息；在图标管理界面通过所述图标索引对图标进行引用。本发明实施例实现了图标的管理功能，能够将复杂的图标进行统一的配置和使用，简化了图标的生命周期过程，使得图标的使用变得简单，并且节省了大量的编码时间。

综上所述，本发明实施例基于云平台的图标管理方法和装置，提供了一种图标的生命流程管理，能够在开发过程中自由的添加和修改图标，并且能快速的定位和使用图标。提高了图标的利用率，方便了图标管理，节省大量编码时间，提高了代码效率。

本发明实施例适用于云管理平台，或者大型开发功能，能够提高代码开发效率。

虽然本发明所揭露的实施方式如上，但所述的内容仅为便于理解本发明而采用的实施方式，并非用以限定本发明。任何本发明所属领域内的技术人员，在不脱离本发明所揭露的精神和范围的前提下，可以在实施的形式及细节上进行任何的修改与变化，但本发明的专利保护范围，仍须以所附的权利要求书所界定的范围为准。

Claims (10)

1.一种基于云平台的图标管理方法，其特征在于，包括：

将图标上传到图标存储库；

定义图标索引，记录图标的基本信息；

在图标管理界面通过所述图标索引对图标进行引用。

2.根据权利要求1所述的基于云平台的图标管理方法，其特征在于，还包括：

通过图标注册对新的图标进行注册，上传到所述图标存储库，并将所述图标基本信息写入所述图标索引。

3.根据权利要求1所述的基于云平台的图标管理方法，其特征在于，还包括：

通过所述图标管理界面查看图标、生成图标引用、修改图标、删除图标；其中，所述生成图标引用包括：

在所述图标管理界面生成图标的引用代码，以通过所述引用代码对图标进行使用。

4.根据权利要求3所述的基于云平台的图标管理方法，其特征在于，还包括：

图标在使用时，根据检索到的所述图标管理界面自动生成的图标引用代码，直接复制到需要使用所述图标的地方。

5.根据权利要求1所述的基于云平台的图标管理方法，其特征在于，还包括：

图标在使用时，根据检索到的图标的编码，在页面中直接引用所述编码嵌入图标。

6.根据权利要求1-5任一项所述的基于云平台的图标管理方法，其特征在于，所述图标的基本信息包括：

图标的位置、名称、样式、名称、类别、时间基本属性。

7.根据权利要求1-5任一项所述的基于云平台的图标管理方法，其特征在于，所述图标存储库中包括多个子空间，所述子空间根据图标的类型或者自定义的类型划分；一个子空间存放不超过20个图标。

8.一种基于云平台的图标管理装置，其特征在于，包括：

上传模块，用于将图标上传到图标存储库；

定义模块，用于定义图标索引，记录图标的基本信息；

引用模块，用于在图标管理界面通过所述图标索引对图标进行引用。

9.根据权利要求8所述的基于云平台的图标管理装置，其特征在于，还包括：

注册模块，用于通过图标注册对新的图标进行注册，上传到所述图标存储库，并将所述图标基本信息写入所述图标索引。

10.根据权利要求8所述的基于云平台的图标管理装置，其特征在于，所述引用模块还用于：

通过所述图标管理界面查看图标、生成图标引用、修改图标、删除图标；其中，所述生成图标引用包括：

在所述图标管理界面生成图标的引用代码，以通过所述引用代码对图标进行使用。