Font icon resource management method and device, equipment, medium and product

Abstract

The invention discloses a font icon resource management method and device, equipment, a medium and a product. The method comprises the steps of obtaining a font icon file from a pre-generated font icon resource platform in response to a font icon uploading operation received on an initial font icon resource pop-up window; decompressing a pre-acquired font icon file to obtain a corresponding font icon resource, a font icon JSON file and an initial icon set; generating a corresponding system working space based on the font icon JSON file and the font icon resource; converting each initial icon in the initial icon set to obtain a corresponding target icon set; and storing each font icon in the target icon set to a font icon directory pre-configured in a system working space. According to the method and the device, the technical problem that the font icon resource cannot be accessed when the font icon resource depends on a third-party platform to be maintained in the prior art is solved, and the effect of autonomously managing the font icon resource is realized.

Description

Technical Field

[0001] The present invention relates to the technical field of font icon resource management, and in particular to a font icon resource management method, device, equipment, medium and product. Background Art

[0002] Iconfont resources have been increasingly used in various Web applications and Android and iOS platforms in recent years due to their unique vector characteristics, flexible text style setting capabilities, excellent compatibility and easy integration. As a professional enterprise application development manufacturer, we also use a large number of iconfont resources in our daily development process.

[0003] However, many companies do not have the ability to develop and maintain iconfont libraries on their own, so they often choose to host resources on the largest iconfont resource website in China, iconfont.cn. But relying on a third-party platform also means that once the platform has access failures, such as the inaccessibility that occurred between June 7 and June 13, 2022, or the company is unable to access external resources due to network restrictions, this will bring great inconvenience and challenges to the development team, forcing them to urgently find alternatives.

[0004] In addition, although the executable code obtained using the generation mechanism provided by iconfont.cn can trust the professional ethics of the large company behind it, as a developer of enterprise-level applications, it is necessary to reduce the risks similar to the "AntDesign Christmas Egg Incident" as much as possible. Summary of the invention

[0005] The present invention provides a font icon resource management method, device, equipment, medium and product to solve the technical problem in the prior art that font icon resources may be inaccessible when they are maintained by relying on a third-party platform.

[0006] According to one aspect of the present invention, a font icon resource management method is provided, comprising:

[0007] In response to receiving a font icon upload operation on the initial font icon resource pop-up window, acquiring a font icon file from a pre-generated font icon resource platform;

[0008] Decompress the pre-acquired font icon file to obtain the corresponding font icon resource, font icon JSON file and initial icon set;

[0009] Generate a corresponding system workspace based on the font icon JSON file and the font icon resource;

[0010] Convert each initial icon in the initial icon set to obtain a corresponding target icon set;

[0011] Each font icon in the target icon set is stored in a font icon directory preconfigured in the system workspace.

[0012] According to another aspect of the present invention, a font icon resource management device is provided, comprising:

[0013] A file acquisition module, configured to acquire a font icon file from a pre-generated font icon resource platform in response to receiving a font icon upload operation on an initial font icon resource pop-up window;

[0014] A file decompression module, used to decompress the pre-acquired font icon file to obtain the corresponding font icon resource, font icon JSON file and initial icon set;

[0015] A workspace generation module, used to generate a corresponding system workspace based on the font icon JSON file and the font icon resource;

[0016] An icon conversion module, used to convert each initial icon in the initial icon set to obtain a corresponding target icon set;

[0017] The icon storage module is used to store each font icon in the target icon set into a font icon directory pre-configured in the system workspace.

[0018] According to another aspect of the present invention, an electronic device is provided, the electronic device comprising:

[0019] at least one processor; and

[0020] a memory communicatively connected to the at least one processor; wherein,

[0021] The memory stores a computer program executable by the at least one processor, and the computer program is executed by the at least one processor so that the at least one processor can execute the font icon resource management method described in any embodiment of the present invention.

[0022] According to another aspect of the present invention, a computer-readable storage medium is provided, wherein the computer-readable storage medium stores computer instructions, and the computer instructions are used to enable a processor to implement the font icon resource management method described in any embodiment of the present invention when executed.

[0023] According to another aspect of the present invention, a computer program product is provided. The computer program product includes a computer program. When the computer program is executed by a processor, the method for managing font icon resources according to any embodiment of the present invention is implemented.

[0024] The technical solution of the embodiment of the present invention smoothly migrates the font icon files needed by the enterprise from the font icon resource platform to the enterprise, and adopts a pre-configured font icon resource management system to continue to manage, maintain and use them, and decompresses the font icon files obtained from the font icon resource platform to obtain the corresponding font icon JSON file and the initial icon set, and converts each initial icon in the initial icon set to obtain the corresponding target icon set, and generates a corresponding system workspace based on the font icon JSON file, thereby ensuring that the font icon resource management system can be directly compatible with the font icons obtained from the font icon resource platform, so that the migration of font icon resources can be completed simply and quickly, solving the technical problem of inaccessibility that may occur when the font icon resources rely on a third-party platform for maintenance in the prior art, and achieving the effect of autonomous management of font icon resources.

[0025] It should be understood that the contents described in this section are not intended to identify the key or important features of the embodiments of the present invention, nor are they intended to limit the scope of the present invention. Other features of the present invention will become easily understood through the following description. BRIEF DESCRIPTION OF THE DRAWINGS

[0026] In order to more clearly illustrate the technical solutions in the embodiments of the present invention, the following briefly introduces the drawings required for use in the description of the embodiments. Obviously, the drawings described below are only some embodiments of the present invention. For ordinary technicians in this field, other drawings can be obtained based on these drawings without creative work.

[0027] Figure 1 is a flow chart of a font icon resource management method provided by an embodiment of the present invention;

[0028] Figure 2 It is a schematic diagram of the configuration of a resource adding window of a font icon provided by an embodiment of the present invention;

[0029] Figure 3 It is a schematic diagram of the configuration of an initial font icon resource pop-up window provided by an embodiment of the present invention;

[0030] Figure 4 is a target configuration diagram of a system workspace provided by an embodiment of the present invention;

[0031] Figure 5It is a schematic diagram of the main interface configuration of a font icon resource management system provided by an embodiment of the present invention;

[0032] Figure 6 It is a configuration diagram of an icon upload interface provided by an embodiment of the present invention;

[0033] Figure 7 is a schematic diagram of a configuration of a temporary icon display frame provided by an embodiment of the present invention;

[0034] Figure 8 It is a schematic diagram of a configuration of a temporary icon modification window provided by an embodiment of the present invention;

[0035] Fig. 9 is a query schematic diagram of a generated font icon provided by an embodiment of the present invention;

[0036] Fig.10 is a schematic diagram of a configuration of a font icon display frame provided by an embodiment of the present invention;

[0037] Fig.11 is a schematic diagram of a configuration of a font icon modification window provided by an embodiment of the present invention;

[0038] Fig.12 It is a schematic diagram of configuring an icon deletion start pop-up window provided by an embodiment of the present invention;

[0039] Fig.13 A schematic diagram of another configuration of a font icon display frame provided by an embodiment of the present invention;

[0040] Fig.14 It is a configuration diagram of an initialization startup control provided by an embodiment of the present invention;

[0041] Fig.15 It is a schematic diagram of the configuration of a key input pop-up window provided by an embodiment of the present invention;

[0042] Fig.16 It is a structural schematic diagram of a font icon resource management device provided by an embodiment of the present invention;

[0043] Fig.17 It is a structural block diagram of an electronic device provided by an embodiment of the present invention. DETAILED DESCRIPTION

[0044] In order to enable those skilled in the art to better understand the scheme of the present invention, the technical scheme in the embodiments of the present invention will be clearly and completely described below in conjunction with the drawings in the embodiments of the present invention. Obviously, the described embodiments are only part of the embodiments of the present invention, not all of the embodiments. Based on the embodiments of the present invention, all other embodiments obtained by ordinary technicians in this field without creative work should fall within the scope of protection of the present invention.

[0045] It should be noted that the terms "first", "second", etc. in the specification and claims of the present invention and the above-mentioned drawings are used to distinguish similar objects, and are not necessarily used to describe a specific order or sequence. It should be understood that the data used in this way can be interchanged where appropriate, so that the embodiments of the present invention described herein can be implemented in an order other than those illustrated or described herein. In addition, the terms "including" and "having" and any variations thereof are intended to cover non-exclusive inclusions, for example, a process, method, system, product or device that includes a series of steps or units is not necessarily limited to those steps or units that are clearly listed, but may include other steps or units that are not clearly listed or inherent to these processes, methods, products or devices.

[0046] In one embodiment, Figure 1 This is a flowchart of a font icon resource management method provided by an embodiment of the present invention. This embodiment is applicable to the situation of autonomous management of font icon resources. The method can be executed by a font icon resource management device. The font icon resource management device can be implemented in the form of hardware and / or software. The font icon resource management device can be configured in the font icon resource management system. Among them, the font icon resource management system includes the following three functions: temporary icon management, font icon management and system initialization. The system adopts a front-end and back-end separation architecture, which is convenient for future integration with other management systems in the enterprise. In addition, no complex underlying mechanism is adopted, and all management functions are realized by using svg image resources and json files. For example, the front end is developed using the Vue framework, and the back end is built using Node.js. The core advantage of the system is that it can be fully compatible with the content generated by iconfont.cn, and the iconfont resources required by the enterprise can be smoothly migrated from the iconfont.cn website to the enterprise, and the system can be used for continued management, maintenance and use.

[0047] As a web project with separated front-end and back-end, the back-end of this system has 15 interfaces, the specific interfaces are as follows:

[0048] 1. / emptyStatus When the system has no operational resources, all system requests will jump here. This interface will return a status prompt that the web page needs to upload iconfont resources.

[0049] 2. / uploadSvg is used to process requests to upload svg to the system.

[0050] 3. / getTmpList gets all temporary icon data in the temporary directory.

[0051] 4. / submitTempSvgAfter svg is uploaded to the system, the temporary svg image is processed and a temporary array is generated according to the image in the system temporary directory.

[0052] 5. / deleteTempSvg deletes the temporary icons in the temporary directory that have not been converted to iconfont.

[0053] 6. / modifyTempSvg Modify the temporary icon information.

[0054] 7. / getIconfontList gets the list of all iconfont resources in the system.

[0055] 8. / getSvgdata gets the svg image information corresponding to a certain iconfont in the temporary directory.

[0056] 9. / createIconfont integrates the temporary icon into the existing iconfont library to generate iconfont resources.

[0057] 10. / modifyIcontfont modify the iconfont icon.

[0058] 11. / deleteIconfont delete iconfont icon

[0059] 12. / uploadIconfont uploads the iconfont resource zip package downloaded from the iconfont.cn platform to the project workspace

[0060] 13. / submitIconfont performs a series of processing on the zip package uploaded to the system workspace to make it available as a system resource.

[0061] 14. / clearWorkSpace deletes files and data in the workspace

[0062] 15. / checkPassword checks whether the keys are the same. Only if they are the same can the operation of deleting the workspace be initiated.

[0063] like Figure 1 As shown, the method includes:

[0064] S110 . In response to receiving a font icon upload operation on the initial font icon resource pop-up window, obtaining a font icon file from a pre-generated font icon resource platform.

[0065] In one example, before the resource management system of the font icon is initialized, a resource adding window of the font icon may be popped up on the resource management system of the font icon. Figure 2 FIG. 1 is a schematic diagram of a configuration of a resource adding window for a font icon provided by an embodiment of the present invention. Figure 2 As shown, a window of "The system has no operable data yet, please add original iconfont data" pops up on the interface of the font icon resource management system, so that the user can more intuitively understand that the font icon resource management system has not been initialized.

[0066] In one example, the initial font icon resource pop-up window refers to a window that can import font icon resources for initialization; the initial font icon resource pop-up window can be a floating window, the size of which is smaller than the size of the main interface of the font icon resource management system; the initial font icon resource pop-up window can also be a display window, the size of which is the same as the size of the main interface of the font icon resource management system.

[0067] In one example, the font icon resource platform refers to a management platform capable of developing and maintaining an iconfont library on its own, for example, the font icon resource platform may be iconfont.cn. The font icon file refers to a font icon-related resource file obtained from the font icon resource platform, and the font icon file may be a compressed package.

[0068] Figure 3 FIG. 1 is a schematic diagram of a configuration of an initial font icon resource pop-up window provided by an embodiment of the present invention. Figure 3As shown, the initial font icon resource pop-up window includes a font icon file upload window 301, an "OK" control 302, and a "Cancel" control 303. You can directly click "Click to Upload" in the font icon file upload window 301 to pop up a window where you can enter the font icon file storage directory to obtain the corresponding font icon file, or you can directly drag the font icon file to be uploaded to the font icon upload window, and then click the "OK" control 302 to complete the upload process of the font icon file. Of course, in the event of an error in uploading the font icon file, you can click the "Cancel" control 303 to end the upload process of the font icon file, and re-execute the font icon file acquisition process in the re-popped-up initial font icon resource pop-up window.

[0069] Exemplarily, assuming that the font icon resource platform is iconfont.cn, and the font icon file is a font icon zip compressed package, you can choose to download the font icon zip compressed package from iconfont.cn. After clicking the "OK" control, you can call the / submitIconfont interface to complete the import of the font icon file.

[0070] S120: Decompress the pre-acquired font icon file to obtain corresponding font icon resources, font icon JSON file, and initial icon set.

[0071] The font icon JSON file refers to a JSON file that can manage iconfont resources. The iconfont can be managed using the array on the glyphs attribute in the font icon JSON file. The initial icon set refers to all svg images contained in the font icon file. The initial icons contained in the initial icon set cannot be adjusted, that is, they cannot be enlarged, reduced, or their attribute information modified.

[0072] Font icon resources refer to a complete iconfont resource, including the viewable iconfont HTML file, as well as the necessary iconfont static resources such as css, js, tff, woff, etc.

[0073] In an embodiment, when the font icon file is a compressed package, the font icon file can be decompressed to obtain the font icon resource, the font icon JSON file and the initial icon set.

[0074] The corresponding service under the / submitIconfont interface completes the decompression of the font icon zip package and obtains the font icon resources, font icon JSON file and initial icon set.

[0075] S130: Generate a corresponding system workspace based on the font icon resource and the font icon JSON file.

[0076] Considering that the iconfont system is not complicated, when designing this system, the background does not use a database, but uses the image directory and Json file as the system's operating resources. In one example, the system workspace refers to an integrated, specific environment for storing, managing, and operating font icon resources. The system workspace can include the following directories: font icon directory (icons directory), temporary icon target (temp directory), font icon JSON file (iconfont.json), and font resource directory (iconFont directory). Figure 4 FIG. 1 is a schematic diagram of target configuration of a system workspace provided by an embodiment of the present invention. Figure 4 As shown, the system workspace can be referred to as workspace for short, and the workspace includes the following four directories: iconFont, icons, temp, and iconfont.json.

[0077] Among them, the font icon directory is used to store all font icons that have been converted to iconfont font resources in the font icon resource management system; the temporary icon directory is used to store all temporary icons that have not been converted to iconfont in the font icon resource management system, for example, the temporary icon directory contains temporary icons and temporary data information; the font icon JSON file is used to store data that the system has converted to iconfont. In order to enable the system to be directly compatible with the iconfont resources obtained from iconfont.cn, the system directly uses iconfont.json as the system's font data, and mainly uses the array on the glyphs attribute in the font icon JSON file to manage iconfont.

[0078] For example, the data format of a font is as follows:

[0079] {

[0080] "icon_id":"40775818", randomly generated and non-conflicting

[0081] "name":"Single Choice",

[0082] "font_class":"danxuan1",

[0083] "unicode":"e905",

[0084] "unicode_decimal":59653

[0085] }

[0086] Among them, icon_id is the unique ID of the font in the entire system; name is the Chinese name of the font; font_class is the unique value of the font as CSS; unicode is the unicode encoding of the font; unicode_decimal is the decimal value of the unicode encoding of the font, which is useless for this system.

[0087] The font resource directory is the iconfont resource storage directory of the font icon resource management system. A complete set of iconfont resources is stored in the font resource directory, including viewable iconfont html files and iconfont's essential static resources such as css, js, tff, woff, etc.

[0088] In an embodiment, a corresponding service under the / submitIconfont interface can be used to generate a system workspace corresponding to a resource management system for a font icon according to internal resources included in a font icon JSON file.

[0089] S140: Convert each initial icon in the initial icon set to obtain a corresponding target icon set.

[0090] In one example, the initial icon refers to an icon that cannot be adjusted, and the initial icon can be an SVG image. In order to make an ordinary SVG image (i.e., the initial icon) have flexible transformation characteristics (such as translation, rotation, scaling, etc., to change the shape and position of the graphic) and change its file size, the resource management system of the font icon uses the SVGPath library internally to process each SVG image entering the system, that is, the circle, ellipse, rect, polygon and polyline in the ordinary SVG image are converted into path, and the corresponding font icon is obtained (a special SVG image that can be enlarged, reduced and modified through JS scripts), and all font icons constitute the target icon set.

[0091] S150: Store each font icon in the target icon set into a font icon directory preconfigured in the system workspace.

[0092] All font icons in the target icon collection are stored in a pre-configured font icon directory for storing font icons converted into iconfont font resources, so as to facilitate subsequent use.

[0093] The technical solution of this embodiment smoothly migrates the font icon files needed by the enterprise from the font icon resource platform to the enterprise, and adopts a pre-configured font icon resource management system to continue to manage, maintain and use them, and decompresses the font icon files obtained from the font icon resource platform to obtain the corresponding font icon JSON file and the initial icon set, and converts each initial icon in the initial icon set to obtain the corresponding target icon set, and generates a corresponding system workspace based on the font icon JSON file, thereby ensuring that the font icon resource management system can be directly compatible with the font icons obtained from the font icon resource platform, so that the migration of font icon resources can be completed simply and quickly, solving the technical problem of inaccessibility that may occur when the font icon resources rely on a third-party platform for maintenance in the prior art, and achieving the effect of autonomous management of font icon resources.

[0094] In one embodiment, the resource management method of font icons also includes: in response to receiving an icon upload operation in a temporary icon management window, displaying an icon upload interface; in response to receiving a temporary icon in the icon upload interface, generating temporary data information associated with the temporary icon; in response to receiving a font icon generation operation in the temporary icon management window, generating an associated font icon based on the temporary icon and the associated temporary data information; displaying the font icon in the font icon management window; wherein the temporary icon management window and the font icon management window are located on the main interface of the font icon resource management system, and in two different interface areas.

[0095] Among them, the temporary icon management window refers to a window for resource management and display of temporary icons; the font icon management window refers to a window for resource management and display of generated font icons. The temporary icon management window and the font icon management window are both located on the main interface of the font icon resource management system, and are located in two different interface areas. For example, the temporary icon management window and the font icon management window are respectively located on the upper and lower sides of the main interface of the font icon resource management system, or respectively located on the left and right sides of the main interface of the font icon resource management system. There is no limitation on this, and it is only necessary to ensure that the areas between the two windows do not overlap.

[0096] The icon upload interface refers to an interface that can be used to upload a temporary icon, and the icon upload interface can be a floating window.

[0097] In one example, Figure 5 It is a schematic diagram of the main interface configuration of a font icon resource management system provided by an embodiment of the present invention; Figure 6 Schematic diagram of a configuration of an icon upload interface provided by an embodiment of the present invention. Figure 5As shown, the main interface of the font icon resource management system includes a temporary icon management window 501 and a font icon management window 502, and the temporary icon management window 501 includes an "upload image" control 5011 and a "generate IconFont" control 5012. After clicking the "upload image" control 5011, the icon upload operation is triggered, and a pop-up window as shown in FIG. Figure 6 The icon upload interface shown includes a temporary icon upload window 601, an "OK" control 602, and a "Cancel" control 603. You can click the "Click to upload" link in the temporary icon upload window 601, or you can directly drag the temporary icon into the temporary icon upload window 601 to upload the temporary icon to the temporary icon directory of the system workspace through the / uploadSvg interface. After clicking the "OK" control 602 in the icon upload interface, corresponding temporary data information can be generated based on the relevant information of the temporary icon.

[0098] After clicking the “Generate IconFont” control 5012 , an associated font icon may be generated based on the temporary icon and the associated temporary data information, and the font icon may be displayed in the font icon management window 502 .

[0099] In one embodiment, temporary data information associated with a temporary vector image is generated, including: processing a temporary icon through a preconfigured first processing interface to obtain associated temporary icon information; wherein the temporary icon information includes at least a temporary icon identifier, a temporary icon name, and a font class; processing the temporary icon information according to a JSON data structure to obtain temporary data information. The temporary icon identifier refers to a unique identifier generated by the resource management system of the font icon. For example, the temporary icon identifier may be a uuid; the temporary icon name is used to represent the name of an ordinary svg image; the font class refers to the class keyword used when generating iconfont for future svg. The first processing interface refers to an interface that can process a temporary icon to obtain corresponding temporary icon information. For example, the first processing interface may be a / submitTempSvg interface. After clicking on Figure 6 After the "OK" control 602 is shown, the / submitTempSvg interface can be called to process the common svg image and generate temporary data information through the image information.

[0100] In order to maintain the temporary icon directory and the common SVG images in the temporary icon directory, the resource management system of the font resource has designed a JSON data structure of temporary data information. The specific format is as follows:

[0101]

[0102] Among them, icon_id refers to the temporary icon identifier; name refers to the temporary icon name; font_class refers to the font class.

[0103] In one embodiment, the resource management method of font icons further includes: storing the temporary icons and the associated temporary data information in a pre-configured temporary icon directory. In the embodiment, a mapping relationship is established between each temporary icon and the corresponding temporary data information to bind the two, and the bound temporary icons and the associated temporary data information are stored in the temporary icon directory of the system workspace to facilitate subsequent operations such as modification and deletion of the temporary icons.

[0104] In one embodiment, the resource management method of font icons also includes: in response to receiving a click operation on a temporary icon to be modified, displaying a temporary icon modification control in a temporary icon display box of the temporary icon to be modified; in response to receiving a click operation on the temporary icon modification control, obtaining temporary icon information of the temporary icon to be modified from a temporary icon directory and displaying it on an associated temporary icon modification window; in response to the temporary icon modification information received on the temporary icon modification window, modifying the temporary icon to be modified according to the temporary icon modification information to obtain new temporary icon information.

[0105] Among them, the temporary icon to be modified refers to a temporary icon that needs to be modified; the temporary icon display box refers to a window used to display the temporary icon to be modified and the temporary icon modification control; the temporary icon modification control refers to an interactive control that can modify the temporary icon to be modified.

[0106] After uploading the temporary icon to the resource management system of the font icon, there may be a need to modify the size, position, angle, and font_class of some temporary icons, so a temporary icon modification function is designed in the resource management system of the font icon. For example, Figure 7 is a schematic diagram of a configuration of a temporary icon display frame provided by an embodiment of the present invention; Figure 8 The temporary icon display box includes a temporary icon to be modified (e.g., 2.0X) and a temporary icon modification control 701. After clicking the temporary icon modification control 701, the temporary icon information associated with the temporary icon to be modified is obtained from the temporary icon directory, and the temporary icon information is displayed in a pop-up window such as Figure 8In the temporary icon modification window shown, the temporary icon modification window includes a zoom-in control 801, a zoom-out control 802, a clockwise rotation control 803, a counterclockwise rotation control 804, an upward translation control 805, a downward translation control 806, a leftward translation control 807, and a rightward translation control 808. The SVG image can be processed by the zoom, rotation, and translation controls on the temporary icon modification window, and the temporary icon name and font_class can be modified through the form. After clicking "OK", the system will call the / modifyTempSvg interface to complete the modification of the temporary icon related content and obtain new temporary icon information.

[0107] In one embodiment, the resource management method of font icons also includes: in response to receiving a click operation on a temporary icon to be modified, displaying a temporary icon deletion control in a temporary icon display box of the temporary icon to be modified; in response to receiving a click operation on the temporary icon deletion control, displaying a temporary icon deletion confirmation floating window; in response to receiving a temporary icon deletion confirmation operation in the temporary icon deletion confirmation floating window, calling a temporary icon deletion interface to delete the temporary icon to be modified and the associated temporary data information from the temporary icon directory.

[0108] The temporary icon deletion control refers to an interactive control that can delete the temporary icon to be modified. Figure 7 As shown, the temporary icon display box also includes a temporary icon deletion control 702. After clicking the temporary icon deletion control 702, a temporary icon deletion confirmation floating window can pop up, and the temporary icon deletion confirmation floating window includes an "OK" control and a "Cancel" control. After clicking the "OK" control, the temporary icon interface can be called to delete the temporary icon to be modified and the associated temporary data information from the temporary icon directory.

[0109] For example, after clicking the "Delete" control in the upper right corner of an ordinary svg image, the resource management system of the font icon will pop up a temporary icon deletion confirmation floating window. After clicking the "OK" control on the temporary icon deletion confirmation floating window, you can call the / deleteTempSvg interface to delete the ordinary svg image in the temporary icon directory in the system workspace and modify the associated temporary icon information.

[0110] In one embodiment, an associated font icon is generated based on a temporary icon and associated temporary data information, including: searching a font icon having the same name as the temporary icon in a font icon directory as a first type of font icon; if the number of first type of font icons is not empty, combining the font class of the temporary icon and the temporary icon name as a new temporary icon name; storing the new temporary icon name in the font icon directory; and using a font icon generation interface to call a font operation library and a font icon JSON file to convert the temporary icon and generate an associated font icon.

[0111] In one example, the generated font icon refers to the font icon that has been generated, that is, the font icon stored in the font icon directory, which can be referred to as the existing iconfont. After clicking the "Generate IconFont" control, the system will call the / createIconfont interface, which will convert all ordinary svg images in the temporary icon directory into iconfont and merge them with the existing iconfont.

[0112] The implementation process of its underlying logic includes: the program will traverse all temporary icons in the temporary icon target, and then modify the temporary image with the same name as the font_class of the existing iconfont to the name of font_class+'.svg', and after the modification, copy it to the iconts directory under the system workspace; according to the temporary data information under the temporary icon directory, write the temporary data information successfully operated in the previous step into the iconfont.json file of the system workspace; call the system core function, generate the iconfont method, process the resources in the workspace, and generate the iconfont; the underlying steps are as follows: first create the font file, then create the css file corresponding to the iconfont, then create the js file required for the Symbol reference method, and finally create a static html file for viewing the iconfont effect; clean up the temporary icon directory.

[0113] In one example, the specific generation process of iconfont;

[0114] In the first step, the font-carrier library is called to generate the core content of the font through the glyphs attribute in the iconfont.json file, including font files in three formats: .ttf, .woff, and .woff2, an iconfont.json configuration file, and an svg image file in a special format. This image file contains all the glyph glyph object information generated by the svg image conversion.

[0115] In the second step, a CSS file will be generated in the same directory as the content generated in the previous step based on the CSS prefix, font_family, and glyphs information in iconfont.json in the workspace and the built-in CSS generation template.

[0116] The third step is to enable Iconfont to also implement Symbol reference (a brand new way of using it). In this step, use the svgo library and combine all the svg images in the icons directory of the workspace to generate a js file required for Symbol reference.

[0117] The fourth step is to provide a web page for displaying and testing icon fonts. This step will combine all the above font information and a built-in HTML template to generate a static HTML file for previewing icons and obtaining icon codes.

[0118] In one embodiment, the font icon resource management method further includes: in response to a received font icon query operation carrying a font icon keyword, calling a font icon resource acquisition interface to acquire all generated font icons associated with the font icon keyword from a pre-configured font icon JSON file; and displaying all generated font icons associated with the font icon keyword on a font icon management window.

[0119] / getIconfontList interface, get all iconfont icon information in the iconfont.json file in the current system workspace, and the front-end js code will display it in the interface. Fig. 9 Schematic diagram of a query of a generated font icon provided by an embodiment of the present invention. To search, a font icon keyword can be input through the front-end js, and all associated generated font icons can be found through the font icon keyword. Fig. 9 As shown, enter the font icon keyword "system" in the font icon query box to query 6 related generated font icons.

[0120] In one embodiment, the resource management method of font icons also includes: in response to receiving a click operation on the font icon to be modified, displaying a font icon modification control in the font icon display box of the font icon to be modified; in response to receiving a click operation on the font icon modification control, obtaining font icon information related to the font icon to be modified from a font icon directory and displaying it in an associated font icon modification window; in response to the font icon modification information received in the font icon modification window, modifying the font icon to be modified according to the font icon modification information to obtain new font icon information.

[0121] Among them, the font icon to be modified refers to the font icon that needs to be modified; the font icon display box refers to a window used to display the font icon to be modified and the font icon modification control; the font icon modification control refers to an interactive control that can modify the font icon to be modified.

[0122] After uploading the font icon to the font icon resource management system, there may be a need to modify the size, position and angle of some font icons, so a font icon modification function is designed in the font icon resource management system. For example, Fig.10 is a schematic diagram of a configuration of a font icon display frame provided by an embodiment of the present invention; Fig.11 1001. The font icon display box includes a font icon to be modified (e.g., back) and a font icon modification control 1001. After clicking the font icon modification control 1001, the font icon information associated with the font icon to be modified is obtained from the font icon directory, and the font icon information is displayed in a pop-up window such as Fig.11 In the font icon modification window shown, the font icon modification window includes a zoom in control 1101, a zoom out control 1102, a clockwise rotation control 1103, a counterclockwise rotation control 1104, an upward translation control 1105, a downward translation control 1106, a left translation control 1107 and a right translation control 1108. The zoom, rotation and translation controls on the font icon modification window can be used to process information of a special svg image, and the font icon name can be modified through the form.

[0123] From the font icon modification window, the interface of this font icon modification window is basically the same as that of the temporary icon modification window, except that it adds the function of uploading and downloading the special svg image corresponding to the current iconfont to facilitate the modification of the special svg image information under the font icon. At the same time, considering that the Font class cannot be modified after the iconfont is generated, it is grayed out here.

[0124] Here, after editing the iconfont, the logic of clicking the "OK" control in the font icon modification window is different from the logic of the OK control for temporary icon editing. After clicking the "OK" control, the system will call / modifyIcontfont to make modifications. In the / modifyIcontfont interface background service layer, the uploaded temporary icon will be replaced, the special svg picture corresponding to the iconfont in the workspace will be replaced, the system core function will be called, the iconfont method will be generated, and the modification will be completed. In one embodiment, the resource management method of the font icon also includes: in response to receiving the first preset number of click operations of the icon deletion control control, displaying an icon deletion start pop-up window; in response to receiving the icon deletion start operation on the icon deletion start pop-up window, displaying the font icon deletion control on the icon display box associated with each generated font icon; in response to receiving the click operation of the font icon deletion control corresponding to the font icon to be modified, calling the font icon deletion interface to delete the font icon to be modified and the associated font icon information from the font icon directory.

[0125] Among them, the font icon deletion control refers to an interactive control that can be used to delete the font icon to be modified; the icon deletion control control refers to a space used to control the display of the font icon deletion control in the font icon display box associated with the font icon to be modified; the first preset number of times is used to represent the number of clicks that trigger the display of the font icon deletion control in the font icon display box. For example, the first preset number of times can be 5 times, that is, after clicking the icon deletion control control 5 times, the icon deletion start pop-up window is displayed, hiding some risky functions to prevent misoperation and random deletion.

[0126] Fig.12 It is a schematic diagram of configuring an icon deletion start pop-up window provided by an embodiment of the present invention; Fig.13 Another configuration diagram of a font icon display frame provided by an embodiment of the present invention. Figure 5 A chrysanthemum icon is configured at the upper left corner of the main interface of the resource management system of the font icon shown in FIG. 1 , and the chrysanthemum icon is an icon deletion control 503. When the icon deletion control 503 is clicked 5 times, a pop-up window is displayed as shown in FIG. Fig.12 The icon shown in the figure deletes the start pop-up window, which includes an "OK" control and a "Cancel" control. After clicking the "OK" control, Fig.13 The font icon display box shown displays a font icon deletion control 1301. After clicking the font icon deletion control 1301, the font icon deletion interface can be directly called to delete the font icon to be modified and the associated font icon information from the font icon directory. It can be deployed in the enterprise intranet, and realizes the management of adding, deleting, modifying and checking font icons through a simple interface.

[0127] Exemplarily, the font icon deletion interface can be the / deleteIconfont interface. Because in the actual operation process, the deletion of the font icon requires the administrator to check all the source codes of the current development system to confirm that the font icon is no longer in use before it can be deleted. In order to prevent accidental deletion, the font icon deletion function is hidden by default. Only after the system icon (similar to the daisy icon) in the upper left corner of the system is clicked 5 times in a row will the icon deletion start pop-up window be displayed. Only after confirming on the icon deletion start pop-up window can the font icon deletion function be enabled and the font icon deletion control be displayed.

[0128] After clicking the font icon deletion control, a font icon deletion confirmation window pops up. After clicking the "OK" control on the font icon deletion confirmation window, the system calls the / deleteIconfont interface to initiate the deletion operation.

[0129] / The service corresponding to the deleteIconfont interface will call the system core function to generate the iconfont method to complete the deletion operation after deleting the special svg icon and font icon information corresponding to the font icon to be modified in the system workspace.

[0130] In one embodiment, the font icon resource management method further includes: in response to receiving a first preset number of click operations on the icon deletion control control, hiding the font icon deletion control of each generated font icon. After completing the deletion operation of the font icon to be modified, the icon deletion control control 503 can be clicked again, and after being clicked 5 times, the font icon resource system can hide the font icon deletion function of the font icon to be modified, that is, Fig.13 The font icon display box shown in the figure is changed to Fig.10 The font icon shown in the display box.

[0131] In one embodiment, the resource management method of font icons also includes: in response to receiving a second preset number of click operations to initialize the startup control, displaying a key input pop-up window; in response to receiving a key and a key confirmation operation on the key input pop-up window, restoring the initialization state of the resource management system of the font icon.

[0132] The second preset number of times is used to represent the number of times the secret key input pop-up window is triggered and displayed. The second preset number of times may be the same as the first preset number of times, or may be different. There is no limitation on this, and it can be configured as needed. For example, the second preset number of times may be 6 times.

[0133] For example, Fig.14 It is a configuration diagram of an initialization startup control provided by an embodiment of the present invention; Fig.15Schematic diagram of a configuration of a key input pop-up window provided by an embodiment of the present invention. Fig.14 As shown, a cartoon icon is configured in the upper right corner of the resource management system of the font icon, which is the initialization startup control 1401.

[0134] After the system is initialized, you can see the normal main interface of the system when you visit the page. Considering that the system may be initialized again, a hidden mechanism is also used here. But this time, the click is placed on the cartoon icon 1401 in the upper right corner.

[0135] Similarly, after clicking the second preset number of times, an initialization confirmation pop-up window pops up, and after clicking the "OK" control on the initialization confirmation pop-up window, a pop-up window such as Fig.15 The key input pop-up window shown is displayed. Only when the key is correct, the background service will clean up the system workspace and restore the system to the initialization state.

[0136] In one example, the installation method of this system is very simple. You only need to copy the background code of this system on the server with nodejs installed. After installing the dependent package, import the compiled content of the front-end code in the static directory of the background code, and then modify the system configuration file according to your own needs. Finally, execute npm run start to complete the startup of the system.

[0137] The system configuration files are as follows:

[0138]

[0139] Port is the port started by the current system

[0140] password is the system recovery initialization password

[0141] staticDir is the address of the static iconfont resource file used by the system to display iconfont icons. It is provided to the background service. Every time the background generates an iconfont resource, it will copy the generated iconfont resource from the workspace to this place for the front-end page to use.

[0142] In one embodiment, Fig.16 FIG. 1 is a schematic diagram of a font icon resource management device provided by an embodiment of the present invention. Fig.16 As shown, the device includes: a file acquisition module 1601, a file decompression module 1602, a workspace generation module 1603, an icon conversion module 1604 and an icon storage module 1605.

[0143] The file acquisition module 1601 is used to acquire a font icon file from a pre-generated font icon resource platform in response to receiving a font icon upload operation on the initial font icon resource pop-up window;

[0144] The file decompression module 1602 is used to decompress the pre-acquired font icon file to obtain the corresponding font icon resource, font icon JSON file and initial icon set;

[0145] A workspace generation module 1603 is used to generate a corresponding system workspace based on the font icon JSON file and the font icon resources;

[0146] An icon conversion module 1604 is used to convert each initial icon in the initial icon set to obtain a corresponding target icon set;

[0147] The icon storage module 1605 is used to store each font icon in the target icon set into a font icon directory pre-configured in the system workspace.

[0148] In one embodiment, the font icon resource management device further includes:

[0149] An upload interface display module, for displaying an icon upload interface in response to receiving an icon upload operation in the temporary icon management window;

[0150] An information generation module, configured to generate temporary data information associated with the temporary icon in response to receiving the temporary icon on the icon upload interface;

[0151] a font icon generating module, configured to generate an associated font icon based on the temporary icon and the associated temporary data information in response to receiving a font icon generating operation in the temporary icon management window;

[0152] The font icon display module is used to display the font icon in the font icon management window; wherein the temporary icon management window and the font icon management window are located on the main interface of the font icon resource management system and in two different interface areas.

[0153] In one embodiment, temporary data information associated with a temporary vector image is generated, specifically for: processing a temporary icon through a preconfigured first processing interface to obtain associated temporary icon information; wherein the temporary icon information includes at least a temporary icon identifier, a temporary icon name, and a font class; processing the temporary icon information according to a JSON data structure to obtain temporary data information.

[0154] In one embodiment, the font icon resource management device further includes:

[0155] The information storage module is used to store the temporary icon and the associated temporary data information in a pre-configured temporary icon directory.

[0156] In one embodiment, the font icon resource management device further includes:

[0157] A temporary icon modification control display module, configured to display a temporary icon modification control in a temporary icon display box of the temporary icon to be modified in response to receiving a click operation of the temporary icon to be modified;

[0158] A temporary icon information display module, for, in response to receiving a click operation of the temporary icon modification control, obtaining temporary icon information of the temporary icon to be modified from the temporary icon directory, and displaying the information on the associated temporary icon modification window;

[0159] The temporary icon information modification module is used to respond to the temporary icon modification information received on the temporary icon modification window, modify the temporary icon to be modified according to the temporary icon modification information, and obtain new temporary icon information.

[0160] In one embodiment, the font icon resource management device further includes:

[0161] A temporary icon deletion control display module, configured to display a temporary icon deletion control in a temporary icon display box of the temporary icon to be modified in response to receiving a click operation of the temporary icon to be modified;

[0162] A confirmation floating window display module, configured to display a temporary icon deletion confirmation floating window in response to receiving a click operation of the temporary icon deletion control;

[0163] The temporary icon information deletion module is used to call the temporary icon deletion interface to delete the temporary icon to be modified and the associated temporary data information from the temporary icon directory in response to receiving a temporary icon deletion confirmation operation in the temporary icon deletion confirmation floating window.

[0164] In one embodiment, generating an associated font icon based on the temporary icon and the associated temporary data information is specifically used for:

[0165] Search the generated font icon with the same name as the temporary icon in the font icon directory as the first type of font icon;

[0166] If the number of the first type of font icons is not empty, combining the font class of the temporary icon and the temporary icon name as a new temporary icon name;

[0167] Store the new temporary icon name into the font icon directory;

[0168] The font icon generation interface is used to call the font operation library and the font icon JSON file, convert the temporary icon, and generate the associated font icon.

[0169] In one embodiment, the font icon resource management device further includes:

[0170] A font icon acquisition module, configured to, in response to a received font icon query operation carrying a font icon keyword, call a font icon resource acquisition interface to acquire all generated font icons associated with the font icon keyword from a pre-configured font icon JSON file;

[0171] The font icon display module is used to display all generated font icons associated with the font icon keyword on the font icon management window.

[0172] In one embodiment, the font icon resource management device further includes:

[0173] A font icon modification control display module, configured to display a font icon modification control in a font icon display box of the font icon to be modified in response to receiving a click operation on the font icon to be modified;

[0174] A font icon information display module, configured to, in response to receiving a click operation of the font icon modification control, obtain font icon information of the font icon to be modified from the font icon directory, and display the font icon information on the associated font icon modification window;

[0175] The font icon information modification module is used to respond to the font icon modification information received in the font icon modification window, modify the font icon to be modified according to the font icon modification information, and obtain new font icon information.

[0176] In one embodiment, the font icon resource management device further includes:

[0177] A deletion start pop-up window display module, configured to display an icon deletion start pop-up window in response to receiving a first preset number of click operations on the icon deletion control component;

[0178] A font icon deletion control display module, configured to display a font icon deletion control on an icon display frame associated with each generated font icon in response to receiving an icon deletion start operation on an icon deletion start pop-up window;

[0179] The font icon information deletion module is used to call the font icon deletion interface to delete the font icon to be modified and the associated font icon information from the font icon directory in response to receiving a click operation of the font icon deletion control corresponding to the font icon to be modified.

