CN116679852B - 一种项目图标的引用方法、装置、电子设备及介质 - Google Patents
一种项目图标的引用方法、装置、电子设备及介质 Download PDFInfo
- Publication number
- CN116679852B CN116679852B CN202310968549.9A CN202310968549A CN116679852B CN 116679852 B CN116679852 B CN 116679852B CN 202310968549 A CN202310968549 A CN 202310968549A CN 116679852 B CN116679852 B CN 116679852B
- Authority
- CN
- China
- Prior art keywords
- icon
- type
- attribute
- referenced
- expanded
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 61
- 238000004590 computer program Methods 0.000 claims description 6
- 230000015654 memory Effects 0.000 description 6
- 238000010586 diagram Methods 0.000 description 5
- 238000004891 communication Methods 0.000 description 4
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 2
- 230000006870 function Effects 0.000 description 2
- 230000010365 information processing Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000003672 processing method Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明涉及互联网技术领域,尤其涉及一种项目图标的引用方法、装置、电子设备及介质,该方法包括:在互联网项目开发过程中,实时获取扩展用户发送的待扩展项目图标的图标类型,与待扩展项目图标的图标类型对应的图标属性信息;从图标属性信息中确定待扩展项目图标的标识属性以及引用属性;将待扩展项目图标的图标类型、标识属性以及引用属性对应存储到图标库中;获取引用图标用户发送的引用图标请求;引用图标请求中包含待引用图标的标识属性;根据图标库中与标识属性对应的图标类型、引用属性,对待引用图标进行引用。本申请能够对图标库进行扩展并进行引用,降低了开发人员引用图标的复杂度,提高了互联网项目的开发效率。
Description
技术领域
本发明涉及互联网技术领域,具体而言,涉及一种项目图标的引用方法、装置、电子设备及介质。
背景技术
在开发互联网项目时,需要提前将互联网项目需要的图标库下载到互联网项目内,以便于开发人员在开发互联网项目过程中只需通过图标名称引用图标库中的图标。但是,互联网项目开发过程中,开发人员是无法扩展图标库中的图标的,若需要引用图标库中的图标以外的图标,开发人员还需要额外写出图标的样式代码或图片标签代码才可以对图标进行引用。
因此,在引用图标库中的图标以外的图标时,开发人员引用图标的复杂度较高,互联网项目的开发效率较低。
发明内容
有鉴于此,本申请的目的在于提供一种项目图标的引用方法、装置、电子设备及介质,能够对图标库进行扩展并进行引用,降低了开发人员引用图标的复杂度,提高了互联网项目的开发效率。
第一方面,本申请实施例提供了一种项目图标的引用方法,所述项目图标的引用方法包括:
在互联网项目开发过程中,实时获取扩展用户发送的待扩展项目图标的图标类型,与待扩展项目图标的图标类型对应的图标属性信息;
从图标属性信息中确定待扩展项目图标的标识属性以及引用属性;
将待扩展项目图标的图标类型、标识属性以及引用属性对应存储到图标库中;
获取引用图标用户发送的引用图标请求;引用图标请求中包含待引用图标的标识属性;
根据图标库中与标识属性对应的图标类型、引用属性,对待引用图标进行引用。
在一种可能的实施方式中,根据图标库中与标识属性对应的图标类型、引用属性,对待引用图标进行引用,包括:
将标识属性、图标类型以及引用属性,输入到与图标类型对应的引用组件中,以使引用组件对待引用图标进行引用。
在一种可能的实施方式中,若待引用图标的图标类型为可缩放矢量图形svg图标类型,则将标识属性、图标类型以及引用属性,输入到与图标类型对应的引用组件中,以使引用组件对待引用图标进行引用,包括:
将标识属性、图标类型以及引用属性输入到与可缩放矢量图形svg图标类型对应的引用组件中,以使引用组件对待引用图标进行引用。
在一种可能的实施方式中,从图标属性信息中确定待扩展项目图标的标识属性以及引用属性,包括:
将图标属性信息中的图标名称确定为待扩展项目图标的标识属性;
将图标属性信息中除图标名称以外的图标属性信息确定为待扩展项目图标的引用属性。
在一种可能的实施方式中,将待扩展项目图标的图标类型、标识属性以及引用属性对应存储到图标库中,包括:
将标识属性确定为键值对中的键key,图标类型以及引用属性确定为键值对中的值value,得到键值对;
将键值对存储到图标库的缓存变量中。
在一种可能的实施方式中,在将键值对存储到图标库的缓存变量中之前,该方法还包括:
判断图标库的缓存变量中是否存在键key与待扩展项目图标的标识属性相同的键值对;
若不存在,则将键值对存储到图标库的缓存变量中。
第二方面,本申请实施例还提供了一种项目图标的引用装置,该项目图标的引用装置包括:
获取模块,用于在互联网项目开发过程中,实时获取扩展用户发送的待扩展项目图标的图标类型,与待扩展项目图标的图标类型对应的图标属性信息;
确定模块,用于从图标属性信息中确定待扩展项目图标的标识属性以及引用属性;
存储模块,用于将待扩展项目图标的图标类型、标识属性以及引用属性对应存储到图标库中;
获取模块,还用于获取引用图标用户发送的引用图标请求;引用图标请求中包含待引用图标的标识属性;
引用模块,用于根据图标库中与标识属性对应的图标类型、引用属性,对待引用图标进行引用。
在一种可能的实施方式中,引用模块,具体用于将标识属性、图标类型以及引用属性,输入到与图标类型对应的引用组件中,以使引用组件对待引用图标进行引用。
在一种可能的实施方式中,若待引用图标的图标类型为可缩放矢量图形svg图标类型,则引用模块,具体用于将标识属性、图标类型以及引用属性输入到与可缩放矢量图形svg图标类型对应的引用组件中,以使引用组件对待引用图标进行引用。
在一种可能的实施方式中,确定模块,具体用于将图标属性信息中的图标名称确定为待扩展项目图标的标识属性;将图标属性信息中除图标名称以外的图标属性信息确定为待扩展项目图标的引用属性。
在一种可能的实施方式中,存储模块,具体用于将标识属性确定为键值对中的键key,图标类型以及引用属性确定为键值对中的值value,得到键值对;将键值对存储到图标库的缓存变量中。
在一种可能的实施方式中,该装置还包括:判断模块;
判断模块,用于判断图标库的缓存变量中是否存在键key与待扩展项目图标的标识属性相同的键值对;
存储模块,还用于若不存在,则将键值对存储到图标库的缓存变量中。
第三方面,本申请实施例还提供了一种电子设备,包括:处理器、存储介质和总线,存储介质存储有处理器可执行的机器可读指令,当电子设备运行时,处理器与存储介质之间通过总线通信,处理器执行机器可读指令,以执行如第一方面任一项项目图标的引用方法的步骤。
第四方面,本申请实施例还提供了一种计算机可读存储介质,计算机可读存储介质上存储有计算机程序,计算机程序被处理器运行时执行如第一方面任一项项目图标的引用方法的步骤。
本申请的有益效果为本申请实施例提供了一种项目图标的引用方法、装置、电子设备及介质,该方法包括:在互联网项目开发过程中,实时获取扩展用户发送的待扩展项目图标的图标类型,与待扩展项目图标的图标类型对应的图标属性信息;从图标属性信息中确定待扩展项目图标的标识属性以及引用属性;将待扩展项目图标的图标类型、标识属性以及引用属性对应存储到图标库中;获取引用图标用户发送的引用图标请求;引用图标请求中包含待引用图标的标识属性;根据图标库中与标识属性对应的图标类型、引用属性,对待引用图标进行引用。本申请通过从待扩展项目图标的图标类型对应的图标属性信息中确定待扩展项目图标的标识属性以及引用属性,并对应存储到图标库中;然后根据图标库中与待引用图标的标识属性对应的图标类型、引用属性,对待引用图标进行引用,降低了开发人员引用图标的复杂度,提高了互联网项目的开发效率。
附图说明
为了更清楚地说明本申请实施例的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,应当理解,以下附图仅示出了本申请的某些实施例,因此不应被看作是对范围的限定,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他相关的附图。
图1示出了本申请实施例提供的一种项目图标的引用方法的流程图;
图2示出了本申请实施例提供的另一种项目图标的引用方法的流程图;
图3示出了本申请实施例提供的一种项目图标的引用装置的结构示意图;
图4示出了本申请实施例提供的一种电子设备的结构示意图。
具体实施方式
为使本申请实施例的目的、技术方案和优点更加清楚,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,应当理解,本申请中附图仅起到说明和描述的目的,并不用于限定本申请的保护范围。另外,应当理解,示意性的附图并未按实物比例绘制。本申请中使用的流程图示出了根据本申请的一些实施例实现的操作。 应该理解,流程图的操作可以不按顺序实现,没有逻辑的上下文关系的步骤可以反转顺序或者同时实施。 此外,本领域技术人员在本申请内容的指引下,可以向流程图添加一个或多个其他操作,也可以从流程图中移除一个或多个操作。
另外,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。通常在此处附图中描述和示出的本申请实施例的组件可以以各种不同的配置来布置和设计。因此,以下对在附图中提供的本申请的实施例的详细描述并非旨在限制要求保护的本申请的范围,而是仅仅表示本申请的选定实施例。基于本申请的实施例,本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例,都属于本申请保护的范围。
为了使得本领域技术人员能够使用本申请内容,结合特定应用场景“互联网技术领域”,给出以下实施方式。对于本领域技术人员来说,在不脱离本申请的精神和范围的情况下,可以将这里定义的一般原理应用于其他实施例和应用场景。虽然本申请主要围绕“互联网技术领域”进行描述,但是应该理解,这仅是一个示例性实施例。
需要说明的是,本申请实施例中将会用到术语“包括”,用于指出其后所声明的特征的存在,但并不排除增加其它的特征。
下面对本申请实施例提供的一种项目图标的引用方法进行详细说明。
参照图1所示,为本申请实施例提供的一种项目图标的引用方法的流程示意图,该项目图标的引用方法的具体执行过程为:
S101、在互联网项目开发过程中,实时获取扩展用户发送的待扩展项目图标的图标类型,与待扩展项目图标的图标类型对应的图标属性信息。
S102、从图标属性信息中确定待扩展项目图标的标识属性以及引用属性。
S103、将待扩展项目图标的图标类型、标识属性以及引用属性对应存储到图标库中。
S104、获取引用图标用户发送的引用图标请求;引用图标请求中包含待引用图标的标识属性。
S105、根据图标库中与标识属性对应的图标类型、引用属性,对待引用图标进行引用。
本申请实施例提供了一种项目图标的引用方法,该方法包括:在互联网项目开发过程中,实时获取扩展用户发送的待扩展项目图标的图标类型,与待扩展项目图标的图标类型对应的图标属性信息;从图标属性信息中确定待扩展项目图标的标识属性以及引用属性;将待扩展项目图标的图标类型、标识属性以及引用属性对应存储到图标库中;获取引用图标用户发送的引用图标请求;引用图标请求中包含待引用图标的标识属性;根据图标库中与标识属性对应的图标类型、引用属性,对待引用图标进行引用。本申请通过从待扩展项目图标的图标类型对应的图标属性信息中确定待扩展项目图标的标识属性以及引用属性,并对应存储到图标库中;然后根据图标库中与待引用图标的标识属性对应的图标类型、引用属性,对待引用图标进行引用,降低了开发人员引用图标的复杂度,提高了互联网项目的开发效率。
下面对本申请实施例示例性的各步骤进行说明:
S101、在互联网项目开发过程中,实时获取扩展用户发送的待扩展项目图标的图标类型,与待扩展项目图标的图标类型对应的图标属性信息。
在本申请实施方式中,开发人员在互联网项目的开发过程中可以在任何时间在互联网项目内的任何位置发送图标库的扩展请求;其中,互联网项目中的图标库内提前存储有互联网项目开发过程中需要的基础图标;图标库的扩展请求中包括待扩展项目图标的图标类型,与待扩展项目图标的图标类型对应的图标属性信息;待扩展项目图标是指需要添加到图标库中的图标,以扩展图标库。
这里,图标类型包括互联网引入图标类型、可缩放矢量图形svg图标类型、图片图标类型、标签图标类型;其中,互联网引入图标类型是指通过互联网引入的图标库中的图标的图标类型;可缩放矢量图形svg图标类型是指图形格式为可缩放矢量图形svg的图标的图标类型;图片图标类型是指图片格式为png、jpeg或jpg的图标的图标类型;标签图标类型是指通过文本进行标记的图标的图标类型。
进一步地,待扩展项目图标的图标类型不同,待扩展项目图标的图标属性信息也不同。互联网引入图标类型对应的图标属性信息包括图标名称和图标标题;可缩放矢量图形svg图标类型对应的图标属性信息包括图标名称、svg文件字符串和图表标题;图片图标类型对应的图标属性信息包括图标名称、图片统一资源定位符url路径和图标标题;标签图标类型对应的图标属性信息包括图标名称、图标标题、图标文本、图标背景颜色、图标字体颜色值、图标边框颜色值和图标是否为圆形标志。
S102、从图标属性信息中确定待扩展项目图标的标识属性以及引用属性。
在本申请实施方式中,标识属性用于标识待扩展项目图标,引用属性用于引用该待扩展项目图标。
具体地,将图标属性信息中的图标名称确定为待扩展项目图标的标识属性。
具体地,将图标属性信息中除图标名称以外的图标属性信息确定为待扩展项目图标的引用属性。
S103、将待扩展项目图标的图标类型、标识属性以及引用属性对应存储到图标库中。
在本申请实施方式中,首先根据待扩展项目图标的图标类型、标识属性以及引用属性,将待扩展项目图标解析为键值对;然后将键值对存储到图标库中;这里,本申请统一通过键值对的形式将待扩展项目图标存储到图标库中。
可选地,根据待扩展项目图标的图标类型、标识属性以及引用属性,将待扩展项目图标解析为键值对,包括:将标识属性确定为键值对中的键key,图标类型以及引用属性确定为键值对中的值value,得到键值对;将键值对存储到图标库中,包括:将键值对存储到图标库的缓存变量中。
在本申请实施方式中,将标识属性确定为键值对中的键key,将图标类型以及引用属性以对象的形式作为键值对中的值value,得到键值对;其中,图标库中携带有每种图标类型的缓存变量;将键值对存储到图标库中与待扩展项目图标的图标类型对应的缓存变量中。
可选地,将标识属性确定为键值对中的键key,图标类型以及引用属性确定为键值对中的值value,得到键值对;判断图标库的缓存变量中是否存在键key与待扩展项目图标的标识属性相同的键值对;若不存在,则将键值对存储到图标库的缓存变量中。
在本申请实施方式中,将标识属性确定为键值对中的键key,将图标类型以及引用属性以对象的形式作为键值对中的值value,得到键值对;然后需要判断图标库中与待扩展项目图标的图标类型对应的缓存变量中,是否存在键key与待扩展项目图标的标识属性相同的键值对;若存在,则说明图标名称重复,扩展用户需要重新输入图标信息;若不存在,则将键值对存储到图标库中与待扩展项目图标的图标类型对应的缓存变量中。
这里,在将键值对存储到图标库的缓存变量中之前,需要判断图标库内与待扩展项目图标的图标类型对应的缓存变量中是否存在键key与待扩展项目图标的标识属性相同的键值对;若存在,则说明图标名称重复,扩展用户需要重新输入图标信息。若图标库内与待扩展项目图标的图标类型对应的缓存变量中,不存在键key与待扩展项目图标的标识属性相同的键值对,说明该图标没有被存储到图标库中,因此将键值对存储到图标库内与待扩展项目图标的图标类型对应的缓存变量中。
S104、获取引用图标用户发送的引用图标请求;引用图标请求中包含待引用图标的标识属性。
S105、根据图标库中与标识属性对应的图标类型、引用属性,对待引用图标进行引用。
具体地,将标识属性、图标类型以及引用属性,输入到与图标类型对应的引用组件中,以使引用组件对待引用图标进行引用。
在本申请实施方式中,每种图标类型对应有各自的引用组件;引用组件包括互联网引入图标类型对应的引用组件、可缩放矢量图形svg图标类型对应的引用组件、图片图标类型对应的引用组件、标签图标类型对应的引用组件。
进一步地,若待引用图标的图标类型为互联网引入图标类型,则将标识属性、图标类型以及引用属性,输入到与图标类型对应的引用组件中,以使引用组件对待引用图标进行引用,包括:将标识属性、图标类型以及引用属性输入到与互联网引入图标类型对应的引用组件中,以使引用组件对待引用图标进行引用。
在本申请实施方式中,互联网引入图标类型对应的引用组件的引用代码如下:
<component
class="ac-icon-default"
:is="value.icon"
title="value.title"/>
其中, icon 为标识属性,default为互联网引入图标类型,value.icon为标识属性对应的键值对中的值value,value.title为键值对的值value中的图标标题对应的值。
进一步地,若待引用图标的图标类型为可缩放矢量图形svg图标类型,则将标识属性、图标类型以及引用属性,输入到与图标类型对应的引用组件中,以使引用组件对待引用图标进行引用,包括:将标识属性、图标类型以及引用属性输入到与可缩放矢量图形svg图标类型对应的引用组件中,以使引用组件对待引用图标进行引用。
在本申请实施方式中,可缩放矢量图形svg图标类型对应的引用组件的引用代码如下:
<div
class="ac-icon-svg"
v-html="value.icon"
:title="value.title">
</div>
其中, icon 为标识属性,svg 为可缩放矢量图形svg图标类型,value.icon为标识属性对应的键值对中的值value,value.title为键值对的值value中的图标标题对应的值。
进一步地,若待引用图标的图标类型为图片图标类型,则将标识属性、图标类型以及引用属性,输入到与图标类型对应的引用组件中,以使引用组件对待引用图标进行引用,包括:将标识属性、图标类型以及引用属性输入到与图片图标类型对应的引用组件中,以使引用组件对待引用图标进行引用。
在本申请实施方式中,图片图标类型对应的引用组件的引用代码为:<img class="ac-icon-img" :src="value.icon" title="value.title"/>。
其中, icon 为标识属性,img为图片图标类型,value.icon为标识属性对应的键值对中的值value,value.title为键值对的值value中的图标标题对应的值。
进一步地,若待引用图标的图标类型为标签图标类型,则将标识属性、图标类型以及引用属性,输入到与图标类型对应的引用组件中,以使引用组件对待引用图标进行引用,包括:将标识属性、图标类型以及引用属性输入到与标签图标类型对应的引用组件中,以使引用组件对待引用图标进行引用。
在本申请实施方式中,标签图标类型对应的引用组件的引用代码如下:
<div
class="ac-icon-tag"
:title="value.title"
:style="style">
{{value.label}}
</div>
其中, icon 为标识属性,tag为标签图标类型,value.title为键值对的值value中的图标标题对应的值,value.label为键值对的值value中的图标文本对应的值。
这里,代码中的style如下:
{borderColor:value.borderColor,backgroudColor:value.bgColor,color:value.textColor,borderRadius:value.round?'99999px':null}
其中,value.borderColor为图标边框颜色值,value.bgColor为图标背景颜色,value.textColor为图标字体颜色值,value.round?'99999px':null为图标是否为圆形标志。
可选地,获取删除用户发送的删除图标请求,删除图标请求中包括待删除图标的标识属性及图标类型;删除图标库内与待删除图标的图标类型对应的缓存变量中,与待删除图标的标识属性对应的键值对。
参照图2所示,为本申请实施例提供的另一种项目图标的引用方法的流程示意图,下面对本申请实施例示例性的各步骤进行说明:
S201、将标识属性确定为键值对中的键key,图标类型以及引用属性确定为键值对中的值value,得到键值对。
在本申请实施方式中,将标识属性确定为键值对中的键key,将图标类型以及引用属性以对象的形式作为键值对中的值value,得到键值对。
S202、判断图标库的缓存变量中是否存在键key与待扩展项目图标的标识属性相同的键值对。
在本申请实施方式中,在将键值对存储到图标库的缓存变量中之前,需要判断图标库内与待扩展项目图标的图标类型对应的缓存变量中是否存在键key与待扩展项目图标的标识属性相同的键值对;若存在,则说明图标名称重复,扩展用户需要重新输入图标信息。
S203、若不存在,则将键值对存储到图标库的缓存变量中。
在本申请实施方式中,若图标库内与待扩展项目图标的图标类型对应的缓存变量中,不存在键key与待扩展项目图标的标识属性相同的键值对,说明该图标没有被存储到图标库中,因此将键值对存储到图标库内与待扩展项目图标的图标类型对应的缓存变量中。
本申请实施例提供了另一种项目图标的引用方法,该方法包括:将标识属性确定为键值对中的键key,图标类型以及引用属性确定为键值对中的值value,得到键值对;判断图标库的缓存变量中是否存在键key与待扩展项目图标的标识属性相同的键值对;若不存在,则将键值对存储到图标库的缓存变量中。通过本申请的方式,能够保证图标库内同一图标类型的图标不会重复存储。
基于同一发明构思,本申请实施例中还提供了与项目图标的引用方法对应的项目图标的引用装置,由于本申请实施例中的装置解决问题的原理与本申请实施例上述项目图标的引用方法相似,因此装置的实施可以参见方法的实施,重复之处不再赘述。
参照图3所示,为本申请实施例提供的一种项目图标的引用装置的示意图,该项目图标的引用装置包括:
获取模块301,用于在互联网项目开发过程中,实时获取扩展用户发送的待扩展项目图标的图标类型,与待扩展项目图标的图标类型对应的图标属性信息;
确定模块302,用于从图标属性信息中确定待扩展项目图标的标识属性以及引用属性;
存储模块303,用于将待扩展项目图标的图标类型、标识属性以及引用属性对应存储到图标库中;
获取模块301,还用于获取引用图标用户发送的引用图标请求;引用图标请求中包含待引用图标的标识属性;
引用模块304,用于根据图标库中与标识属性对应的图标类型、引用属性,对待引用图标进行引用。
在一种可能的实施方式中,引用模块304,具体用于将标识属性、图标类型以及引用属性,输入到与图标类型对应的引用组件中,以使引用组件对待引用图标进行引用。
在一种可能的实施方式中,若待引用图标的图标类型为可缩放矢量图形svg图标类型,则引用模块304,具体用于将标识属性、图标类型以及引用属性输入到与可缩放矢量图形svg图标类型对应的引用组件中,以使引用组件对待引用图标进行引用。
在一种可能的实施方式中,确定模块302,具体用于将图标属性信息中的图标名称确定为待扩展项目图标的标识属性;将图标属性信息中除图标名称以外的图标属性信息确定为待扩展项目图标的引用属性。
在一种可能的实施方式中,存储模块303,具体用于将标识属性确定为键值对中的键key,图标类型以及引用属性确定为键值对中的值value,得到键值对;将键值对存储到图标库的缓存变量中。
在一种可能的实施方式中,该装置还包括:判断模块305;
判断模块305,用于判断图标库的缓存变量中是否存在键key与待扩展项目图标的标识属性相同的键值对;
存储模块303,还用于若不存在,则将键值对存储到图标库的缓存变量中。
本申请实施例提供了一种项目图标的引用装置,该装置包括:获取模块301,用于在互联网项目开发过程中,实时获取扩展用户发送的待扩展项目图标的图标类型,与待扩展项目图标的图标类型对应的图标属性信息;确定模块302,用于从图标属性信息中确定待扩展项目图标的标识属性以及引用属性;存储模块303,用于将待扩展项目图标的图标类型、标识属性以及引用属性对应存储到图标库中;获取模块301,还用于获取引用图标用户发送的引用图标请求;引用图标请求中包含待引用图标的标识属性;引用模块304,用于根据图标库中与标识属性对应的图标类型、引用属性,对待引用图标进行引用。本申请通过从待扩展项目图标的图标类型对应的图标属性信息中确定待扩展项目图标的标识属性以及引用属性,并对应存储到图标库中;然后根据图标库中与待引用图标的标识属性对应的图标类型、引用属性,对待引用图标进行引用,降低了开发人员引用图标的复杂度,提高了互联网项目的开发效率。
如图4所示,本申请实施例提供的一种电子设备400,包括:处理器401、存储器402和总线,存储器402存储有处理器401可执行的机器可读指令,当电子设备运行时,处理器401与存储器402之间通过总线通信,处理器401执行机器可读指令,以执行如上述项目图标的引用方法的步骤。
具体地,上述存储器402和处理器401能够为通用的存储器和处理器,这里不做具体限定,当处理器401运行存储器402存储的计算机程序时,能够执行上述项目图标的引用方法。
对应于上述项目图标的引用方法,本申请实施例还提供了一种计算机可读存储介质,计算机可读存储介质上存储有计算机程序,计算机程序被处理器运行时执行上述项目图标的引用方法的步骤。
所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的系统和装置的具体工作过程,可以参考方法实施例中的对应过程,本申请中不再赘述。在本申请所提供的几个实施例中,应该理解到,所揭露的系统、装置和方法,可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的,例如,所述模块的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,又例如,多个模块或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些通信接口,装置或模块的间接耦合或通信连接,可以是电性,机械或其它的形式。
所述作为分离部件说明的模块可以是或者也可以不是物理上分开的,作为模块显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本申请各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。
所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个处理器可执行的非易失的计算机可读取存储介质中。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本申请各个实施例所述信息处理方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质。
以上仅为本申请的具体实施方式,但本申请的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本申请揭露的技术范围内,可轻易想到变化或替换,都应涵盖在本申请的保护范围之内。因此,本申请的保护范围应以权利要求的保护范围为准。
Claims (6)
1.一种项目图标的引用方法,其特征在于,所述项目图标的引用方法包括:
在互联网项目开发过程中,实时获取扩展用户发送的待扩展项目图标的图标类型,与所述待扩展项目图标的图标类型对应的图标属性信息;所述图标类型包括互联网引入图标类型、可缩放矢量图形svg图标类型,图片图标类型、标签图标类型;各图标类型对应的图标属性信息不同;互联网引入图标类型对应的图标属性信息包括图标名称和图标标题;可缩放矢量图形svg图标类型对应的图标属性信息包括图标名称、svg文件字符串和图表标题;图片图标类型对应的图标属性信息包括图标名称、图片统一资源定位符url路径和图标标题;标签图标类型对应的图标属性信息包括图标名称、图标标题、图标文本、图标背景颜色、图标字体颜色值、图标边框颜色值和图标是否为圆形标志;
将所述图标属性信息中的图标名称确定为所述待扩展项目图标的标识属性,将所述图标属性信息中除图标名称以外的图标属性信息确定为所述待扩展项目图标的引用属性;
将所述待扩展项目图标的图标类型、标识属性以及引用属性对应存储到图标库中,包括:将所述标识属性确定为键值对中的键key,所述图标类型以及所述引用属性确定为键值对中的值value,得到键值对;将所述键值对存储到所述图标库的缓存变量中;
获取引用图标用户发送的引用图标请求;所述引用图标请求中包含待引用图标的标识属性;
将所述待引用图标的标识属性、所述待引用图标的图标类型以及所述待引用图标的引用属性,输入到与所述待引用图标的图标类型对应的引用组件中,以使所述引用组件对所述待引用图标进行引用,包括:若待引用图标的图标类型为互联网引入图标类型,则将标识属性、图标类型以及引用属性输入到与互联网引入图标类型对应的引用组件中,以使引用组件对待引用图标进行引用;若待引用图标的图标类型为可缩放矢量图形svg图标类型,则将标识属性、图标类型以及引用属性输入到与可缩放矢量图形svg图标类型对应的引用组件中,以使引用组件对待引用图标进行引用;若待引用图标的图标类型为图片图标类型,则将标识属性、图标类型以及引用属性输入到与图片图标类型对应的引用组件中,以使引用组件对待引用图标进行引用;若待引用图标的图标类型为标签图标类型,则将标识属性、图标类型以及引用属性输入到与标签图标类型对应的引用组件中,以使引用组件对待引用图标进行引用;各图标类型对应的引用组件封装有用于引用各图标类型对应的代码。
2.根据权利要求1所述的项目图标的引用方法,其特征在于,若所述待引用图标的图标类型为可缩放矢量图形svg图标类型,则所述将所述标识属性、所述图标类型以及所述引用属性,输入到与所述图标类型对应的引用组件中,以使所述引用组件对所述待引用图标进行引用,包括:
将所述标识属性、所述图标类型以及所述引用属性输入到与所述可缩放矢量图形svg图标类型对应的引用组件中,以使所述引用组件对所述待引用图标进行引用。
3.根据权利要求1所述的项目图标的引用方法,其特征在于,在将所述键值对存储到所述图标库的缓存变量中之前,所述方法还包括:
判断所述图标库的缓存变量中是否存在键key与所述待扩展项目图标的标识属性相同的键值对;
若不存在,则将所述键值对存储到所述图标库的缓存变量中。
4.一种项目图标的引用装置,其特征在于,所述项目图标的引用装置包括:
获取模块,用于在互联网项目开发过程中,实时获取扩展用户发送的待扩展项目图标的图标类型,与所述待扩展项目图标的图标类型对应的图标属性信息;所述图标类型包括互联网引入图标类型、可缩放矢量图形svg图标类型,图片图标类型、标签图标类型;各图标类型对应的图标属性信息不同;互联网引入图标类型对应的图标属性信息包括图标名称和图标标题;可缩放矢量图形svg图标类型对应的图标属性信息包括图标名称、svg文件字符串和图表标题;图片图标类型对应的图标属性信息包括图标名称、图片统一资源定位符url路径和图标标题;标签图标类型对应的图标属性信息包括图标名称、图标标题、图标文本、图标背景颜色、图标字体颜色值、图标边框颜色值和图标是否为圆形标志;
确定模块,用于将所述图标属性信息中的图标名称确定为所述待扩展项目图标的标识属性,将所述图标属性信息中除图标名称以外的图标属性信息确定为所述待扩展项目图标的引用属性;
存储模块,用于将所述待扩展项目图标的图标类型、标识属性以及引用属性对应存储到图标库中,包括:将所述标识属性确定为键值对中的键key,所述图标类型以及所述引用属性确定为键值对中的值value,得到键值对;将所述键值对存储到所述图标库的缓存变量中;
所述获取模块,还用于获取引用图标用户发送的引用图标请求;所述引用图标请求中包含待引用图标的标识属性;
引用模块,用于将所述待引用图标的标识属性、将所述待引用图标的图标类型以及所述待引用图标的引用属性,输入到与所述待引用图标的图标类型对应的引用组件中,以使所述引用组件对所述待引用图标进行引用,包括:若待引用图标的图标类型为互联网引入图标类型,则将标识属性、图标类型以及引用属性输入到与互联网引入图标类型对应的引用组件中,以使引用组件对待引用图标进行引用;若待引用图标的图标类型为可缩放矢量图形svg图标类型,则将标识属性、图标类型以及引用属性输入到与可缩放矢量图形svg图标类型对应的引用组件中,以使引用组件对待引用图标进行引用;若待引用图标的图标类型为图片图标类型,则将标识属性、图标类型以及引用属性输入到与图片图标类型对应的引用组件中,以使引用组件对待引用图标进行引用;若待引用图标的图标类型为标签图标类型,则将标识属性、图标类型以及引用属性输入到与标签图标类型对应的引用组件中,以使引用组件对待引用图标进行引用;各图标类型对应的引用组件封装有用于引用各图标类型对应的代码。
5.一种电子设备,其特征在于,包括:处理器、存储介质和总线,所述存储介质存储有所述处理器可执行的机器可读指令,当电子设备运行时,所述处理器与所述存储介质之间通过总线通信,所述处理器执行所述机器可读指令,以执行如权利要求1至3任一项所述的项目图标的引用方法的步骤。
6.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质上存储有计算机程序,所述计算机程序被处理器运行时执行如权利要求1至3任一项所述的项目图标的引用方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310968549.9A CN116679852B (zh) | 2023-08-03 | 2023-08-03 | 一种项目图标的引用方法、装置、电子设备及介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310968549.9A CN116679852B (zh) | 2023-08-03 | 2023-08-03 | 一种项目图标的引用方法、装置、电子设备及介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN116679852A CN116679852A (zh) | 2023-09-01 |
CN116679852B true CN116679852B (zh) | 2023-10-27 |
Family
ID=87782275
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202310968549.9A Active CN116679852B (zh) | 2023-08-03 | 2023-08-03 | 一种项目图标的引用方法、装置、电子设备及介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN116679852B (zh) |
Citations (24)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7610559B1 (en) * | 1999-07-27 | 2009-10-27 | Samsung Electronics Co., Ltd. | Device customized home network top-level information architecture |
CN106202422A (zh) * | 2016-07-12 | 2016-12-07 | 腾讯科技(深圳)有限公司 | 网页图标的处理方法和装置 |
CN106775233A (zh) * | 2016-12-13 | 2017-05-31 | 青岛海信电器股份有限公司 | 一种终端中图标刷新方法和终端 |
CN106843639A (zh) * | 2016-12-26 | 2017-06-13 | 上海与德信息技术有限公司 | 图标的显示方法和图标的显示装置 |
CN108196925A (zh) * | 2017-12-29 | 2018-06-22 | 山大地纬软件股份有限公司 | 一种多图标多状态的管理系统及实施方法 |
CN108334343A (zh) * | 2017-08-03 | 2018-07-27 | 千寻位置网络有限公司 | 基于视觉、组件、图标的前端开发系统 |
CN108845857A (zh) * | 2018-06-13 | 2018-11-20 | 郑州云海信息技术有限公司 | 一种基于云平台的图标管理方法和装置 |
CN109189389A (zh) * | 2018-08-16 | 2019-01-11 | 阿里巴巴集团控股有限公司 | 数据处理方法和装置、服务器 |
CN109614189A (zh) * | 2018-12-04 | 2019-04-12 | 北京马上慧科技术有限公司 | 一种实现app图标动态加载动画的系统、方法以及装置 |
CN112131487A (zh) * | 2020-09-11 | 2020-12-25 | 深圳市大成天下信息技术有限公司 | 一种交互方法及计算设备 |
CN112416503A (zh) * | 2020-12-10 | 2021-02-26 | 深圳前海微众银行股份有限公司 | 小程序图标显示方法、装置、设备与计算机可读存储介质 |
CN112585596A (zh) * | 2018-06-25 | 2021-03-30 | 易享信息技术有限公司 | 用于调查实体之间的关系的系统和方法 |
CN112988152A (zh) * | 2021-03-12 | 2021-06-18 | 中国平安财产保险股份有限公司 | 项目图标发布方法、装置、设备及存储介质 |
CN113377453A (zh) * | 2021-06-18 | 2021-09-10 | 北京沃东天骏信息技术有限公司 | 图片处理方法、装置与电子设备 |
CN113791714A (zh) * | 2021-09-14 | 2021-12-14 | 厦门海晟融创信息技术有限公司 | 一种软件系统图标库的方法 |
CN113821295A (zh) * | 2021-10-11 | 2021-12-21 | 中国银行股份有限公司 | 基于组件库的移动金融应用开发方法及装置 |
CN114706582A (zh) * | 2022-04-07 | 2022-07-05 | 网易(杭州)网络有限公司 | 程序运行时的图标处理方法及装置、电子设备、存储介质 |
CN115239850A (zh) * | 2022-07-29 | 2022-10-25 | 中国银行股份有限公司 | 一种适配开发的线性图标管理方法和装置 |
CN115454430A (zh) * | 2022-09-20 | 2022-12-09 | 广州欢聚时代信息科技有限公司 | 图标库自动交付方法及其装置、设备、介质、产品 |
CN115657899A (zh) * | 2022-10-26 | 2023-01-31 | 奇安信网神信息技术(北京)股份有限公司 | 图标处理方法、装置、电子设备及存储介质 |
CN115795544A (zh) * | 2022-12-02 | 2023-03-14 | 哲库科技(北京)有限公司 | 文件安全属性存储方法及相关装置 |
CN115858833A (zh) * | 2021-09-24 | 2023-03-28 | 腾讯科技(深圳)有限公司 | 图片显示方法、信息显示方法、装置及电子设备 |
CN115904167A (zh) * | 2022-11-14 | 2023-04-04 | 北京数码大方科技股份有限公司 | 网页图标的处理方法、装置、存储介质及电子设备 |
CN116149768A (zh) * | 2023-01-03 | 2023-05-23 | 重庆长安汽车股份有限公司 | 一种应用图标的显示方法、装置、储存介质及车机平台 |
Family Cites Families (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US10521864B1 (en) * | 2016-05-20 | 2019-12-31 | State Farm Mutual Automobile Insurance Company | Systems and methods for using tokenized icons to provide insurance policy quotes |
GB2587144B (en) * | 2017-02-21 | 2021-09-22 | Sourcecode Tech Holdings Inc | Collaborative design systems, apparatuses, and methods |
US10325392B2 (en) * | 2017-08-01 | 2019-06-18 | Cimpress Schweiz Gmbh | Content replacement system using visual design object models |
US10573043B2 (en) * | 2017-10-30 | 2020-02-25 | Snap Inc. | Mobile-based cartographic control of display content |
US11971807B2 (en) * | 2021-12-15 | 2024-04-30 | Red Hat, Inc. | Software-development tool for presenting telemetry data with associated source code |
-
2023
- 2023-08-03 CN CN202310968549.9A patent/CN116679852B/zh active Active
Patent Citations (24)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7610559B1 (en) * | 1999-07-27 | 2009-10-27 | Samsung Electronics Co., Ltd. | Device customized home network top-level information architecture |
CN106202422A (zh) * | 2016-07-12 | 2016-12-07 | 腾讯科技(深圳)有限公司 | 网页图标的处理方法和装置 |
CN106775233A (zh) * | 2016-12-13 | 2017-05-31 | 青岛海信电器股份有限公司 | 一种终端中图标刷新方法和终端 |
CN106843639A (zh) * | 2016-12-26 | 2017-06-13 | 上海与德信息技术有限公司 | 图标的显示方法和图标的显示装置 |
CN108334343A (zh) * | 2017-08-03 | 2018-07-27 | 千寻位置网络有限公司 | 基于视觉、组件、图标的前端开发系统 |
CN108196925A (zh) * | 2017-12-29 | 2018-06-22 | 山大地纬软件股份有限公司 | 一种多图标多状态的管理系统及实施方法 |
CN108845857A (zh) * | 2018-06-13 | 2018-11-20 | 郑州云海信息技术有限公司 | 一种基于云平台的图标管理方法和装置 |
CN112585596A (zh) * | 2018-06-25 | 2021-03-30 | 易享信息技术有限公司 | 用于调查实体之间的关系的系统和方法 |
CN109189389A (zh) * | 2018-08-16 | 2019-01-11 | 阿里巴巴集团控股有限公司 | 数据处理方法和装置、服务器 |
CN109614189A (zh) * | 2018-12-04 | 2019-04-12 | 北京马上慧科技术有限公司 | 一种实现app图标动态加载动画的系统、方法以及装置 |
CN112131487A (zh) * | 2020-09-11 | 2020-12-25 | 深圳市大成天下信息技术有限公司 | 一种交互方法及计算设备 |
CN112416503A (zh) * | 2020-12-10 | 2021-02-26 | 深圳前海微众银行股份有限公司 | 小程序图标显示方法、装置、设备与计算机可读存储介质 |
CN112988152A (zh) * | 2021-03-12 | 2021-06-18 | 中国平安财产保险股份有限公司 | 项目图标发布方法、装置、设备及存储介质 |
CN113377453A (zh) * | 2021-06-18 | 2021-09-10 | 北京沃东天骏信息技术有限公司 | 图片处理方法、装置与电子设备 |
CN113791714A (zh) * | 2021-09-14 | 2021-12-14 | 厦门海晟融创信息技术有限公司 | 一种软件系统图标库的方法 |
CN115858833A (zh) * | 2021-09-24 | 2023-03-28 | 腾讯科技(深圳)有限公司 | 图片显示方法、信息显示方法、装置及电子设备 |
CN113821295A (zh) * | 2021-10-11 | 2021-12-21 | 中国银行股份有限公司 | 基于组件库的移动金融应用开发方法及装置 |
CN114706582A (zh) * | 2022-04-07 | 2022-07-05 | 网易(杭州)网络有限公司 | 程序运行时的图标处理方法及装置、电子设备、存储介质 |
CN115239850A (zh) * | 2022-07-29 | 2022-10-25 | 中国银行股份有限公司 | 一种适配开发的线性图标管理方法和装置 |
CN115454430A (zh) * | 2022-09-20 | 2022-12-09 | 广州欢聚时代信息科技有限公司 | 图标库自动交付方法及其装置、设备、介质、产品 |
CN115657899A (zh) * | 2022-10-26 | 2023-01-31 | 奇安信网神信息技术(北京)股份有限公司 | 图标处理方法、装置、电子设备及存储介质 |
CN115904167A (zh) * | 2022-11-14 | 2023-04-04 | 北京数码大方科技股份有限公司 | 网页图标的处理方法、装置、存储介质及电子设备 |
CN115795544A (zh) * | 2022-12-02 | 2023-03-14 | 哲库科技(北京)有限公司 | 文件安全属性存储方法及相关装置 |
CN116149768A (zh) * | 2023-01-03 | 2023-05-23 | 重庆长安汽车股份有限公司 | 一种应用图标的显示方法、装置、储存介质及车机平台 |
Also Published As
Publication number | Publication date |
---|---|
CN116679852A (zh) | 2023-09-01 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109901834B (zh) | 文档页面生成方法、装置、计算机设备和存储介质 | |
CN111639287A (zh) | 一种页面处理方法、装置、终端设备及可读存储介质 | |
CN111507086B (zh) | 本地化应用程序中翻译文本位置的自动发现 | |
CN111680253A (zh) | 页面应用数据包生成方法、装置、计算机设备及存储介质 | |
CN113018870B (zh) | 一种数据处理方法、装置及计算机可读存储介质 | |
CN116841536B (zh) | 一种组件引用关系重构方法、装置、系统及存储介质 | |
CN113535164A (zh) | 一种前端界面的生成方法、装置、电子设备及存储介质 | |
US20120150886A1 (en) | Placeholders returned for data representation items | |
CN109634611B (zh) | 基于OpenGL的移动端三维模型ply文件解析与展示方法 | |
US10402049B1 (en) | User interface development | |
CN108874384B (zh) | 终端设备、服务器、网页数据处理方法和计算机存储介质 | |
CN115543440A (zh) | 安卓项目迁移到类安卓系统的方法、电子设备和存储介质 | |
CN116679852B (zh) | 一种项目图标的引用方法、装置、电子设备及介质 | |
CN111414107A (zh) | 可缩放矢量图形处理方法及系统 | |
CN116795377A (zh) | 代码数据处理方法及装置 | |
CN116414689A (zh) | 一种基于反射机制的接口参数校验方法及系统 | |
CN113239328B (zh) | 一种业务功能获取方法、装置、电子设备和存储介质 | |
US11194885B1 (en) | Incremental document object model updating | |
CN109726346B (zh) | 页面组件处理方法及装置 | |
CN114168875A (zh) | 一种页面程序的生成方法、装置、计算机设备及存储介质 | |
CN113656044A (zh) | 安卓安装包压缩方法、装置、计算机设备及存储介质 | |
CN113703753A (zh) | 用于产品开发的方法、装置和产品开发系统 | |
CN111610908A (zh) | 一种生成框架图的方法、计算机设备及可读存储介质 | |
CN117453548B (zh) | 代码模块信息确定方法、装置、计算机设备和存储介质 | |
CN111176648B (zh) | 免安装程序转换处理方法、装置、电子设备及存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |