Page theme display method and device, equipment and storage medium

Abstract

The invention discloses a page theme display method and device, equipment and a storage medium. The method comprises the steps of determining a candidate page image corresponding to a target theme category in response to a page theme configuration request, and processing the candidate page image based on a preset feature extraction algorithm and a preset image generation model to obtain a target page image; according to the target attribute of the target page image, the picture dominant hue, the candidate terminal category, the corresponding candidate zooming width and the corresponding candidate zooming height, theme configuration information is determined to generate a theme configuration table; and if it is detected that the target user accesses the system, performing page theme display according to the target terminal category of the target display equipment to which the target user belongs, the target page image and the theme configuration table. According to the technical scheme, the image corresponding to the theme category can be automatically rendered and is processed in combination with the terminal category, so that quick and intelligent theme display can be realized when a user accesses.

Description

Technical Field

[0001] The present invention relates to the field of computer technology, and in particular to a page theme display method, device, equipment and storage medium. Background Art

[0002] With the rapid development of artificial intelligence (AI), it has penetrated every aspect of our lives, particularly in front-end development. The integration of AI technologies has brought intelligence and efficiency to development, greatly improving user experience and development efficiency. However, due to the increasing interactivity of front-end applications, tasks such as data preprocessing and page rendering have become more complex. Furthermore, with the diversification of terminal devices, developers often need to implement multiple sets of code to ensure compatibility of themes displayed on different devices.

[0003] Therefore, how to automatically render images corresponding to the theme categories and process them in combination with the terminal categories to quickly and intelligently display the themes when users access the system is an urgent problem to be solved. Summary of the Invention

[0004] The present invention provides a page theme display method, device, equipment and storage medium to automatically render images corresponding to theme categories and process them in combination with terminal categories, so that fast and intelligent theme display can be achieved when users access.

[0005] According to one aspect of the present invention, a method for displaying page themes is provided, comprising:

[0006] In response to a page theme configuration request, determining candidate page images corresponding to a target theme category, and processing the candidate page images based on a preset feature extraction algorithm and a preset image generation model to obtain a target page image;

[0007] Determine theme configuration information based on the target attributes of the target page image, the main color tone of the image, the candidate terminal category, and the corresponding candidate zoom width and candidate zoom height to generate a theme configuration table;

[0008] If it is detected that the target user has accessed the system, the page theme is displayed according to the target terminal category, target page image and theme configuration table of the target display device to which the target user belongs.

[0009] According to another aspect of the present invention, a page theme display device is provided, comprising:

[0010] a processing module for determining, in response to a page theme configuration request, candidate page images corresponding to a target theme category, and processing the candidate page images based on a preset feature extraction algorithm and a preset image generation model to obtain a target page image;

[0011] A determination module, configured to determine theme configuration information based on target attributes of a target page image, a main color tone of the image, candidate terminal categories, and corresponding candidate zoom widths and candidate zoom heights, to generate a theme configuration table;

[0012] The display module is used to display the page theme according to the target terminal category, target page image and theme configuration table of the target display device to which the target user belongs if it is detected that the target user has accessed the system.

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

[0014] at least one processor; and

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

[0016] The memory stores a computer program that can be executed by the at least one processor, and the computer program is executed by the at least one processor so that the at least one processor can execute the page theme display method described in any embodiment of the present invention.

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

[0018] According to another aspect of the present invention, a computer program product is provided. The computer program product includes a computer program. When the computer program is executed by a processor, it implements the page theme display method of any embodiment of the present invention.

[0019] The technical solution of the embodiment of the present invention determines the candidate page image corresponding to the target theme category in response to a page theme configuration request, and processes the candidate page image based on a preset feature extraction algorithm and a preset image generation model to obtain a target page image; determines theme configuration information based on the target attributes, main color tone of the image, candidate terminal category, and corresponding candidate zoom width and candidate zoom height of the target page image to generate a theme configuration table; if it is detected that the target user has accessed the system, the page theme is displayed based on the target terminal category, target page image, and theme configuration table of the target display device to which the target user belongs. By utilizing the preset image generation model, the image corresponding to the theme category is automatically rendered and processed in combination with the terminal category, so that fast and intelligent theme display can be achieved when the user accesses the system.

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

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

[0022] Figure 1 This is a flow chart of a page theme display method provided by Example 1 of the present invention;

[0023] Figure 2 This is a flow chart of a page theme display method provided by the second embodiment of the present invention;

[0024] Figure 3 This is a structural block diagram of a page theme display device provided by the third embodiment of the present invention;

[0025] Figure 4 It is a structural diagram of an electronic device provided in Embodiment 4 of the present invention. DETAILED DESCRIPTION

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

[0027] It should be noted that the terms "first", "second", "target", "candidate", "alternative", etc. in the specification and claims of the present invention and the above-mentioned drawings are used to distinguish similar objects, and are not necessarily used to describe a specific order or sequence. It should be understood that the data used in this way can be interchangeable where appropriate, so that the embodiments of the present invention described herein can be implemented in an order other than those illustrated or described herein. In addition, the terms "including" and "having" and any variations thereof are intended to cover non-exclusive inclusions. For example, a process, method, system, product or device that includes a series of steps or units is not necessarily limited to those steps or units clearly listed, but may include other steps or units that are not clearly listed or inherent to these processes, methods, products or devices. The acquisition, storage, use, processing, etc. of data in the technical solution of this application comply with the relevant provisions of national laws and regulations.

[0028] Example 1

[0029] Figure 1 This is a flow chart of a page theme display method provided by the first embodiment of the present invention; this embodiment is applicable to the situation where the application system configures the page theme so as to display the theme in a timely and intelligent manner when the user accesses the page. The method can be executed by a page theme display device, which can be implemented in the form of hardware and / or software. The page theme display device can be configured in an electronic device, such as an electronic device with a page theme display function, and executed by an application system, wherein the application system includes a front-end interface and a back-end service. The back-end of the application system can be specifically used to generate a theme configuration table, and the front-end of the application system can be specifically used to display the theme, such as Figure 1 As shown, the page theme display method includes:

[0030] S101 . In response to a page theme configuration request, determine candidate page images corresponding to a target theme category, and process the candidate page images based on a preset feature extraction algorithm and a preset image generation model to obtain a target page image.

[0031] Among them, the page theme configuration request refers to a request to generate a target page image with the same theme as the candidate page image and generate a theme configuration table in combination with the attribute information of the target page image to complete the theme configuration. The page theme configuration request can specifically be a request for theme configuration of an application web page or a browser web page. The target theme category refers to the request theme corresponding to the page theme configuration request. The target theme category can be, for example, a holiday theme, specifically a Spring Festival theme. The candidate page image refers to the candidate image corresponding to the target theme category stored internally in the system. The number of candidate page images can be at least two. The preset feature extraction algorithm refers to an algorithm used to extract image features. The preset feature extraction algorithm can be, for example, a scale-invariant feature transform (SIFT) algorithm.

[0032] The preset image generation model refers to a model used to learn the features of candidate page images to generate new images of the same style. The preset image generation model can specifically be a model that generates new images based on generative adversarial networks (GAN). The preset image generation model can be embedded in the front end of the application system in the form of an AI (Artificial Intelligence) drawing tool. The preset image generation model may include an AI generator and an AI discriminator. Through adversarial training between the AI ​​generator and the AI ​​discriminator, a theme image that meets the UI requirements, that is, a target page image, is obtained. The target page image refers to an image of the same type generated after analyzing the candidate page image. The target page image has the same theme category as the candidate page image.

[0033] Optionally, the application system may automatically generate a page theme configuration request at a preset time point (such as a statutory holiday date) a preset time period before the preset time point, or may generate a page theme configuration request when a theme configuration instruction from a relevant person is detected.

[0034] Optionally, the page theme configuration request can be parsed to obtain the theme category of the requested configuration, that is, to determine the target theme category, and further match the target theme category from the system's theme image library to obtain candidate page images corresponding to the target theme category.

[0035] Optionally, the candidate page images are processed based on a preset feature extraction algorithm and a preset image generation model to obtain a target page image, including: determining the candidate element features to which the candidate page images belong based on the preset feature extraction algorithm, and performing a text description of the candidate element features based on the CLIP text model to obtain a candidate text description identifier corresponding to each candidate page image; and inputting the candidate text description identifier and the candidate page image into the preset image generation model according to the positive prompt words and negative prompt words in the request to obtain the target page image.

[0036] Candidate element features refer to thematic features contained in candidate page images. Examples of candidate element features include red lanterns, firecrackers, Chinese knots, and Spring Festival characters. The CLIP (Contrastive Language-Image Pre-training) text model is used to describe the attribute information of candidate element features in candidate page images to obtain text description identifiers. A preset image generation model is used to analyze candidate page images to generate target page images with the same theme as the candidate page images.

[0037] For example, candidate text description labels may include: Text Label 1: [Spring Festival, red lanterns, lanterns in the upper left corner]; Text Label 2: [Spring Festival, yellow lanterns, firecrackers, night scene, warm atmosphere]; Text Label 3: [Spring Festival, outdoor scenery at night, lanterns, firecrackers, Spring Festival couplets, poster mode]; Text Label 4: [red festive, smooth Chinese knot, small, Chinese knot, paper-cut]; Text Label 5: [Chinese red as background]; Text Label 6: [Spring Festival text, artistic font, centered Spring Festival text, Spring Festival text 32px]. Positive prompt words may include: red background, red lanterns hanging in the upper left corner, red lanterns hanging in the upper right corner, Chinese knot elements added in the middle, and the text "Happy Spring Festival". Negative prompt words may include "no people", "no streets", or "no house elements".

[0038] Optionally, the negative prompt words in the request can be compared with the candidate text description identifier. If the candidate text description identifier contains the content involved in the negative prompt words, the candidate page image corresponding to the candidate text description identifier is discarded. Furthermore, the positive prompt words in the request can be compared with the candidate text description identifier, and the images that meet the positive prompt words can be screened out from the candidate page images and input into a preset image generation model, so that the preset image generation model performs adversarial training on the candidate page images with the goal of meeting the candidate text description identifier to obtain the target page image.

[0039] S102 : Determine theme configuration information based on the target attributes of the target page image, the main color tone of the image, the candidate terminal categories, and the corresponding candidate zoom widths and candidate zoom heights to generate a theme configuration table.

[0040] Among them, the target attribute refers to information that can characterize the characteristic attributes of the target page image. The target attributes may include, for example, distinguishing colors, page navigation background hue, theme name, picture display date, date type, picture link, and page theme area location. The theme name may be, for example, the Spring Festival. The picture display date may include: the current set date (i.e., date), the number of days before the current set date when the picture display begins (i.e., start Date), and the number of days after the current set date when the picture display ends and is removed (i.e., end Date). For example, if the current set date is May 1st, the picture display starts 3 days in advance and ends 3 days after the current set date, it means that the picture display date is from April 28th to May 4th.

[0041] Target attributes can also include main elements, primary colors, text content, feature placement, style, detailed lighting and shading, and atmosphere. Differential colors refer to the RGBA (Red, Green, Blue, Alpha) color of the image's primary hue with a transparency of 0.6. Differential colors primarily provide dynamic color block values ​​for application webpages, enabling integrated page theme switching.

[0042] Optionally, the theme configuration information is determined based on the target attributes of the target page image, the main color tone of the picture, the candidate terminal category, and the corresponding candidate zoom width and candidate zoom height, including: determining whether the target page image meets the attribute conditions based on the target attributes of the target page image and the candidate text description identifiers corresponding to each candidate page image; if so, determining the main color tone of the picture, the candidate terminal category, and the corresponding candidate zoom width and candidate zoom height, and determining the theme configuration information based on the target attributes in combination with the main color tone of the picture, the candidate terminal category, the candidate zoom width and the candidate zoom height.

[0043] Among them, the attribute condition refers to the condition for evaluating the degree of match between the target attribute and the candidate text description identifier. The candidate terminal category refers to the display terminal type supported by the system. The candidate terminal category can be, for example, a WEB (World Wide Web) computer web page terminal, an iPad terminal, or a Mobile phone mobile terminal. The candidate width and height specifications refer to the image width and height specifications required by each candidate terminal category. For example, the image width and height specifications of the Web computer web page terminal are: 600px*200px; the image width and height specifications of the iPad terminal are: 300px*100px; the Mobile phone mobile terminal width and height specifications are: 120*100px.

[0044] Exemplarily, the target attribute and the candidate text description identifier can be compared to determine whether the main elements, main colors, text and other main contents in the target page image meet the candidate text description. If they meet, it is determined that the attribute conditions are met. If not, it is determined that the attribute conditions are not met. The annotation and text description of the image generation model corresponding to the training data set can be further optimized, and new training data can be added. If the attribute conditions are met, but there are deviations in the position or style of the features of each element in the target attribute, or the details of the element need to be adjusted, the prompt words can be modified or negative prompt words can be added, and the training parameters can be adjusted to further adjust the annotation text description training set. If the detailed light and shadow and atmosphere of the target page image do not meet the requirements, the prompt words can also be modified or negative prompt words can be added, and the generation parameter guidance and sampling steps can be adjusted to re-perform adversarial training to obtain a target page image that meets the requirements.

[0045] Optionally, determining the main color tone of the image, the candidate terminal category, and the corresponding candidate zoom width and candidate zoom height includes: determining the regional color of the target area in the target page image, and determining the regional color as the main color tone of the image in the page theme area; determining the candidate width and height specifications corresponding to each candidate display device according to the candidate terminal category of the candidate display device, and determining the candidate zoom width and candidate zoom height that need to be adjusted for the target page image corresponding to each candidate terminal category according to the size relationship between each candidate width and height specification and the corresponding image width and height specifications of the target page image.

[0046] The target area can be, for example, the preset upper-left corner of the target page image. The area color refers to the color of the target area. The page theme area refers to the preset theme display area on the system's front-end page. The image width and height specifications refer to the current width and height specifications of the target page image.

[0047] Optionally, the RGB value of the upper left corner area of ​​the target image may be determined and used as the main color tone of the image in the subject area of ​​the page.

[0048] For example, for each candidate terminal category, if the image width and height specification resultImgScale is greater than or equal to the candidate width and height specification targetImgScale, the candidate scaled width is the target width targetImgWidth, and the candidate scaled height is the ratio of the target height to the image width and height specification: targetImgWidth / resultImgScale. If the image width and height specification resultImgScale is less than the candidate width and height specification targetImgScale, the candidate scaled width is the product of the target height and the image width and height specification targetImgHight*resultImgScale, and the candidate scaled height is the target height targetImgHight.

[0049] It should be noted that by determining the scaling parameters required for displaying the target page image for different terminal categories, it can be ensured that the image is not deformed during display.

[0050] Optionally, the topic configuration information corresponding to the target topic category may be added to the original topic configuration table to generate a new topic configuration table, wherein the new topic configuration table stores topic configuration information corresponding to different topic categories.

[0051] S103: If it is detected that the target user has accessed the system, the page theme is displayed according to the target terminal category, target page image, and theme configuration table of the target display device to which the target user belongs.

[0052] The target user is the user who logs into the application system to perform operations. The target terminal type is the type of terminal used by the target user. For example, the target terminal type can be a web computer terminal, an iPad terminal, or a mobile phone terminal.

[0053] For example, when a user enters the system, he or she can dynamically obtain the theme configuration table through the channel interface, and then use the JS (JavaScript) method to loop through the theme configuration table, and obtain the picture object that meets the target display device based on the picture configuration elements, that is, the target display image; if there is no picture object that meets the target display device, the interface is called to feedback that the current picture is missing, thereby triggering the preset image generation model to regenerate a picture that meets the requirements.

[0054] Optionally, page theme display is performed based on the target terminal category, target page image and theme configuration table of the target display device to which the target user belongs, including: determining the target display image based on the target terminal category and target page image of the target display device to which the target user belongs; and performing theme display based on the theme configuration information in the theme configuration table and the target display image when it is determined that the display conditions are met based on the user access date and the picture display date in the theme configuration table.

[0055] The target display image refers to an image that has been scaled to meet the width and height specifications for the target terminal category. The target display image and the target page image have the same image content but different width and height specifications. The user access date refers to the date on which the target user accessed the application system. The display condition refers to the condition that evaluates whether the user access date falls within the image display date.

[0056] Optionally, if the display conditions are met, all theme configuration information such as the image theme color, image link, etc. of the target page image configuration can be obtained, and the target page image can be rendered on the page using JS. The variable value of the global theme color is dynamically set on the main body of the page, and the main color of all page theme areas of the page is rendered according to the main color of the image, thereby realizing theme display, dynamically presenting the switching and rendering of different images on the page, improving the user experience and reducing the operation and maintenance workload. If the target page images of all theme categories are not within the range of the image display date, the system settings can be used to initialize the image and the initialized page main color. If there are multiple target page images that meet the display conditions, the first image that meets the requirements can be determined as the target page image to be displayed in the end.

[0057] Optionally, the target display image is determined based on the target terminal category of the target display device to which the target user belongs, and the target page image, including: determining the target terminal category and the target page image of the target display device to which the target user belongs; and determining the target width and height specifications, target zoom width, and target zoom height from a preset theme configuration table based on the target terminal category, so as to zoom the target page image to obtain the target display image.

[0058] Optionally, the application system can call the Pillow component and a custom function to scale the target page image according to the target width and height specifications, the target scaling width, and the target scaling height to obtain the target display image.

[0059] The technical solution of the embodiment of the present invention determines the candidate page image corresponding to the target theme category in response to a page theme configuration request, and processes the candidate page image based on a preset feature extraction algorithm and a preset image generation model to obtain a target page image; determines theme configuration information based on the target attributes, main color tone of the image, candidate terminal category, and corresponding candidate zoom width and candidate zoom height of the target page image to generate a theme configuration table; if it is detected that the target user has accessed the system, the page theme is displayed based on the target terminal category, target page image, and theme configuration table of the target display device to which the target user belongs. By utilizing the preset image generation model, the image corresponding to the theme category is automatically rendered and processed in combination with the terminal category, so that fast and intelligent theme display can be achieved when the user accesses the system.

[0060] Example 2

[0061] Figure 2 This is a flowchart of a page theme display method provided in Example 2 of the present invention; based on the above embodiment, this embodiment provides a preferred example of automatically rendering images corresponding to theme categories and processing them in combination with terminal categories, so as to quickly display themes when users access the site.

[0062] like Figure 2 As shown, the method includes the following processes:

[0063] S201 : In response to a page theme configuration request, determine candidate page images corresponding to a target theme category.

[0064] S202: Determine candidate element features to which the candidate page image belongs based on a preset feature extraction algorithm.

[0065] S203: Perform text description on the candidate element features based on the CLIP text model to obtain candidate text description identifiers corresponding to each candidate page image.

[0066] S204: According to the positive prompt words and negative prompt words in the request, the candidate text description identifiers and the candidate page images are input into a preset image generation model to obtain a target page image.

[0067] S205 : Determine whether the target page image meets the attribute condition based on the target attribute of the target page image and the candidate text description identifiers corresponding to the candidate page images.

[0068] S206: If yes, determine the main color tone of the picture, the candidate terminal category, and the corresponding candidate scaling width and candidate scaling height.

[0069] S207 : Determine theme configuration information based on the target attributes, the main color tone of the image, the candidate terminal categories, the candidate zoom widths, and the candidate zoom heights.

[0070] S208: If it is detected that the target user has accessed the system, a target display image is determined according to the target terminal category of the target display device to which the target user belongs and the target page image.

[0071] S209: Based on the user access date and the image display date in the theme configuration table, if it is determined that the display conditions are met, perform theme display based on the theme configuration information in the theme configuration table and the target display image.

[0072] Example 3

[0073] Figure 3 This is a structural block diagram of a page theme display device provided by the third embodiment of the present invention; this embodiment can be applied to the situation where the application system performs page theme configuration to display the theme in a timely and intelligent manner when the user accesses the system. The page theme display device provided by the embodiment of the present invention can execute the page theme display method provided by any embodiment of the present invention, and has the corresponding functional modules and beneficial effects of the execution method; the page theme display device can be implemented in the form of hardware and / or software, and configured in an electronic device with a page theme display function, and executed by the application system, wherein the application system includes a front-end interface and a back-end service, the back-end of the application system can be specifically used to generate a theme configuration table, and the front-end of the application system can be specifically used to display the theme. Figure 3 As shown, the page theme display device specifically includes:

[0074] Processing module 301, for determining, in response to a page theme configuration request, candidate page images corresponding to a target theme category, and processing the candidate page images based on a preset feature extraction algorithm and a preset image generation model to obtain a target page image;

[0075] Determination module 302, for determining theme configuration information based on the target attributes of the target page image, the main color tone of the image, the candidate terminal category, and the corresponding candidate zoom width and candidate zoom height to generate a theme configuration table;

[0076] The display module 303 is configured to display a page theme according to the target terminal category, target page image, and theme configuration table of the target display device to which the target user belongs, if it is detected that the target user has accessed the system.

[0077] The technical solution of the embodiment of the present invention determines the candidate page image corresponding to the target theme category in response to a page theme configuration request, and processes the candidate page image based on a preset feature extraction algorithm and a preset image generation model to obtain a target page image; determines theme configuration information based on the target attributes, main color tone of the image, candidate terminal category, and corresponding candidate zoom width and candidate zoom height of the target page image to generate a theme configuration table; if it is detected that the target user has accessed the system, the page theme is displayed based on the target terminal category, target page image, and theme configuration table of the target display device to which the target user belongs. By utilizing the preset image generation model, the image corresponding to the theme category is automatically rendered and processed in combination with the terminal category, so that fast and intelligent theme display can be achieved when the user accesses the system.

[0078] Furthermore, the processing module 301 is specifically configured to:

[0079] Based on a preset feature extraction algorithm, the candidate element features of the candidate page image are determined, and a text description of the candidate element features is performed based on the CLIP text model to obtain a candidate text description identifier corresponding to each candidate page image;

[0080] According to the positive prompt words and negative prompt words in the request, the candidate text description identifiers and the candidate page images are input into a preset image generation model to obtain the target page image.

[0081] Furthermore, the determining module 302 may include:

[0082] A judgment unit, configured to determine whether the target page image satisfies the attribute condition according to the target attribute of the target page image and the candidate text description identifiers corresponding to the candidate page images;

[0083] The information determination unit is used to determine the main color of the picture, the candidate terminal category, and the corresponding candidate zoom width and candidate zoom height, and determine the theme configuration information based on the target attribute, combined with the main color of the picture, the candidate terminal category, the candidate zoom width and the candidate zoom height.

[0084] Furthermore, the information determination unit is specifically configured to:

[0085] Determine the region color of the target region in the target page image, and determine the region color as the main color tone of the image in the page subject area;

[0086] According to the candidate terminal categories of the candidate display devices, the candidate width and height specifications corresponding to each candidate display device are determined, and according to the size relationship between each candidate width and height specification and the image width and height specifications corresponding to the target page image, the candidate scaling width and candidate scaling height required to be adjusted for the target page image corresponding to each candidate terminal category are determined.

[0087] Furthermore, the display module 303 may include:

[0088] An image determination unit, configured to determine a target display image according to a target terminal category of a target display device to which a target user belongs and a target page image;

[0089] The display unit is used to perform theme display based on the theme configuration information in the theme configuration table and the target display image according to the user access date and the picture display date in the theme configuration table, when it is determined that the display conditions are met.

[0090] Furthermore, the image determination unit is specifically configured to:

[0091] Determine the target terminal category and target page image of the target display device belonging to the target user;

[0092] According to the target terminal category, the target width and height specifications, target zoom width and target zoom height are determined from the preset theme configuration table to scale the target page image to obtain the target display image.

[0093] Example 4

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

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

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

[0097] The processor 11 can be any general-purpose and / or specialized processing component with processing and computing capabilities. Some examples of the processor 11 include, but are not limited to, a central processing unit (CPU), a graphics processing unit (GPU), various specialized artificial intelligence (AI) computing chips, various processors running machine learning model algorithms, a digital signal processor (DSP), and any suitable processor, controller, microcontroller, etc. The processor 11 executes the various methods and processes described above, such as the page theme display method.

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

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

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

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

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

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

[0104] A computing system may include clients and servers. The clients and servers are typically remote from each other and typically interact via a communication network. This client-server relationship arises through computer programs running on the respective computers, creating a client-server relationship. The server may be a cloud server, also known as a cloud computing server or cloud host. This server is a hosting product within a cloud computing service ecosystem that addresses the management difficulties and limited scalability of traditional physical hosting and VPS services.

[0105] In one embodiment, the embodiment of the present invention further includes a computer program product, which includes a computer program. When the computer program is executed by a processor, it implements the page theme display method of any embodiment of the present invention.

[0106] The computer program product may be implemented by writing computer program code for performing the operations of the present invention in one or more programming languages, or a combination thereof, including object-oriented programming languages ​​such as Java, Smalltalk, C++, and conventional procedural programming languages ​​such as "C" or similar programming languages. The program code may be executed entirely on the user's computer, partially on the user's computer, as a stand-alone software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. In cases involving a remote computer, the remote computer may be connected to the user's computer via any type of network, including a local area network (LAN) or a wide area network (WAN), or may be connected to an external computer (e.g., via the Internet using an Internet service provider).

[0107] It should be understood that the various forms of the processes shown above can be used to reorder, add, or delete steps. For example, the steps described in the present invention can be performed in parallel, sequentially, or in a different order, as long as the desired results of the technical solution of the present invention can be achieved. This is not limited herein.

[0108] The above specific embodiments do not limit the scope of protection of the present invention. Those skilled in the art will appreciate that various modifications, combinations, sub-combinations, and substitutions may be made based on design requirements and other factors. Any modifications, equivalent substitutions, and improvements made within the spirit and principles of the present invention are intended to be included within the scope of protection of the present invention.

Claims

1. A page theme display method, characterized in that: include: In response to a page theme configuration request, determining a candidate page image corresponding to a target theme category, and processing the candidate page image based on a preset feature extraction algorithm and a preset image generation model to obtain a target page image; Determine theme configuration information according to the target attribute of the target page image, the main color tone of the image, the candidate terminal category, and the corresponding candidate zoom width and candidate zoom height to generate a theme configuration table; If it is detected that the target user has accessed the system, the page theme is displayed according to the target terminal category, the target page image and the theme configuration table of the target display device to which the target user belongs.

2. The method according to claim 1, characterized in that: Based on a preset feature extraction algorithm and a preset image generation model, the candidate page image is processed to obtain a target page image, including: Based on a preset feature extraction algorithm, determine the candidate element features to which the candidate page image belongs, and perform a text description of the candidate element features based on the CLIP text model to obtain a candidate text description identifier corresponding to each candidate page image; According to the positive prompt words and negative prompt words in the request, the candidate text description identifiers and the candidate page images are input into a preset image generation model to obtain a target page image.

3. The method according to claim 1, characterized in that According to the target attribute of the target page image, the main color tone of the image, the candidate terminal category, and the corresponding candidate zoom width and candidate zoom height, the theme configuration information is determined, including: Determining whether the target page image meets the attribute condition according to the target attribute of the target page image and the candidate text description identifiers corresponding to each candidate page image; If so, determine the main color of the picture, the candidate terminal category, and the corresponding candidate zoom width and candidate zoom height, and determine the theme configuration information based on the target attribute, combined with the main color of the picture, the candidate terminal category, the candidate zoom width and the candidate zoom height.

4. The method according to claim 3, characterized in that Determine the main color tone of the image, the candidate terminal category, and the corresponding candidate scaling width and candidate scaling height, including: Determine the region color of the target region in the target page image, and determine the region color as the main color tone of the image in the page subject area; According to the candidate terminal categories of the candidate display devices, the candidate width and height specifications corresponding to each candidate display device are determined, and according to the size relationship between each candidate width and height specification and the image width and height specifications corresponding to the target page image, the candidate scaling width and candidate scaling height required to be adjusted for the target page image corresponding to each candidate terminal category are determined.

5. The method according to claim 1, characterized in that According to the target terminal category, target page image and theme configuration table of the target display device of the target user, the page theme display is performed, including: Determine a target display image according to a target terminal category of a target display device to which a target user belongs and a target page image; According to the user access date and the picture display date in the theme configuration table, when it is determined that the display conditions are met, the theme display is performed based on the theme configuration information in the theme configuration table and the target display image.

6. The method according to claim 5, characterized in that According to the target terminal category of the target display device to which the target user belongs and the target page image, the target display image is determined, including: Determine the target terminal category and target page image of the target display device of the target user; According to the target terminal category, the target width and height specifications, the target zoom width and the target zoom height are determined from the preset theme configuration table to zoom the target page image to obtain the target display image.

7. A page theme display device, characterized in that: include: A processing module, for determining, in response to a page theme configuration request, a candidate page image corresponding to a target theme category, and processing the candidate page image based on a preset feature extraction algorithm and a preset image generation model to obtain a target page image; A determination module, used to determine theme configuration information according to the target attribute of the target page image, the main color tone of the image, the candidate terminal category, and the corresponding candidate zoom width and candidate zoom height to generate a theme configuration table; The display module is used to display the page theme according to the target terminal category, target page image and theme configuration table of the target display device to which the target user belongs if it is detected that the target user has accessed the system.

8. An electronic device, characterized in that: The electronic device comprises: at least one processor; and a memory communicatively connected to the at least one processor; wherein, The memory stores a computer program executed by the at least one processor, and the computer program is executed by the at least one processor so that the at least one processor can execute the page theme display method described in any one of claims 1-6.

9. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores computer instructions, and the computer instructions are used to enable a processor to implement the page theme display method described in any one of claims 1-6 when executed.

10. A computer program product, characterized in that The computer program product comprises a computer program, and when the computer program is executed by a processor, the computer program implements the page theme display method according to any one of claims 1-6.

Images