CN113779435A

CN113779435A - Category navigation method and electronic equipment

Info

Publication number: CN113779435A
Application number: CN202110939713.4A
Authority: CN
Inventors: 程冲; 黄定磊; 张玉龙; 李少杰; 李星; 宋颖颖
Original assignee: Hema China Co Ltd
Current assignee: Hema China Co Ltd
Priority date: 2021-08-16
Filing date: 2021-08-16
Publication date: 2021-12-10

Abstract

The embodiment of the application discloses a category navigation method and electronic equipment, wherein the method comprises the following steps: displaying a target page, wherein the target page comprises a map display area; the map display area is used for performing aggregation display on the representative images of the multiple sub-level categories under the target parent category, and each representative image corresponds to an operable area; after receiving category selection operation of a user through a target operable area corresponding to one target representative image, determining a sub-category corresponding to the target representative image as a selected target sub-category; providing detailed information about the target sub-level class. By the aid of the method and the device, more visual and more flexible category navigation based on the images can be realized.

Description

Category navigation method and electronic equipment

Technical Field

The present application relates to the field of category navigation technologies, and in particular, to a category navigation method and an electronic device.

Background

The encyclopedia information system is a knowledge information system serving internet users, and specifically can cover all field knowledge or only a certain professional field. For example, specific areas of expertise may include the area of real estate, the area of automobiles, the area of animals, the area of plants, and so forth.

Since encyclopedia information is usually more numerous, in order to facilitate viewing, various information can be organized in categories, and multiple categories can be divided, including a first category, a second category, a third category, and the like. In the process of page display, category navigation information can be provided, and a user can perform category screening and filtering through the navigation information of the multiple levels of categories.

In the field of traditional encyclopedia classification, category navigation information is mainly provided in a manner of a category tree, for example, a vertical category tree with a left-right structure is adopted, tag screening is performed from the left side according to a list form, content corresponding to a rotating tag is displayed on the right side, and the like. The screening method of the category tree can achieve information listing of professional knowledge, but the information is not intuitive enough, so that the efficiency is low when the user conducts category screening and filtering.

Disclosure of Invention

The application provides a category navigation method and electronic equipment, which can realize more intuitive and more flexible category navigation based on images.

The application provides the following scheme:

a category navigation method, comprising:

displaying a target page, wherein the target page comprises a map display area; the map display area is used for performing aggregation display on the representative images of the multiple sub-level categories under the target parent category, and each representative image corresponds to an operable area;

after receiving category selection operation of a user through a target operable area corresponding to one target representative image, determining a sub-category corresponding to the target representative image as a selected target sub-category;

providing detailed information about the target sub-level class.

The target page further comprises a first label bar, the first label bar is used for displaying labels of a plurality of parent categories so as to be used for switching and displaying different parent categories in the target page, the plurality of different parent categories share the same map display area, and aggregation display of sub-category representative images is performed.

When the sub-level category representative images of different parent-level categories are subjected to aggregation display through the map display area, the representative images are subjected to personalized layout according to the number of the sub-level categories and/or the characteristics of the representative images under the parent-level categories.

Wherein the representative image includes: a representative image is obtained by image shooting a real object corresponding to the sub-category in the real world;

the personalized layout comprises: the size, placement position and/or orientation of each representative image in the atlas presentation area is designed.

In the map display area, the representative images corresponding to a plurality of sub-categories under the same parent category may have different sizes and/or directions.

Wherein the plurality of sub-level categories comprises: a plurality of sub-level categories divided according to a plurality of different parts in the same subject object;

representative images for each sub-level category include: a geometric figure which is drawn according to the shape of the real object corresponding to the sub-level category in the real world;

the personalized layout comprises: and arranging and displaying the geometric figures according to the outline schematic diagram of the main body object and the part information corresponding to the sub-level categories.

Taking an area within a circumscribed rectangle range of the outline of the representative image as an operable area corresponding to the representative image; alternatively, the first and second electrodes may be,

and taking the area within the outline curve range of the representative image as the corresponding operable area of the representative image.

Wherein, the display target page comprises:

acquiring page data of the target page, wherein the page data comprises: the structured data corresponding to the target parent-level category comprises a plurality of data entries, each data entry corresponds to the identifier of one of the child-level categories, the network positioning mark information of the representative image and the position information of the operable area in the design base map; the design base map is used for designing the layout modes of a plurality of representative images corresponding to the plurality of sub-level categories;

when the target page is displayed, the network positioning mark information and the position information are obtained by analyzing the structured data, the representative image is obtained according to the network positioning mark information, and the corresponding position information of the representative image and the operable area in the atlas display area is determined according to the position information.

When an area within a circumscribed rectangle range of the outline of the representative image is taken as an operable area corresponding to the representative image, the position information of the operable area in the design base map comprises: the width and the height of the circumscribed rectangle, and the coordinate of the upper left corner of the circumscribed rectangle relative to the origin of the design base map.

When an area in the range of the outline curve of the representative image is taken as an operable area corresponding to the representative image, if a figure enclosed by the outline curve is an irregular figure, the position information of the operable area in the design base map comprises: and coordinate information of a plurality of pixel points on the contour curve in the design base map.

Wherein the profile data further comprises: resolution information of the design base map;

the determining the corresponding position information of the representative image and the operable area in the atlas display area comprises:

and converting the position information in the design base map into corresponding position information in the map display area according to the resolution information of the design base map and the resolution information of the current terminal equipment.

After receiving a category selection operation of a user through a target operable area corresponding to one of the target representative images, the method further includes:

and modifying the image display attribute in the target operable area.

And the target page also comprises a detail display area which is used for displaying the detail information of the selected target sub-level category.

The target page further comprises a second label bar, and the second label bar is used for displaying labels of the plurality of sub-level categories.

A method of providing food material knowledge information, comprising:

after a request for accessing food material knowledge is received, providing a target page, wherein the target page comprises a first label bar, a second label bar, a map display area and a detail display area; the first label column is used for displaying labels of a plurality of parent food categories;

determining a target parent food material category in the first tab bar in a selected state;

displaying a plurality of labels of sub-level food categories under the target parent-level food category in the second label column, and performing aggregation display on representative images of the sub-level food categories in the map display area, wherein each representative image corresponds to an operable area;

after receiving category selection operation of a user through a target operable area corresponding to one target representative image, determining a sub-level food material category corresponding to the target representative image as a selected target sub-level food material category;

providing knowledge detail information about the target sub-level food material category in the detail display area.

Wherein, still include:

and when the knowledge detail information of the target sub-level food material category is displayed, providing commodity object recommendation information corresponding to the target sub-level food material category and an operation control for adding a commodity object to a to-be-purchased set, so that the selection of the target commodity object and the operation of adding the target commodity object to the to-be-purchased set are performed through the target page.

A food material knowledge information page, which comprises a plurality of food material knowledge pages,

the food material knowledge information page comprises a first label bar, a second label bar, an atlas display area and a detail display area; the first label column is used for displaying labels of a plurality of parent food categories; when the target parent-level food material category in the first label bar is in a selected state, the second label bar is used for displaying labels of a plurality of sub-level food material categories under the target parent-level food material category, and the map display area is used for performing aggregation display on representative images of the plurality of sub-level food material categories; each representative image corresponds to an operable area respectively and is used for receiving category selection operation executed by a user on the sub-level food material categories; and when the target sub-level food material category is in a selected state, the detail display area is used for displaying the detail information of the target sub-level category.

A visual graphical editing method, comprising:

receiving an imported design base map, wherein the design base map comprises a plurality of representative images, and the plurality of representative images correspond to a plurality of sub-level categories under the same parent-level category;

respectively acquiring contour curves of the representative images, and generating a coordinate sequence by taking position coordinates of a plurality of points from the contour curves;

receiving network positioning mark information and sub-level category identification respectively corresponding to the plurality of representative images through marking operation options;

storing the corresponding relation among the network positioning mark information, the sub-level category identification and the coordinate sequence as structured data according to a pre-configured structured data template;

uploading the structured data and the corresponding parent category identification to a target content server so as to return the structured data to a client when receiving an access request of a user to a target page, wherein the client performs aggregation display on representative images corresponding to a plurality of child categories under the parent category in an atlas display area of the target page by analyzing the structured data.

Wherein said respectively obtaining the contour curves of said plurality of representative images comprises:

and carrying out edge detection on the design base map through an edge detection algorithm, and determining the contour curves of the plurality of representative images according to the edge detection result.

Wherein, still include:

and receiving an operation of configuring the display attribute of the contour curve through a configuration operation option to generate special effect information for the detected contour curve, drawing the contour curve after receiving a category selection operation of a user through a corresponding operable area, and displaying the special effect information.

An item navigation device comprising:

the page display unit is used for displaying a target page, and the target page comprises a map display area; the map display area is used for performing aggregation display on the representative images of the multiple sub-level categories under the target parent category, and each representative image corresponds to an operable area;

the category selection operation receiving unit is used for determining the sub-category corresponding to the target representative image as the selected target sub-category after receiving the category selection operation of a user through a target operable area corresponding to one of the target representative images;

a detail information providing unit for providing detail information about the target sub-level class.

An apparatus for providing knowledge information of food materials, comprising:

the food material knowledge display method comprises a page providing unit, a detail display unit and a display unit, wherein the page providing unit is used for providing a target page after receiving a request for accessing food material knowledge, and the target page comprises a first label bar, at least one second label bar, a map display area and a detail display area; the first label column is used for displaying labels of a plurality of parent food categories;

the parent food material category selecting unit is used for determining a target parent food material category in a selected state in the first label bar;

the map display unit is used for displaying a plurality of sub-level food material category labels under the target parent food material category in the second label column, and performing aggregation display on the representative images of the sub-level food material categories in the map display area, wherein each representative image corresponds to an operable area;

the sub-level food material category selecting unit is used for determining the sub-level food material category corresponding to one target representative image as the selected target sub-level food material category after receiving the category selecting operation of a user through a target operable area corresponding to the target representative image;

and the knowledge detail information display unit is used for providing knowledge detail information about the target sub-level food material category in the detail display area.

A visual graphic editing apparatus comprising:

the design base map receiving unit is used for receiving an imported design base map, the design base map comprises a plurality of representative images, and the plurality of representative images correspond to a plurality of sub-level categories under the same parent-level category;

a coordinate sequence generating unit configured to acquire contour curves of the plurality of representative images, respectively, and generate a coordinate sequence by taking position coordinates of a plurality of points from the contour curves;

the marking unit is used for receiving the network positioning mark information and the sub-level category identification which respectively correspond to the plurality of representative images through marking operation options;

the structured data generating unit is used for storing the corresponding relation among the network positioning mark information, the sub-level category identification and the coordinate sequence as structured data according to a pre-configured structured data template;

and the data submitting unit is used for uploading the structured data and the corresponding identifier of the parent category to a target content server so as to return the structured data to a client when receiving an access request of a user to a target page, and the client performs aggregation display on the representative images corresponding to the plurality of child categories under the parent category in an atlas display area of the target page by analyzing the structured data.

A computer-readable storage medium, on which a computer program is stored which, when being executed by a processor, carries out the steps of the method of any of the preceding claims.

An electronic device, comprising:

one or more processors; and

a memory associated with the one or more processors for storing program instructions that, when read and executed by the one or more processors, perform the steps of the method of any of the preceding claims.

According to the specific embodiments provided herein, the present application discloses the following technical effects:

in the embodiment of the application, through an image-based category navigation scheme, specifically, in a target page for displaying category navigation information, a map display area may be provided, and the map display area may be used for performing aggregation display on representative images of a plurality of sub-categories under the same parent category. In addition, each representative image may also correspond to an operable area, and after receiving a category selection operation of a user through a target operable area corresponding to one of the target representative images, a sub-level category corresponding to the target representative image may be determined as a selected target sub-level category, and detailed information about the target sub-level category may be provided. Through the scheme, the representative images of the sub-level categories can be visually compared and displayed through the map display area, and the specific representative images do not need to be displayed through the label bar and are not limited by the size and the like of specific label units in the label bar, so that the representative images of the sub-level categories can be displayed more flexibly.

In addition, because the specific map display area has the characteristic of flexibility, the same map display area can be shared by a plurality of parent categories, and when the representative images of the child categories of different parent categories are displayed in an aggregation manner, the representative images can be individually arranged according to the number of the child categories and/or the characteristic of the representative images under the specific parent categories. Even for each sub-category under the same parent category, the corresponding representative images may have different sizes, placement directions, etc., so that the representative images displayed can better highlight the features of the sub-categories.

Moreover, in order to facilitate the implementation of the personalized layout, the embodiment of the present application further defines structured data, and a designer can design a layout of a specific representative image by using a design tool under a line to generate a design base map. And then, the position of the operable area corresponding to the specific representation image in the design base map can be converted into corresponding structured data in a mode of marking and the like. In addition, visual image editing tools may also be provided, by which structured data may be automatically generated from the input design base. In addition, with the image editing tool, the representative image contour curve can be identified through an edge detection algorithm and the like, a plurality of points are extracted from the contour curve to form a coordinate sequence, and the coordinate sequence can be used as the position information of the operable area of the specific representative image. In this way, the region within the range of the irregular contour curve can be determined as the operable region, the operable regions of a plurality of representative images can be prevented from overlapping with each other, and even if more representative images are displayed within the limited range of the map display region, the sensing error or the sensitivity reduction of the user operation can be prevented.

Of course, it is not necessary for any product to achieve all of the above-described advantages at the same time for the practice of the present application.

Drawings

In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, the drawings needed to be used in the embodiments will be briefly described below, and it is obvious that the drawings in the following description are only some embodiments of the present application, and it is obvious for those skilled in the art to obtain other drawings without creative efforts.

FIG. 1 is a schematic diagram of a system architecture provided by an embodiment of the present application;

FIG. 2 is a flow chart of a first method provided by an embodiment of the present application;

3-1 to 3-3 are schematic diagrams of various personalized display modes in the atlas display area provided in the embodiment of the application;

FIG. 4 is a schematic diagram from a design base to a page presentation provided by an embodiment of the present application;

FIG. 5 is a schematic diagram of a composition structure of a page provided in an embodiment of the present application;

FIG. 6 is a flow chart of a second method provided by embodiments of the present application;

FIG. 7 is a flow chart of a third method provided by embodiments of the present application;

FIG. 8 is a schematic diagram of a first apparatus provided by an embodiment of the present application;

FIG. 9 is a schematic diagram of a second apparatus provided by an embodiment of the present application;

FIG. 10 is a schematic diagram of a third apparatus provided by an embodiment of the present application;

fig. 11 is a schematic diagram of an electronic device provided in an embodiment of the present application.

Detailed Description

The technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application, and it is obvious that the described embodiments are only a part of the embodiments of the present application, and not all of the embodiments. All other embodiments that can be derived from the embodiments given herein by a person of ordinary skill in the art are intended to be within the scope of the present disclosure.

In the embodiment of the application, an implementation scheme for performing category navigation based on images is provided. It should be noted first that, in the prior art, there is a way to provide a corresponding picture for each specific category tag in the category navigation page. However, the specific picture is shown in the tab bar together with the text tab for the category. That is, a conventional label of plain text is replaced with a label expressed by text together with a picture. Compared with a label of a plain text, the method can convey richer information to the user, and is convenient for the user to perform category screening. However, since the area of the label column is usually very limited, the area of each label unit is more limited, and each label unit is usually designed according to a standard size and arrangement, it is often difficult to sufficiently embody the characteristics of a specific object when pictures are displayed in the label unit.

Therefore, in the embodiment of the application, a special atlas display area can be created in the category navigation area of the target page, representative images of a plurality of sub-level categories under the same parent category can be collectively displayed in the atlas display area, and each representative image corresponds to an operable area. That is to say, in the embodiment of the present application, category navigation may be performed for the user by using a representative image of a sub-level category, and this representative image may be displayed in a map display area with a larger area, instead of being displayed in a tab bar together with a category tab text. In addition, representative images of a plurality of sub-level categories under the same parent category can be displayed in a gathering manner, so that the characteristics of objects corresponding to specific sub-level categories can be shown through a larger-area display area, and the representative images are favorable for forming vivid and visual contrast among different sub-level categories, so that a user is helped to acquire richer information, and the category screening and filtering are helped to be more favorably carried out.

In a preferred embodiment, an operation control (for example, a plurality of tabs in a tab bar, etc.) for switching different parent categories may be provided in the same target page, and a plurality of different parent categories may share the same map display area. At this time, when switching is performed between different parent categories, personalized layout can be performed on each representative image in the map display area according to the characteristics of a plurality of child categories under the specific parent categories. That is, for different parent categories, the representative images corresponding to the specific sub-categories may have different layout manners, and even under the same parent category, the representative images of the sub-categories may have different sizes, placement directions (for example, some horizontal placement, some vertical placement), and the like. Through the personalized layout, the characteristics of the corresponding sub-level categories can be better highlighted through the representative images. On the other hand, the number of sub-level categories included under various different parent categories, and the shape, size, etc. of the representative image corresponding to each sub-level category may be different; however, the area of the map display area is usually fixed or can only be changed within a limited range, so that the personalized layout mode is also beneficial to better adapt to different situations under different father categories within the limited map display area range, and a designer can select a proper layout mode according to the specific situations of specific father categories.

To facilitate the translation from the designer's design process to the machine recognition process, embodiments of the present application may also provide structured data templates. The designer can design the layout mode of the representative images under each parent category by using an offline graphic design tool to generate a design base map. Then, the position of each representative image in the design base map, the corresponding sub-level category identification and the like are labeled and converted into corresponding structured data (which can be text in a specific computer language format, such as Json text and the like). When the front end is displayed specifically, a plurality of renderable objects can be created by analyzing specific structured data and displayed in the map display area. In addition, the operable region of each representative image can be generally simply represented by a circumscribed rectangle representing the outline of the image, and in this case, the position of the operable region can be expressed in the structured data by using the height, width, coordinates in the design base map, and the like of the circumscribed rectangle. Alternatively, when the number of the sub-level categories is relatively large, the region within the outline curve range of the representative image may be used as the operable region, so as to reduce the occurrence of problems such as reduction in user operation sensitivity and accuracy caused by overlapping of operable regions of different representative images. In this case, in the structured data, the positions of a plurality of pixel points in the outline curve representing the image in the design base map, the positions of the operable regions, and the like can be used for expression. In addition, in this case, a visual graphical editor may also be provided for the designer, based on which the designer may import the design base drawings, enable automatic generation of structured data, and so on.

In addition, a label bar is provided in the specific category navigation area for displaying labels of each sub-level category, and when the specific representative image is selected, the representative image in the map display area and the label corresponding to the label bar can be synchronously highlighted, so that more specific sub-level category information can be provided for the user through the representative image and the label text. In addition, more tab bars can be provided in the category navigation area for displaying category tabs at other levels, so that the switching of categories at different levels in the same scene in the same page is realized, frequent switching among multiple pages is avoided, and immersive browsing experience is provided for users.

From the perspective of system architecture, referring to fig. 1, the technical solution provided by the embodiment of the present application can be used in an information system with a category navigation function. For example, a category navigation function module may be provided in an information system, the function module may include a content server and a client, a specific client may be configured to provide a front-end page display, specifically, a map display area may be provided in a target page of the information system, and in the map display area, a representative image corresponding to a plurality of sub-category categories under the same parent category is displayed, and a user may select a specific sub-category by clicking an operable area of the specific representative image in the map display area. The content server may be configured to store specific page data, and in this embodiment of the application, a layout manner and the like of each specific representative image in the map display area may be described in a form of structured data. In an alternative manner, as described above, the automatic generation of the structured data may be implemented by the visual picture editor, and the generated structured data may be uploaded to the content server. The content server provides services such as https and the like externally, the client requests to acquire structured data from the content server through the network, and the client analyzes the structured data to display each representative image and respond to the operation of the user through the operable area of the representative object.

It should be noted that the image-based category navigation scheme provided in the embodiment of the present application may be used in various category navigation scenes. For example, one typical scenario among others may be: in an information service system mainly based on fresh commodity objects, in order to solve the problem that a user does not know what to eat at present, a 'food material encyclopedia' channel can be provided for the user, and information such as introduction and practice of various food materials can be provided in the channel page. Because the food materials are numerous, various food materials can be organized in a multi-level category mode. In the process, the image-based category navigation scheme provided by the embodiment of the application can be used for realizing more intuitive category navigation.

The following describes in detail specific implementations provided in embodiments of the present application.

Example one

The first embodiment provides a category navigation method mainly from the perspective of the foregoing client, and referring to fig. 2, the method may specifically include:

s201: displaying a target page, wherein the target page comprises a map display area; the map display area is used for performing aggregation display on the representative images of the plurality of sub-level categories under the target parent category, and each representative image corresponds to the information of the operable area.

The target page may specifically be a page provided in an associated information system and used for displaying some information in a classified manner, for example, a "food encyclopedia" channel page, and the like. It should be noted that, in a specific implementation, multiple levels of categories may be included in a specific category hierarchy, and information of each level of categories may be carried through multiple pages. In the embodiment of the application, the page of each level can adopt the scheme provided by the embodiment of the application to perform category navigation based on images. For example, as shown in fig. 3-1(a), the top page of the "food material encyclopedia" channel may mainly show a plurality of primary categories, and may also show a plurality of secondary categories under the primary categories, and after selecting a secondary category under a certain primary category, as shown in fig. 3-1(B), information of more sub-category under the secondary category may be shown in the secondary page, and so on. At this time, in the secondary page, the scheme provided by the embodiment of the present application may be used to perform image-based category navigation, and so on.

As shown in fig. 3-1(B), a map display area 31 may be provided in the specific target page, and the representative images of a plurality of sub-classes under the same parent class may be displayed in an aggregation manner in the map display area. That is, in the embodiment of the present application, a region where a representative image of each sub-level category is presented by a special user is provided, and is referred to as a map presentation region. Unlike providing a corresponding picture for a specific category label directly in the tab bar, in such a map display area, another area independent from the tab bar is provided, the area of the area may be generally larger than that of the tab bar, and the tab bar is not required to be divided as the same as the tab bar (of course, in the case of having a map display area, the tab bar may not even be configured). In this way, the representative images of the respective sub-level categories can be presented more freely and flexibly. In this case, so-called aggregate display is to say that a plurality of representative images are all displayed in the same map display area, so that the representative images among a plurality of different sub-categories can also be visually compared through the map display area.

The specific target page may further include a first tab bar, and the first tab bar may be used to display tabs of multiple parent categories, so that different parent categories may be displayed in a switched manner in the target page, and multiple different parent categories share the same map display area to perform aggregate display of sub-category representative images. That is to say, in the same target page, different parent categories may be switched, and these parent categories may share the same map display area, and perform aggregate display on the representative images corresponding to the respective child categories. In a specific implementation, at the same time, the map display area only needs to display the representative images corresponding to a plurality of sub-categories under the same parent category.

In the above case, the flexibility in particular when collectively presenting the representative images can be reflected in: in the process that a plurality of different parent categories share the same map display area, the representative images can be individually arranged according to the number of the sub-categories and/or the characteristics of the representative images under the parent categories. That is to say, in the embodiment of the present application, a plurality of parent categories may share the same map display area, when switching to a different parent category, representative images of respective child categories under the different parent categories may be displayed in the map display area, and when corresponding to the different parent categories, although a plurality of representative images are displayed in the map display area, the layout manners of the representative images may be different. For example, if the number of sub-categories under a certain parent category is small, the representative images can be dispersed relatively, so as to reduce the occurrence of mutual interference between different representative images. If the number of the sub-level categories under a certain parent category is large, the representative images can be gathered, and in addition, the layout modes such as the placement positions, the directions and the like of the representative images can be designed more carefully, so that the representative images can be displayed more clearly in a limited map display area as far as possible, and meanwhile, the display result can be made to have aesthetic feeling, and the characteristics of specific sub-level categories can be more easily highlighted.

For example, as shown in fig. 3-2(a) and (B), when displaying different "root vegetables" and "tomatoes" of the father order, the number, positions, sizes, directions, and the like of the representative images in the map display area may be different. In addition, even under the same parent class, the representative images corresponding to a plurality of child classes may have different sizes and/or orientations. For example, as shown in fig. 3-2(B), "serially harvested tomatoes" in the "tomato" category may be placed vertically, and corresponding representative pictures in other subclasses, including "tamarind powder tomatoes," "lemon yellow tomatoes," etc., may be placed horizontally, and so on.

The representative image corresponding to the specific sub-category may be obtained in a plurality of ways, for example, in one way, the representative image may be obtained by image-capturing a real object corresponding to the sub-category in the real world. For example, the user may use a photo, a video, a motion picture, or the like of a specific food material. At this time, the specific personalized layout can be embodied by designing the size of each representative image, the placement position and/or direction in the atlas display area, and the like. During specific implementation, in order to obtain a better display effect, the shooting angle can be adopted to shoot specific objects. Or, regarding the specific shooting mode, the placing position, the direction and the like, the placing mode of the physical object in the specific file opening in the physical shop can be referred to, so as to more effectively highlight the characteristics of the specific sub-level categories.

Or, in another way, the specific multiple sub-level categories may include: a plurality of sub-level categories demarcated according to a plurality of different parts in the same subject object. For example, for meat food materials, the category of secondary category may include beef, pork, chicken, etc., and the category of "beef" may include the category of secondary category such as beef tendon, beef brisket, beef tripe, etc. These sub-categories correspond to a number of different parts of the subject object, the "cow". At this time, when performing image-based category navigation, the representative image of each sub-category may be: and drawing a geometric figure according to the shape of the real object corresponding to the sub-level category in the real world. At this time, specifically, when performing personalized layout, each geometric figure may be arranged and displayed according to the outline schematic diagram of the main body object and the position information corresponding to each sub-level category. For example, as shown in fig. 3-3, the user can learn about each part of the "cow" through each sub-level category, so that the user can learn about the specific sub-level category more intuitively, and then determine whether to click on a certain part, learn about the corresponding sub-level category more, and so on.

In addition to personalization of the display mode of the specific representative image, since category navigation can be performed based on the representative image, that is, operations such as clicking the specific representative image can be directly performed to obtain detailed information about the corresponding sub-level category (which may be information about a lower-level sub-level category, or in the case of a leaf category, various knowledge contents such as a corresponding introduction are directly displayed), a corresponding operable area can be provided for the specific representative image, so that a user operation falling within the specific operable area can be identified as selection of the corresponding sub-level category.

For example, in a relatively simple manner, a region within a circumscribed rectangular range of the outline of the representative image may be directly used as the operable region corresponding to the representative image. At this time, each specific representative image may actually be a rectangular picture, but when the representative image is displayed in the map display area, since a plurality of representative images need to be displayed in the same map display area, the background color of each representative image may be set to be transparent in order to ensure the aesthetic feeling of the display result. In this way, only the body image of each representative image may be displayed in the atlas display area at the user perspective, but in response to a user operation, as long as the user operation falls within the circumscribed rectangular range of the body image, the user operation may be recognized as an operation on the representative image.

In the above manner, it is possible if the number of sub-category under the same parent category is not large, even since there is an operable region larger than the area of the body image, so that it is possible to respond even if the user does not accurately click on the body image specifically representing the image. However, if the number of sub-categories under the same parent category is large, this approach of using the circumscribed rectangle as the operable area may be less suitable. For example, as shown in fig. 3-3, the number of specific food material categories under the category of "cattle" is very large, and each representative image needs to be displayed in an arrangement according to the position of the corresponding food material on the body of the "cattle", so the distances between the representative images are very close. At this time, if the circumscribed rectangle of each representative image is directly used as the operable region, the operable regions between different representative images overlap. In this case, the response to the user operation may be inaccurate or not sensitive enough. For example, a user may want to click on one of the locations, but may be identified as another location due to overlap with a circumscribed rectangle of another location, and so on.

Therefore, in another implementation, a region within the contour curve range of the specific representative image may also be determined as the operable region corresponding to the specific representative image. That is, in this case, as long as there is no overlap between the respective representative images, the corresponding operable regions do not overlap, and accordingly, as long as an operation performed by the user, such as a click, falls within the region range where the body image of the specific representative image is located, correct recognition can be performed.

Specifically, from a technical perspective, in order to better support the personalized layout of a specific atlas display area and the configuration of an operable range corresponding to each representative image, and at the same time facilitate the conversion between a layout design scheme of a designer and machine-recognizable digital information, the embodiment of the present application may also express specific layout information through structured data. The client can realize the display of the specific map and the response to the user operation in a mode of analyzing the structured data. In specific implementation, a designer can perform layout design on the representative images of the sub-classes under the same parent class by using a specific drawing tool and the like to generate a design base map, that is, the specific design base map can be the display effect expected to be obtained in the map display area. And after the design base map is finished, converting the design base map into structured data. The specific structured data may correspond to a parent category, that is, one parent category may correspond to one piece of structured data, where the structured data may include a plurality of data entries, each data entry may be used to express information of one of the child categories, including an identifier of the specific child category, network location mark information (for example, specifically, a URL, and the like) representing an image, and location information of the operable region in the design base map. In particular implementations, the structured data can be text described in Json et al.

In particular, when the design base map is converted into structured data, various methods are also possible. For example, in one mode, as shown in fig. 4(a), the designer user may label the height, width, and coordinates of the upper left corner of each representative image with respect to the origin of the design base map in the design base map. Then, the design base map with the marking information is converted into the structural data which can be recognized by a computer by a code engineer. For example, for the design base shown in FIG. 4(A), the converted partially structured data can be as follows:

{ "cateBackgroupImage": https://11111111.jpg ", -/background map Address

"titleBarColor" #43444A ",// title Bar color

Width 1000, design base map overall width

Height 1000, design base map

"items"// and below are each specific item, corresponding to each representative image

{

"cateId": 10016",// subclass class ID

"cateSCOPEIMg": https://2222222.png ",// represents the address of the image

"height": 300",// represents the height of the image in the design base map

"width": 300",// represents the width of the image in the design base map

X-axis directional coordinates of the upper left corner with respect to the origin of the design base map

"Y": 0"// upper left corner Y-axis directional coordinates relative to the origin of the design base map

},

{

"cateId": 10010",// subclass class ID

"cateSCOPEIMg": https://33333333.png ",/represents the address of the image

"height": 220",// represents the height of the image in the design base map

"width": 380",// represents the width of the image in the design base

300 in the "X",// upper left corner in the X-axis direction relative to the origin of the design base map

},

……

It should be noted that information such as the ID of each sub-level category and the address of the representative image in the data may be additionally described by another description document or the like, or may be determined by communicating with the designer user in another way.

In the above example, the information such as the position of each representative image in the design base map is specifically represented by the position of the circumscribed rectangle of the representative image, and accordingly, such a circumscribed rectangle may be directly determined as the operable region of the representative image.

However, if the region within the outline curve representing the image is required to be the operable region, it is difficult to generate the structured data by manual labeling, because the outline curve is usually irregular, and it is necessary to draw a specific outline curve by coordinates of a plurality of points on the curve and determine the specific operable region. If the manual labeling is still adopted, the number of the labeled points may be limited, and the reduction degree of the drawn curve to the actual contour may be low.

Therefore, in the embodiment of the application, a visual image editing tool can be further provided, and in the case that the body image region range in the outline curve representing the image needs to be determined as the operable region, the editing tool can be utilized to realize more efficient and more accurate outline curve extraction and restoration. Specifically, the designer user may still complete the design of the design base map in advance, that is, the layout mode of each representative image and the like may be expressed in the design base map. The design base map may then be imported into the editing tool, which may provide the ability to extract contour curves. Specifically, a plurality of contour curves representing the image can be automatically detected from the design base map by an edge detection algorithm and the like, and then pixel sampling is performed on the contour curves to obtain a coordinate sequence for representing the position of the specific contour curve. Alternatively, a tool for manually drawing a contour curve may be provided in the editing tool, and the user may roughly draw a contour curve of each representative image using the tool, and then the editing tool generates a specific coordinate sequence based on the result of the manual drawing.

Alternatively, the two ways may be combined, for example, first performing automatic contour curve detection by using an algorithm, then performing a check manually, if there is a place where the algorithm detects a mistake, then drawing a specific contour curve by a manual drawing tool, and the like. For example, since a certain shrimp is small in size, the representative image is displayed in such a manner that three specific shrimp images are placed side by side, that is, the three shrimp images are combined together as the representative image for the shrimp category. However, when edge detection is performed directly by the algorithm, the three shrimps may be detected as three representative images. In this case, the user may manually cancel the edge detection results corresponding to the three shrimps, draw the overall contour curve of the three shrimps by using a manual drawing tool, and generate a specific coordinate sequence by using an editing tool.

In addition, a function for configuring the outline curve may be provided in the editing tool, so that special effects such as color, fill color, shadow, and the like may be added to the outline curve of the specific representative image according to the needs of the actual scene and the like. In this way, after receiving the category selection operation of the user through the corresponding operable area, the contour curve can be drawn, and the special effect information is displayed.

Furthermore, operation options for adding associated sub-level category identifiers to the detected coordinate sequences and representing image address information can be provided in the editing tool, so that not only the extraction of the profile curve and the generation of the coordinate sequences can be completed by the editing tool, but also the configuration of information on other fields required in the structured data can be completed directly by the editing tool. In addition, a template of the structured data can be configured in the editing tool in advance, field names of various fields can be included in the template, and after extraction of the outline curve of a specific representative image, sub-level category identification and configuration of address information of the representative image are completed, the corresponding structured data can be automatically generated.

The specific structured data may be submitted to the associated content server and its correspondence with the specific parent category may be used as a data entry. The structured data may also be generated by other parent categories, respectively, in a similar manner, so that a plurality of data entries, respectively, corresponding relationships between the plurality of parent categories and the structured data may be included in the content server.

In this way, when a target page needs to be displayed, the acquired page data may include the above structured data, each piece of structured data may also include a plurality of data entries, each data entry corresponds to one of the identifiers of the sub-level classes, the network positioning mark information of the representative image, and the position information of the operable area in the design base map. In this way, when the target page is displayed, the structured data may be analyzed, the representative image may be obtained according to the network positioning mark information, and the corresponding positions of the representative image and the operable area in the map display area may be determined according to the position information.

As described above, when the region within the circumscribed rectangular range of the outline of the representative image is taken as the operable region corresponding to the representative image, the position information of the specific operable region in the design base map may include: the width and the height of the circumscribed rectangle, and the coordinate of the upper left corner of the circumscribed rectangle relative to the origin of the design base map.

When the region in the range of the contour curve of the representative image is taken as the operable region corresponding to the representative image, if the figure enclosed by the contour curve is an irregular figure, the position information of the operable region in the design base map may include: and coordinate information of a plurality of pixel points on the contour curve in the design base map.

It should be noted that, in the specific implementation, the position of the specific operable region in the design base map is related to the resolution of the design base map. For example, the first circumscribed rectangle representing the image shown in fig. 4(a) has a width of 340 pixels, a height of 500 pixels, and an overall width of 1000 pixels for the design base. However, when the map display area is displayed in the actual destination page, the size of the specific map display area is related to the screen resolution of the actual terminal device. Therefore, the specific structured data may further include: resolution information of the design base map. At this time, specifically, when each representative image in the map display area is displayed, the position information in the design base map may be converted into the corresponding position information in the map display area according to the resolution information of the design base map and the resolution information of the current terminal device, and then displayed.

For example, a scaling scale may be calculated from the design base map width and the terminal device screen width (both expressed by pixel values), i.e. terminal device screen width/design base map width; then, the coordinates, width, and the like corresponding to the representative image are multiplied by the scale, so as to obtain the real position and size of the representative image on the screen. Then, each representative image is added to the parent container (corresponding to a specific atlas display area) one by one through the drawing control, and finally displayed on the screen.

S202: after receiving a category selection operation of a user through a target operable area corresponding to one of the target representative images, determining a sub-level category corresponding to the target representative image as a selected target sub-level category.

After the plurality of representative images are displayed in the atlas display area, interaction with a user can be performed through the operable area corresponding to each representative image in the atlas display area. That is, the user may complete the selection of the sub-level category corresponding to the representative image by performing operations such as clicking within the operable area range corresponding to the specific representative image. Specifically, in the process of analyzing the page data, the corresponding relationship among the specific sub-level category identifier, the representative image and the operable area is already known, so that after the user completes operations such as clicking in a certain operable area range, the target sub-level category which the user needs to further view can be determined according to the corresponding relationship.

In an optional embodiment, after a target sub-level category is selected, the image display attribute in the target operable area may be further modified. For example, images within the target actionable area may be highlighted, and so on. In this way, the user can be made aware of the results of the response of the system to its operation.

In addition, in addition to highlighting the image within the operable region range, the position of the center point or the like of the operable region may be determined from the position information of the specific operable region, and a dot mark representing the operation focus may be added at the position, or the like.

S203: providing detailed information about the target sub-level class.

After the target sub-level category is selected, detailed information about the target sub-level category may also be provided as another part of the response information. For example, if the target sub-level category is a leaf category, the specific detail information may be specific knowledge content such as an introduction to the specific target sub-level category. If the target sub-level category is not a leaf category, then lower level sub-level category information may continue to be provided, and so on.

During specific implementation, the target page may further include a detail display area for displaying the detail information of the selected target sub-level category. That is, after the specific target sub-level category is selected, the detailed information does not need to be displayed in a new page, but can be directly displayed in the current target page, so that the jumping-out feeling in the information display process is reduced.

In addition, the target page may further include a second tab bar, where the second tab bar is used to display the tabs of the multiple sub-level categories. A specific category label may describe the name of the category in text. Moreover, after the target sub-level category is selected, the display attribute of the tag corresponding to the target sub-level category may be modified, for example, the corresponding tag is also highlighted, and the like. In this way, the user can obtain information about the target sub-category from two aspects, namely, the image and the text, through the highlighted representative image in the map display area and the highlighted label in the second label bar. For example, as shown in fig. 5, a map display area is shown at 51, a first tab column for displaying a parent category tab is shown at 53, and a second tab column is shown at 52. After a certain parent category is selected, in addition to displaying the representative image corresponding to each sub-category under the parent category in the map display area, the labels of each sub-category may be displayed in the second label column, and so on.

In a specific implementation, the detail display area and a plurality of tab bars corresponding to different levels may also exist in the target page, for example, as shown in fig. 5, the tab bars 52 and 53 may be included at the same time, and so on. By the method, the switching of multiple categories such as the second level, the third level, the fourth level and the like in the same scene can be expressed in the same target page at the same time, and the switching among multiple different pages is not needed, so that the immersive browsing experience is provided for the user.

For example, for a user clicking one salmon recommended method to enter details, the method can only be displayed according to a list in a traditional mode, but through the scheme provided by the embodiment of the application, when the user enters the salmon category at one encyclopedic aggregation entrance, the user can see the visual pictures of various marine fishes and freshwater fishes in aquatic products and the popularization of knowledge corresponding to food materials, the bottom lists the various methods recommended for the salmon, and the user can continue to browse other fishes without jumping out of a page or quickly switch between the second-level category and the fourth-level category to see the information and the method of all the food materials respectively to finish the target of content browsing depth. In addition, when a page such as "food encyclopedia" is provided in the commodity object information system, it is also possible to realize Ipv-uv conversion (conversion rate from store to commodity detail page) by an information card or the like of a food commodity.

In summary, in the embodiment of the present application, through an image-based category navigation scheme, specifically, in a target page for displaying category navigation information, a map display area may be provided, and the map display area may be used to perform aggregate display on representative images of a plurality of sub-categories under the same parent category. In addition, each representative image may also correspond to an operable area, and after receiving a category selection operation of a user through a target operable area corresponding to one of the target representative images, a sub-level category corresponding to the target representative image may be determined as a selected target sub-level category, and detailed information about the target sub-level category may be provided. Through the scheme, the representative images of the sub-level categories can be visually compared and displayed through the map display area, and the specific representative images do not need to be displayed through the label bar and are not limited by the size and the like of specific label units in the label bar, so that the representative images of the sub-level categories can be displayed more flexibly.

Example two

The second embodiment provides a method for providing knowledge information of food materials for specific application of the scheme provided in the embodiment of the present application in a food material encyclopedia scenario, and referring to fig. 6, the method may include:

s601: after a request for accessing food material knowledge is received, providing a target page, wherein the target page comprises a first label bar, a second label bar, a map display area and a detail display area; the first label column is used for displaying labels of a plurality of parent food categories.

The target page may be a secondary page as shown in fig. 3-1(B), that is, after the user selects a specific secondary category in the primary page shown in fig. 3-1(a), the target page may enter the secondary page for presentation, and according to the scheme provided by the embodiment of the present application, an immersive browsing experience is provided for the user. Of course, in specific implementation, the solution provided in the embodiment of the present application may also be directly used in the first-level page, which is not limited herein.

S602: and determining the target parent food material category in the selected state in the first label bar.

If the target page is the second-level page, the second-level food material category selected by the user in the first-level page can be determined as the target parent-level food material category in the selected state in the first tab column in the second-level page. Certainly, in the process of browsing the secondary page, the user can also select other parent food categories of the first tab bar, so that switching of multiple different parent food categories in the same target page is realized.

S603: displaying a plurality of labels of the sub-level food material category under the target parent-level food material category in the second label column, and performing aggregation display on the representative images of the sub-level food material category in the map display area, wherein each representative image corresponds to an operable area.

S604: after receiving a category selection operation of a user through a target operable area corresponding to one of the target representative images, determining a sub-level food material category corresponding to the target representative image as the selected target sub-level food material category.

S605: providing knowledge detail information about the target sub-level food material category in the detail display area.

In addition, in practical application, a specific "food material encyclopedia" page may be implemented in a functional module provided in an associated commodity object information system, so that in the process of determining the selected target sub-level food material category and displaying knowledge detail information of the target sub-level food material category, commodity object recommendation information corresponding to the target sub-level food material category and an operation control for adding a commodity object to a to-be-purchased set may be provided. Therefore, the user can obtain the knowledge information related to the food materials through the target page, and can directly execute the operation of selecting the target commodity object and adding the to-be-purchased set through the target page without obtaining the commodity object meeting the requirement in a mode of searching and the like, so that the operation path of the user can be shortened under the condition that the user checks the food material knowledge information and generates the idea of purchasing the corresponding commodity object.

EXAMPLE III

The third embodiment corresponds to the second embodiment, and provides a food material knowledge information page, wherein the food material knowledge information page comprises a first label bar, a second label bar, a map display area and a detail display area; the first label column is used for displaying labels of a plurality of parent food categories; when the target parent-level food material category in the first label bar is in a selected state, the second label bar is used for displaying labels of a plurality of sub-level food material categories under the target parent-level food material category, and the map display area is used for performing aggregation display on representative images of the plurality of sub-level food material categories; each representative image corresponds to an operable area respectively and is used for receiving category selection operation executed by a user on the sub-level food material categories; and when the target sub-level food material category is in a selected state, the detail display area is used for displaying the detail information of the target sub-level category.

That is to say, a plurality of label bars corresponding to different levels, a map display area and a detail display area can exist in the food material knowledge information page at the same time. By the method, not only can the image-based category navigation be realized, but also the switching of multiple categories such as a second-level category, a third-level category, a fourth-level category and the like in the same scene can be simultaneously expressed in the same target page, and the display of detailed information including knowledge content, practice recommendation, collocation recommendation and the like of specific food materials is directly completed in the page, and the switching among multiple different pages is not required to be carried out back and forth, so that the immersive browsing experience is provided for the user.

Example four

Fourth, from the perspective of the visual editing tool, there is provided a visual graphic editing method, referring to fig. 7, the method may include:

s701: receiving an imported design base map, wherein the design base map comprises a plurality of representative images, and the plurality of representative images correspond to a plurality of sub-level categories under the same parent-level category;

s702: respectively acquiring contour curves of the representative images, and generating a coordinate sequence by taking position coordinates of a plurality of points from the contour curves;

s703: receiving network positioning mark information and sub-level category identification respectively corresponding to the plurality of representative images through marking operation options;

s704: storing the corresponding relation among the network positioning mark information, the sub-level category identification and the coordinate sequence as structured data according to a pre-configured structured data template;

s705: uploading the structured data and the corresponding parent category identification to a target content server so as to return the structured data to a client when receiving an access request of a user to a target page, wherein the client performs aggregation display on representative images corresponding to a plurality of child categories under the parent category in an atlas display area of the target page by analyzing the structured data.

In specific implementation, the design base map can be subjected to edge detection through an edge detection algorithm, and the contour curves of the representative images are determined according to the edge detection result.

In addition, an operation of configuring the presentation attribute of the contour curve may be received through a configuration operation option, so as to generate special effect information for the detected contour curve, and after receiving a category selection operation of a user through a corresponding operable area, the contour curve may be drawn and the special effect information may be presented.

For the parts of the second to fourth embodiments that are not described in detail, reference may be made to the description of the first embodiment, which is not repeated herein.

It should be noted that, in the embodiments of the present application, the user data may be used, and in practical applications, the user-specific personal data may be used in the scheme described herein within the scope permitted by the applicable law, under the condition of meeting the requirements of the applicable law and regulations in the country (for example, the user explicitly agrees, the user is informed, etc.).

Corresponding to the first embodiment, the present application further provides a category navigation device, referring to fig. 8, where the category navigation device may include:

a page display unit 801, configured to display a target page, where the target page includes a map display area; the map display area is used for performing aggregation display on the representative images of the multiple sub-level categories under the target parent category, and each representative image corresponds to an operable area;

a category selection operation receiving unit 802, configured to determine, after receiving a category selection operation of a user through a target operable area corresponding to one of the target representative images, a sub-category corresponding to the target representative image as a selected target sub-category;

a detail information providing unit 803, configured to provide detail information about the target sub-level class.

In specific implementation, when aggregation display of sub-category representative images is performed on different parent categories through the map display area, personalized layout can be performed on each representative image according to the number of the sub-category and/or the characteristics of the representative image under the parent category.

Specifically, the plurality of sub-level categories include: a plurality of sub-level categories divided according to a plurality of different parts in the same subject object;

The region within the circumscribed rectangle of the outline of the representative image may be used as the operable region corresponding to the representative image.

Or, the area in the outline curve range of the representative image is taken as the operable area corresponding to the representative image.

Specifically, the page display unit may specifically include:

a page data obtaining subunit, configured to obtain page data of the target page, where the page data includes: structured data corresponding to the parent-level category, wherein the structured data comprises a plurality of data entries, each data entry corresponds to an identifier of one of the child-level categories, network positioning mark information of the representative image, and position information of the operable area in the design base map; the design base map is used for designing the layout modes of a plurality of representative images corresponding to the plurality of sub-level categories;

and the data analysis subunit is configured to, when the target page is displayed, obtain the network positioning mark information and the location information by analyzing the structured data, obtain the representative image according to the network positioning mark information, and determine, according to the location information, the representative image and the location information corresponding to the operable area in the map display area.

When the area in the range of the outline curve of the representative image is taken as the operable area corresponding to the representative image, if the figure enclosed by the outline curve is an irregular figure, the position information of the operable area in the design base map comprises: and coordinate information of a plurality of pixel points on the contour curve in the design base map.

In addition, the profile data may further include: resolution information of the design base map;

the data analysis subunit may specifically include:

and the position information conversion module is used for converting the position information in the design base map into corresponding position information in the map display area according to the resolution information of the design base map and the resolution information of the current terminal equipment.

In addition, the apparatus may further include:

and the display attribute modification unit is used for modifying the image display attribute in the target operable area after receiving the category selection operation of the user through the target operable area corresponding to one of the target representative images.

During specific implementation, the target page further includes a detail display area for displaying the detail information of the selected target sub-level category.

In addition, the target page may further include a second tab bar, where the second tab bar is used to display the tabs of the multiple sub-level categories.

Corresponding to the second embodiment, an embodiment of the present application further provides an apparatus for providing knowledge information of food materials, referring to fig. 9, the apparatus may include:

the page providing unit 901 is configured to provide a target page after receiving a request for accessing food material knowledge, where the target page includes a first tab bar, a second tab bar, a map display area, and a detail display area; the first label column is used for displaying labels of a plurality of parent food categories;

a parent food material category selecting unit 902, configured to determine a target parent food material category in the selected state in the first tab bar;

the map display unit 903 is configured to display, in the second label column, labels of a plurality of sub-level food categories under the target parent food category, and perform aggregate display on representative images of the plurality of sub-level food categories in the map display area, where each representative image corresponds to an operable area;

a sub-level food material category selecting unit 904, configured to determine a sub-level food material category corresponding to one of the target representative images as a selected target sub-level food material category after receiving a category selection operation of a user through a target operable area corresponding to the target representative image;

a knowledge detail information display unit 905, configured to provide knowledge detail information about the target sub-level food material category in the detail display area.

In a specific implementation, the apparatus may further include:

and the commodity object information providing unit is used for providing commodity object recommendation information corresponding to the target sub-level food material category when the knowledge detail information of the target sub-level food material category is displayed, and is used for adding the commodity object to the to-be-purchased set so as to execute the operation of selecting the target commodity object and adding the target commodity object into the to-be-purchased set through the target page.

Corresponding to the fourth embodiment, an embodiment of the present application further provides a visual graph editing apparatus, and referring to fig. 10, the apparatus may include:

a design base map receiving unit 1001 configured to receive an imported design base map, where the design base map includes a plurality of representative images, and the plurality of representative images correspond to a plurality of sub-level categories under the same parent-level category;

a coordinate sequence generating unit 1002 for acquiring contour curves of the plurality of representative images, respectively, and generating a coordinate sequence by taking position coordinates of a plurality of points from the contour curves;

a labeling unit 1003, configured to receive, through a labeling operation option, network positioning mark information and a sub-level category identifier corresponding to each of the multiple representative images;

a structured data generating unit 1004, configured to store, as structured data, a correspondence between the network positioning tag information, the sub-level category identifier, and the coordinate sequence according to a pre-configured structured data template;

a data submitting unit 1005, configured to upload the structured data and the identifier of the corresponding parent category to a target content server, so as to return the structured data to a client when receiving an access request from a user to a target page, where the client performs aggregation display on representative images corresponding to a plurality of child categories under the parent category in an atlas display area of the target page by analyzing the structured data.

The coordinate sequence generating unit may specifically be configured to:

In addition, the apparatus may further include:

and the curve attribute configuration unit is used for receiving the operation of configuring the display attribute of the contour curve through configuration operation options, generating special effect information for the detected contour curve, drawing the contour curve after receiving the category selection operation of a user through a corresponding operable area, and displaying the special effect information.

In addition, the present application also provides a computer readable storage medium, on which a computer program is stored, which when executed by a processor implements the steps of the method described in any of the preceding method embodiments.

And an electronic device comprising:

one or more processors; and

a memory associated with the one or more processors for storing program instructions that, when read and executed by the one or more processors, perform the steps of the method of any of the preceding method embodiments.

Where fig. 11 illustrates an architecture of an electronic device, for example, device 1100 can be a mobile phone, a computer, a digital broadcast terminal, a messaging device, a game console, a tablet device, a medical device, a fitness device, a personal digital assistant, an aircraft, and the like.

Referring to fig. 11, device 1100 may include one or more of the following components: processing component 1102, memory 1104, power component 1106, multimedia component 1108, audio component 1110, input/output (I/O) interface 1112, sensor component 1114, and communications component 1116.

The processing component 1102 generally controls the overall operation of the device 1100, such as operations associated with display, telephone calls, data communications, camera operations, and recording operations. The processing element 1102 may include one or more processors 1120 to execute instructions to perform all or a portion of the steps of the methods provided by the disclosed subject matter. Further, the processing component 1102 may include one or more modules that facilitate interaction between the processing component 1102 and other components. For example, the processing component 1102 may include a multimedia module to facilitate interaction between the multimedia component 1108 and the processing component 1102.

The memory 1104 is configured to store various types of data to support operation at the device 1100. Examples of such data include instructions for any application or method operating on device 1100, contact data, phonebook data, messages, pictures, videos, and so forth. The memory 1104 may be implemented by any type or combination of volatile or non-volatile memory devices such as Static Random Access Memory (SRAM), electrically erasable programmable read-only memory (EEPROM), erasable programmable read-only memory (EPROM), programmable read-only memory (PROM), read-only memory (ROM), magnetic memory, flash memory, magnetic or optical disks.

A power component 1106 provides power to the various components of the device 1100. The power components 1106 may include a power management system, one or more power supplies, and other components associated with generating, managing, and distributing power for the device 1100.

The multimedia component 1108 includes a screen that provides an output interface between the device 1100 and a user. In some embodiments, the screen may include a Liquid Crystal Display (LCD) and a Touch Panel (TP). If the screen includes a touch panel, the screen may be implemented as a touch screen to receive an input signal from a user. The touch panel includes one or more touch sensors to sense touch, slide, and gestures on the touch panel. The touch sensor may not only sense the boundary of a touch or slide action, but also detect the duration and pressure associated with the touch or slide operation. In some embodiments, the multimedia component 1108 includes a front facing camera and/or a rear facing camera. The front-facing camera and/or the rear-facing camera may receive external multimedia data when the device 1100 is in an operating mode, such as a shooting mode or a video mode. Each front camera and rear camera may be a fixed optical lens system or have a focal length and optical zoom capability.

The audio component 1110 is configured to output and/or input audio signals. For example, the audio component 1110 includes a Microphone (MIC) configured to receive external audio signals when the device 1100 is in operating modes, such as a call mode, a recording mode, and a voice recognition mode. The received audio signals may further be stored in the memory 1104 or transmitted via the communication component 1116. In some embodiments, the audio assembly 1110 further includes a speaker for outputting audio signals.

The I/O interface 1112 provides an interface between the processing component 1102 and peripheral interface modules, which may be keyboards, click wheels, buttons, etc. These buttons may include, but are not limited to: a home button, a volume button, a start button, and a lock button.

The sensor assembly 1114 includes one or more sensors for providing various aspects of state assessment for the device 1100. For example, the sensor assembly 1114 may detect the open/closed state of the device 1100, the relative positioning of components, such as a display and keypad of the device 1100, the sensor assembly 1114 may also detect a change in the position of the device 1100 or a component of the device 1100, the presence or absence of user contact with the device 1100, orientation or acceleration/deceleration of the device 1100, and a change in the temperature of the device 1100. The sensor assembly 1114 may include a proximity sensor configured to detect the presence of a nearby object without any physical contact. The sensor assembly 1114 may also include a light sensor, such as a CMOS or CCD image sensor, for use in imaging applications. In some embodiments, the sensor assembly 1114 may also include an acceleration sensor, a gyroscope sensor, a magnetic sensor, a pressure sensor, or a temperature sensor.

The communication component 1116 is configured to facilitate wired or wireless communication between the device 1100 and other devices. The device 1100 may access a wireless network based on a communication standard, such as WiFi, or a mobile communication network such as 2G, 3G, 4G/LTE, 5G, etc. In an exemplary embodiment, the communication component 1116 receives a broadcast signal or broadcast associated information from an external broadcast management system via a broadcast channel. In an exemplary embodiment, the communications component 1116 also includes a Near Field Communication (NFC) module to facilitate short-range communications. For example, the NFC module may be implemented based on Radio Frequency Identification (RFID) technology, infrared data association (IrDA) technology, Ultra Wideband (UWB) technology, Bluetooth (BT) technology, and other technologies.

In an exemplary embodiment, the device 1100 may be implemented by one or more Application Specific Integrated Circuits (ASICs), Digital Signal Processors (DSPs), Digital Signal Processing Devices (DSPDs), Programmable Logic Devices (PLDs), Field Programmable Gate Arrays (FPGAs), controllers, micro-controllers, microprocessors or other electronic components for performing the above-described methods.

In an exemplary embodiment, a non-transitory computer-readable storage medium comprising instructions, such as the memory 1104 comprising instructions, executable by the processor 1120 of the device 1100 to perform the methods provided by the disclosed aspects is also provided. For example, the non-transitory computer readable storage medium may be a ROM, a Random Access Memory (RAM), a CD-ROM, a magnetic tape, a floppy disk, an optical data storage device, and the like.

From the above description of the embodiments, it is clear to those skilled in the art that the present application can be implemented by software plus necessary general hardware platform. Based on such understanding, the technical solutions of the present application may be essentially or partially implemented in the form of a software product, which may be stored in a storage medium, such as a ROM/RAM, a magnetic disk, an optical disk, etc., and includes several instructions for enabling a computer device (which may be a personal computer, a server, or a network device, etc.) to execute the method according to the embodiments or some parts of the embodiments of the present application.

The embodiments in the present specification are described in a progressive manner, and the same and similar parts among the embodiments are referred to each other, and each embodiment focuses on the differences from the other embodiments. In particular, the system or system embodiments are substantially similar to the method embodiments and therefore are described in a relatively simple manner, and reference may be made to some of the descriptions of the method embodiments for related points. The above-described system and system embodiments are only illustrative, wherein the units described as separate parts may or may not be physically separate, and the parts displayed as units may or may not be physical units, may be located in one place, or may be distributed on a plurality of network units. Some or all of the modules may be selected according to actual needs to achieve the purpose of the solution of the present embodiment. One of ordinary skill in the art can understand and implement it without inventive effort.

The category navigation method and the electronic device provided by the present application are introduced in detail, and a specific example is applied in the description to explain the principle and the implementation of the present application, and the description of the above embodiment is only used to help understanding the method and the core idea of the present application; meanwhile, for a person skilled in the art, according to the idea of the present application, the specific embodiments and the application range may be changed. In view of the above, the description should not be taken as limiting the application.

Claims

1. A method for navigating a category, comprising:

providing detailed information about the target sub-level class.

2. The method of claim 1,

the target page further comprises a first label bar, the first label bar is used for displaying labels of the multiple parent categories so as to be used for switching and displaying different parent categories in the target page, the multiple different parent categories share the same map display area, and aggregation display of sub-category representative images is performed.

3. The method of claim 2,

4. The method of claim 3,

the plurality of sub-level categories comprises: a plurality of sub-level categories divided according to a plurality of different parts in the same subject object;

5. The method of claim 1,

taking the area within the circumscribed rectangle range of the outline of the representative image as an operable area corresponding to the representative image; alternatively, the first and second electrodes may be,

6. The method of claim 1,

the display target page comprises:

7. The method according to any one of claims 1 to 6,

the target page further comprises a detail display area used for displaying the detail information of the selected target sub-level category.

8. The method according to any one of claims 1 to 6,

the target page further comprises a second label bar, and the second label bar is used for displaying the labels of the plurality of sub-level categories.

9. A method for providing food material knowledge information, comprising:

10. The method of claim 9, further comprising:

11. A food material knowledge information page is characterized in that,

12. A visual graphic editing method, comprising:

13. A computer-readable storage medium, on which a computer program is stored which, when being executed by a processor, carries out the steps of the method of any one of claims 1 to 12.

14. An electronic device, comprising:

one or more processors; and

a memory associated with the one or more processors for storing program instructions that, when read and executed by the one or more processors, perform the steps of the method of any of claims 1 to 12.