[0180] In one embodiment, the font icon resource management device further includes:

[0181] The icon deletion control hiding module is used to hide the font icon deletion control of each generated font icon in response to receiving a first preset number of click operations on the icon deletion control control.

[0182] In one embodiment, the font icon resource management device further includes:

[0183] A secret key input pop-up window display module, configured to display a secret key input pop-up window in response to receiving a second preset number of click operations of the initialization start control;

[0184] The initialization state recovery module is used to restore the initialization state of the resource management system of the font icon in response to receiving a key and a key confirmation operation on the key input pop-up window.

[0185] The font icon resource management device provided in the embodiment of the present invention can execute the font icon resource management method provided in any embodiment of the present invention, and has the corresponding functional modules and beneficial effects of the execution method.

[0186] In one embodiment, Fig.17 is a structural block diagram of an electronic device provided by an embodiment of the present invention, such as Fig.17 As shown, a schematic diagram of the structure of an electronic device 10 that can be used to implement an embodiment of the present invention is shown. The electronic device is intended to represent various forms of digital computers, such as laptop computers, desktop computers, workbenches, personal digital assistants, servers, blade servers, mainframe computers, and other suitable computers. The electronic device can also represent various forms of mobile devices, such as personal digital processing, cellular phones, smart phones, wearable devices (such as helmets, glasses, watches, etc.) and other similar computing devices. The components shown herein, their connections and relationships, and their functions are merely examples and are not intended to limit the implementation of the present invention described and / or required herein.

[0187] like Fig.17As shown, the electronic device 10 includes at least one processor 11, and a memory connected to the at least one processor 11, such as a read-only memory (ROM) 12, a random access memory (RAM) 13, etc., wherein the memory stores a computer program that can be executed by at least one processor, and the processor 11 can perform various appropriate actions and processes according to the computer program stored in the read-only memory (ROM) 12 or the computer program loaded from the storage unit 18 to the random access memory (RAM) 13. In the RAM 13, various programs and data required for the operation of the electronic device 10 can also be stored. The processor 11, the ROM 12, and the RAM 13 are connected to each other through a bus 14. An input / output (I / O) interface 15 is also connected to the bus 14.

[0188] A number of components in the electronic device 10 are connected to the I / O interface 15, including: an input unit 16, such as a keyboard, a mouse, etc.; an output unit 17, such as various types of displays, speakers, etc.; a storage unit 18, such as a disk, an optical disk, etc.; and a communication unit 19, such as a network card, a modem, a wireless communication transceiver, etc. The communication unit 19 allows the electronic device 10 to exchange information / data with other devices through a computer network such as the Internet and / or various telecommunication networks.

[0189] The processor 11 may be a variety of general and / or special processing components with processing and computing capabilities. Some examples of the processor 11 include, but are not limited to, a central processing unit (CPU), a graphics processing unit (GPU), various special artificial intelligence (AI) computing chips, various processors running machine learning model algorithms, a digital signal processor (DSP), and any appropriate processor, controller, microcontroller, etc. The processor 11 executes the various methods and processes described above, such as a resource management method for font icons.

[0190] In some embodiments, the resource management method for font icons may be implemented as a computer program, which is tangibly contained in a computer-readable storage medium, such as a storage unit 18. In some embodiments, part or all of the computer program may be loaded and / or installed on the electronic device 10 via the ROM 12 and / or the communication unit 19. When the computer program is loaded into the RAM 13 and executed by the processor 11, one or more steps of the resource management method for font icons described above may be performed. Alternatively, in other embodiments, the processor 11 may be configured to execute the resource management method for font icons in any other appropriate manner (e.g., by means of firmware).

[0191] Various implementations of the systems and techniques described above herein can be implemented in digital electronic circuit systems, integrated circuit systems, field programmable gate arrays (FPGAs), application specific integrated circuits (ASICs), application specific standard products (ASSPs), systems on chips (SOCs), load programmable logic devices (CPLDs), computer hardware, firmware, software, and / or combinations thereof. These various implementations can include: being implemented in one or more computer programs that can be executed and / or interpreted on a programmable system including at least one programmable processor, which can be a special purpose or general purpose programmable processor that can receive data and instructions from a storage system, at least one input device, and at least one output device, and transmit data and instructions to the storage system, the at least one input device, and the at least one output device.

[0192] Computer programs for implementing the methods of the present invention may be written in any combination of one or more programming languages. These computer programs may be provided to a processor of a general-purpose computer, a special-purpose computer, or other programmable data processing device, so that when the computer program is executed by the processor, the functions / operations specified in the flow chart and / or block diagram are implemented. The computer program may be executed entirely on the machine, partially on the machine, partially on the machine and partially on a remote machine as a stand-alone software package, or entirely on a remote machine or server.

[0193] In the context of the present invention, a computer-readable storage medium may be a tangible medium that may contain or store a computer program for use by or in combination with an instruction execution system, device or equipment. A computer-readable storage medium may include, but is not limited to, electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, devices or equipment, or any suitable combination of the foregoing. Alternatively, a computer-readable storage medium may be a machine-readable signal medium. A more specific example of a machine-readable storage medium may include an electrical connection based on one or more lines, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.

[0194] To provide interaction with a user, the systems and techniques described herein may be implemented on an electronic device having: a display device (e.g., a CRT (cathode ray tube) or LCD (liquid crystal display) monitor) for displaying information to the user; and a keyboard and a pointing device (e.g., a mouse or trackball) through which the user can provide input to the electronic device. Other types of devices may also be used to provide interaction with the user; for example, the feedback provided to the user may be any form of sensory feedback (e.g., visual feedback, auditory feedback, or tactile feedback); and input from the user may be received in any form (including acoustic input, voice input, or tactile input).

[0195] The systems and techniques described herein may be implemented in a computing system that includes backend components (e.g., as a data server), or a computing system that includes middleware components (e.g., an application server), or a computing system that includes frontend components (e.g., a user computer with a graphical user interface or a web browser through which a user can interact with implementations of the systems and techniques described herein), or a computing system that includes any combination of such backend components, middleware components, or frontend components. The components of the system may be interconnected by any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include: a local area network (LAN), a wide area network (WAN), a blockchain network, and the Internet.

[0196] A computing system may include a client and a server. The client and the server are generally remote from each other and usually interact through a communication network. The client and server relationship is generated by computer programs running on the corresponding computers and having a client-server relationship with each other. The server may be a cloud server, also known as a cloud computing server or cloud host, which is a host product in the cloud computing service system to solve the defects of difficult management and weak business scalability in traditional physical hosts and VPS services.

[0197] An embodiment of the present invention further provides a computer program product, including a computer program, which, when executed by a processor, can implement the resource management method for font icons provided in any embodiment of the present application.

[0198] In the process of implementation, the computer program product can be written in one or more programming languages ​​or a combination thereof to perform the computer program code of the present application, and the programming language includes an object-oriented programming language, such as Java, Smalltalk, C++, and also includes a conventional procedural programming language, such as "C" language or similar programming language. The program code can be executed entirely on the user's computer, partially on the user's computer, as an independent software package, partially on the user's computer and partially on the remote computer, or completely on the remote computer or server. In the case of a remote computer, the remote computer can be connected to the user's computer through any type of network, including a local area network (LAN) or a wide area network (WAN), or can be connected to an external computer (for example, using an Internet service provider to connect through the Internet).

[0199] It should be understood that the various forms of processes shown above can be used to reorder, add or delete steps. For example, the steps described in the present invention can be executed in parallel, sequentially or in different orders, as long as the desired results of the technical solution of the present invention can be achieved, and this document does not limit this.

[0200] The above specific implementations do not constitute a limitation on the protection scope of the present invention. It should be understood by those skilled in the art that various modifications, combinations, sub-combinations and substitutions can be made according to design requirements and other factors. Any modification, equivalent substitution and improvement made within the spirit and principle of the present invention should be included in the protection scope of the present invention.

Claims

1. A font icon resource management method, characterized in that: A resource management system applied to pre-configured font icons; the method comprising: In response to receiving a font icon upload operation on the initial font icon resource pop-up window, acquiring a font icon file from a pre-generated font icon resource platform; Decompress the pre-acquired font icon file to obtain the corresponding font icon resource, font icon JSON file and initial icon set; Generate a corresponding system workspace based on the font icon JSON file and the font icon resource; Convert each initial icon in the initial icon set to obtain a corresponding target icon set; Each font icon in the target icon set is stored in a font icon directory preconfigured in the system workspace.

2. The method according to claim 1, characterized in that The method further comprises: In response to receiving an icon upload operation in the temporary icon management window, displaying an icon upload interface; In response to receiving a temporary icon on the icon upload interface, generating temporary data information associated with the temporary icon; In response to receiving a font icon generation operation in the temporary icon management window, generating an associated font icon based on the temporary icon and the associated temporary data information; The font icon is displayed in the font icon management window; wherein the temporary icon management window and the font icon management window are located on the main interface of the font icon resource management system and in two different interface areas.

3. The method according to claim 2, characterized in that The generating temporary data information associated with the temporary vector picture includes: Processing the temporary icon through a pre-configured first processing interface to obtain associated temporary icon information; wherein the temporary icon information at least includes a temporary icon identifier, a temporary icon name, and a font type; The temporary icon information is processed according to the JSON data structure to obtain temporary data information.

4. The method according to claim 3, characterized in that The method further comprises: The temporary icon and the associated temporary data information are stored in a pre-configured temporary icon directory.

5. The method according to claim 4, characterized in that The method further comprises: In response to receiving a click operation on the temporary icon to be modified, displaying a temporary icon modification control in a temporary icon display box of the temporary icon to be modified; In response to receiving a click operation of the temporary icon modification control, obtaining temporary icon information of the temporary icon to be modified from the temporary icon directory, and displaying the temporary icon information in an associated temporary icon modification window; In response to the temporary icon modification information received on the temporary icon modification window, the temporary icon to be modified is modified according to the temporary icon modification information to obtain new temporary icon information.

6. The method according to claim 4, characterized in that The method further comprises: In response to receiving a click operation on the temporary icon to be modified, displaying a temporary icon deletion control in a temporary icon display box of the temporary icon to be modified; In response to receiving a click operation on the temporary icon deletion control, displaying a temporary icon deletion confirmation floating window; In response to receiving a temporary icon deletion confirmation operation in the temporary icon deletion confirmation floating window, a temporary icon deletion interface is called to delete the temporary icon to be modified and the associated temporary data information from the temporary icon directory.

7. The method according to claim 2, characterized in that The generating an associated font icon based on the temporary icon and the associated temporary data information comprises: Searching the font icon directory for a generated font icon with the same name as the temporary icon as the first type of font icon; If the number of the first type of font icons is not empty, combining the font class of the temporary icon and the temporary icon name as a new temporary icon name; Storing the new temporary icon name in the font icon directory; The font icon generation interface is used to call the font operation library and the font icon JSON file, convert the temporary icon, and generate an associated font icon.

8. The method according to any one of claims 1 to 7, characterized in that: The method further comprises: In response to the received font icon query operation carrying the font icon keyword, calling the font icon resource acquisition interface to acquire all generated font icons associated with the font icon keyword from a pre-configured font icon JSON file; All generated font icons associated with the font icon keyword are displayed on the font icon management window.

9. The method according to any one of claims 1 to 7, characterized in that: The method further comprises: In response to receiving a click operation on the font icon to be modified, displaying a font icon modification control in a font icon display box of the font icon to be modified; In response to receiving a click operation of the font icon modification control, obtaining font icon information related to the font icon to be modified from the font icon directory, and displaying the font icon information in an associated font icon modification window; In response to the font icon modification information received in the font icon modification window, the font icon to be modified is modified according to the font icon modification information to obtain new font icon information.

10. The method according to any one of claims 1 to 7, characterized in that: The method further comprises: In response to receiving a first preset number of click operations on the icon deletion control, displaying an icon deletion start pop-up window; In response to receiving an icon deletion start operation on the icon deletion start pop-up window, displaying a font icon deletion control on an icon display frame associated with each generated font icon; In response to receiving a click operation on a font icon deletion control corresponding to the font icon to be modified, a font icon deletion interface is called to delete the font icon to be modified and the associated font icon information from the font icon directory.

11. The method according to claim 10, characterized in that The method further comprises: In response to receiving a first preset number of click operations on the icon deletion control, hiding the font icon deletion control of each generated font icon.

12. The method according to any one of claims 1 to 7, characterized in that: The method further comprises: In response to receiving a second preset number of click operations for initializing the start control, displaying a key input pop-up window; In response to receiving a key and a key confirmation operation on the key input pop-up window, restoring an initialization state of the resource management system of the font icon.

13. A font icon resource management device, characterized in that: include: A file acquisition module, configured to acquire a font icon file from a pre-generated font icon resource platform in response to receiving a font icon upload operation on an initial font icon resource pop-up window; A file decompression module, used to decompress the pre-acquired font icon file to obtain the corresponding font icon resource, font icon JSON file and initial icon set; A workspace generation module, used to generate a corresponding system workspace based on the font icon JSON file and the font icon resource; An icon conversion module, used to convert each initial icon in the initial icon set to obtain a corresponding target icon set; The icon storage module is used to store each font icon in the target icon set into a font icon directory pre-configured in the system workspace.

14. An electronic device, characterized in that: The electronic device comprises: at least one processor; and a memory communicatively connected to the at least one processor; wherein, The memory stores a computer program executable by the at least one processor, and the computer program is executed by the at least one processor so that the at least one processor can execute the font icon resource management method according to any one of claims 1 to 12.

15. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores computer instructions, and the computer instructions are used to enable a processor to implement the font icon resource management method according to any one of claims 1 to 12 when executed.

16. A computer program product, characterized in that The computer program product comprises a computer program, and when the computer program is executed by a processor, the computer program implements the resource management method for font icons according to any one of claims 1 to 12.

Images