Style configuration method, device, electronic device and medium for interface theme

Abstract

The present application discloses a method, device, electronic device and medium for configuring a style of an interface theme, and relates to the field of artificial intelligence technology, and specifically to the field of artificial intelligence technology such as deep learning and cloud computing. Specific implementation scheme: displaying a plurality of configurable styles corresponding to the components to be configured in the initial interface theme; in response to the user's configuration instruction, determining the target style corresponding to the configuration instruction and the style value corresponding to the target style from the plurality of configurable styles; and configuring the components to be configured according to the target style and the corresponding style value to obtain the target component, which can realize the custom configuration of the interface theme style, improve the flexibility of the interface theme style configuration, and make the interface theme style extensible.

Description

Technical Field

[0001] The present application relates to the field of artificial intelligence technology, specifically to the field of artificial intelligence technology such as deep learning and cloud computing, and in particular to a style configuration method, device, electronic device and medium for interface themes. Background Art

[0002] Artificial intelligence is a discipline that studies how to use computers to simulate certain human thought processes and intelligent behaviors (such as learning, reasoning, thinking, planning, etc.). It includes both hardware-level and software-level technologies. Artificial intelligence hardware technologies generally include technologies such as sensors, dedicated artificial intelligence chips, cloud computing, distributed storage, and big data processing; artificial intelligence software technologies mainly include computer vision technology, speech recognition technology, natural language processing technology, as well as machine learning, deep learning, big data processing technology, knowledge graph technology, and other major directions.

[0003] Usually, the browser interface will pre-set multiple sets of interface themes at the beginning, providing users with interface themes of different styles to choose from, so as to meet the user's usage needs. Summary of the invention

[0004] Provided are a style configuration method, device, electronic device, storage medium, and computer program product for an interface theme.

[0005] According to a first aspect, a style configuration method for an interface theme is provided, comprising: displaying a plurality of configurable styles corresponding to a component to be configured in an initial interface theme; in response to a user's configuration instruction, determining a target style corresponding to the configuration instruction and a style value corresponding to the target style from the plurality of configurable styles; and configuring the component to be configured according to the target style and the corresponding style value to obtain the target component.

[0006] According to a second aspect, a style configuration device for an interface theme is provided, comprising: a first display module, for displaying a plurality of configurable styles corresponding to a component to be configured in an initial interface theme; a first determination module, for responding to a user's configuration instruction, determining a target style corresponding to the configuration instruction and a style value corresponding to the target style from among the plurality of configurable styles; and a configuration module, for configuring the component to be configured according to the target style and the corresponding style value to obtain the target component.

[0007] According to a third aspect, an electronic device is provided, comprising: at least one processor; and a memory communicatively connected to the at least one processor; wherein the memory stores instructions executable by the at least one processor, and the instructions are executed by the at least one processor so that the at least one processor can execute the style configuration method for the interface theme of an embodiment of the present application.

[0008] According to a fourth aspect, a non-transitory computer-readable storage medium storing computer instructions is proposed, wherein the computer instructions are used to enable the computer to execute the style configuration method for the interface theme disclosed in the embodiment of the present application.

[0009] According to a fifth aspect, a computer program product is proposed, including a computer program, which, when executed by a processor, implements the style configuration method for an interface theme disclosed in an embodiment of the present application.

[0010] 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 application, nor is it intended to limit the scope of the present application. Other features of the present application will become easily understood through the following description. BRIEF DESCRIPTION OF THE DRAWINGS

[0011] The accompanying drawings are used to better understand the present solution and do not constitute a limitation of the present application.

[0012] Figure 1 is a schematic diagram according to the first embodiment of the present application;

[0013] Figure 2 is a schematic diagram according to a second embodiment of the present application;

[0014] Figure 3 is a schematic diagram according to a third embodiment of the present application;

[0015] Figure 4 is a schematic diagram according to a fourth embodiment of the present application;

[0016] Figure 5 is a schematic diagram according to a fifth embodiment of the present application;

[0017] Figure 6 It is a block diagram of an electronic device used to implement the style configuration method for an interface theme according to an embodiment of the present application. DETAILED DESCRIPTION

[0018] The following is a description of exemplary embodiments of the present application in conjunction with the accompanying drawings, including various details of the embodiments of the present application to facilitate understanding, which should be considered as merely exemplary. Therefore, it should be recognized by those of ordinary skill in the art that various changes and modifications can be made to the embodiments described herein without departing from the scope and spirit of the present application. Similarly, for the sake of clarity and conciseness, the description of well-known functions and structures is omitted in the following description.

[0019] Figure 1 It is a schematic diagram according to the first embodiment of the present application.

[0020] It should be noted that the executor of the style configuration method for interface themes in this embodiment is a style configuration device for interface themes, which can be implemented by software and / or hardware. The device can be configured in an electronic device, which may include but is not limited to a terminal, a server, etc.

[0021] The embodiments of the present application relate to the fields of artificial intelligence technologies such as deep learning and cloud computing.

[0022] Among them, Artificial Intelligence (AI) is a new technical science that studies and develops theories, methods, technologies and application systems for simulating, extending and expanding human intelligence.

[0023] Deep learning is the process of learning the inherent laws and representation levels of sample data. The information obtained in the learning process is of great help in interpreting data such as text, images, and sounds. The ultimate goal of deep learning is to enable machines to have analytical learning capabilities like humans and to recognize data such as text, images, and sounds.

[0024] Cloud computing refers to a technology system that uses the network to access a shared pool of physical or virtual resources that is elastic and scalable. Resources may include servers, operating systems, networks, software, applications, and storage devices, and can be deployed and managed in an on-demand, self-service manner. Cloud computing technology can provide efficient and powerful data processing capabilities for the application of technologies such as artificial intelligence and blockchain, as well as model training.

[0025] like Figure 1 As shown, the style configuration method for the interface theme includes:

[0026] S101: Displaying a plurality of configurable styles corresponding to the components to be configured in the initial interface theme.

[0027] The embodiments of the present application can be specifically applied in the process of customizing the style of the browser interface. The interface theme whose style currently needs to be configured can be called the initial interface theme.

[0028] Usually, an interface theme includes multiple components, and a component can be understood as an abstraction of the units that make up the interface theme, and is an element that constitutes the interface theme.

[0029] Components may include, for example, common components, text components, image components, etc., wherein the components may specifically include, for example, buttons, text boxes, positioning components, engine components, and the interface theme of the style may be implemented through the style configuration and style layout of different components.

[0030] Among them, the style that can be configured for a component is called a configurable style. The configurable style may include: the name of the configurable style and its corresponding style value. For example, for component A, its configurable style may be setting the aspect ratio of component A to 1:2, setting the aspect ratio of component A to 2:3, and setting the aspect ratio of component A to 5:3. These styles that can be set may be called configurable styles, and the values ​​corresponding to the configurable styles may be called style values.

[0031] For another example, the configurable style may also be the length of the component, the border of the component, the color of the component, the size of the component, etc., and the style value to which it may be set is not limited.

[0032] In an embodiment of the present application, the project developer can set each component in the interface theme to be customizable in advance. That is to say, after a component is set to be customizable, the browser interface front end can support users to customize the component in a corresponding style based on their own usage requirements, without any restrictions.

[0033] For example, the browser interface can run on an electronic device, and the electronic device can provide a style configuration interface to the user. When it is detected that the user triggers the style configuration interface, the customizable components pre-configured by the project developer for the initial interface theme can be obtained, and accordingly, multiple configurable styles of each customizable component can be obtained, and then the multiple configurable styles corresponding to the components to be configured in the initial interface theme can be displayed, without any restrictions.

[0034] For example, the style configuration interface can also be associated with the customizable components in the initial interface theme. When it is detected that the user triggers the style configuration interface associated with a customizable component, multiple configurable styles of the triggered customizable component are obtained and provided to the user. There is no restriction on this.

[0035] The above-mentioned display of multiple configurable styles corresponding to the components to be configured in the initial interface theme is to assist and support the user's customized configuration.

[0036] S102: In response to a configuration instruction from a user, determining a target style corresponding to the configuration instruction and a style value corresponding to the target style from among a plurality of configurable styles.

[0037] After displaying the multiple configurable styles corresponding to the component to be configured in the configuration interface, it is possible to monitor in real time whether a configuration instruction from the user is received (the configuration instruction is used to trigger the selection of the required target style and the corresponding style value from the multiple configurable styles).

[0038] The configurable style configured by the configuration instruction of the user may be referred to as the target style, and the style value selected by the trigger instruction of the user may be referred to as the style value corresponding to the target style.

[0039] Assume component A, whose configurable styles can be setting the aspect ratio of component A to 1:2, setting the aspect ratio of component A to 2:3, and setting the aspect ratio of component A to 5:3, then the target style corresponding to the configuration instruction can be custom setting the aspect ratio of component A, and the style value corresponding to the target style can be setting the aspect ratio of component A to 1:2, and there is no restriction on this.

[0040] That is to say, in the embodiments of the present application, it is possible to provide all configurable styles in a common file to the user for configuration. After the user configuration, the user-configured target style and the style value corresponding to the target style can be sent to the server or saved locally on the electronic device without any restriction.

[0041] S103: configuring the component to be configured according to the target style and the corresponding style value to obtain the target component.

[0042] After responding to the user's configuration instruction and determining the target style corresponding to the configuration instruction and the style value corresponding to the target style from multiple configurable styles, the component to be configured can be directly configured according to the target style and the corresponding style value to obtain the target component.

[0043] For example, the style value corresponding to the current style of the component to be configured (the current style corresponds to the target style) can be directly adjusted to the style value configured according to the configuration instruction, and there is no limitation to this.

[0044] For another example, the component to be configured can be configured in real time according to the target style and the corresponding style value, or a prompt message can be generated to prompt the user to confirm based on the prompt message. If the user confirms the configuration, it can trigger the configuration of the component to be configured according to the target style and the corresponding style value. There is no restriction on this.

[0045] In this embodiment, by displaying multiple configurable styles corresponding to the components to be configured in the initial interface theme, and responding to the user's configuration instructions, determining the target style corresponding to the configuration instructions and the style value corresponding to the target style from the multiple configurable styles, and configuring the components to be configured according to the target style and the corresponding style value to obtain the target component, it is possible to implement customized configuration of the interface theme style, improve the flexibility of the interface theme style configuration, and make the interface theme style extensible.

[0046] Figure 2 It is a schematic diagram according to the second embodiment of the present application.

[0047] like Figure 2 Before displaying the multiple configurable styles corresponding to the components to be configured in the initial interface theme, the following may also be included:

[0048] S201: Displaying a style configuration interface, the style configuration interface including: a style configuration control.

[0049] That is to say, in an embodiment of the present application, a style configuration interface can be first provided for the initial interface theme. For example, a style configuration interface can be displayed in the initial interface theme. When the user triggers the style configuration interface, the initial interface theme can be switched to display the style configuration interface, and a style configuration control can be provided in the style configuration interface.

[0050] S202: In response to an operation instruction of a user on a style configuration control, determining an identifier of a component to be configured selected by the operation instruction.

[0051] The above-mentioned style configuration control is provided in the style configuration interface, and the user's operation behavior can be monitored based on the style configuration control. If the user's operation instruction on the style configuration control is monitored, the identifier of the component to be configured selected by the operation instruction can be determined in response to the user's operation instruction on the style configuration control.

[0052] For example, in the above-mentioned style configuration interface, multiple customizable components can be displayed in the form of navigation. For example, all customizable components can be arranged on the left in the form of navigation, and the associated style configuration controls are configured for the customizable components. Then, when the user's operation instructions for the style configuration control are detected, the configuration interface of the current component is entered.

[0053] S203: Acquire from the server a plurality of configurable styles corresponding to the identifier of the component to be configured.

[0054] After the multiple configurable styles corresponding to the identifier of the component to be configured are obtained from the server, the multiple configurable styles corresponding to the component to be configured may be displayed in the configuration interface.

[0055] That is to say, the embodiments of the present application support pre-writing multiple configurable styles of customizable components into a file. For example, when the project developers initially develop and implement all components, the configurable styles of all components are implemented through unified rules, and the configurable styles are written into the file. Then, the identifier of each customizable component can be associated with its configurable style in the file, and the file can be stored locally on the electronic device or in a cloud server, thereby supporting the browser front end to directly obtain the corresponding multiple configurable styles based on the identifier of the component to be configured selected by the user.

[0056] In this embodiment, by displaying the style configuration interface, the style configuration interface includes: a style configuration control, which responds to the user's operation instructions on the style configuration control, determines the identifier of the component to be configured selected by the operation instruction, and obtains multiple configurable styles corresponding to the identifier of the component to be configured from the server, provides a more fine-grained style setting method, and pre-generates multiple configurable styles, thereby supporting the browser front end to directly obtain the corresponding multiple configurable styles based on the identifier of the component to be configured selected by the user, improves the timeliness of the acquisition of configurable styles, and improves the overall style customization experience.

[0057] Figure 3 It is a schematic diagram according to the third embodiment of the present application.

[0058] like Figure 3 As shown, the style configuration method for the interface theme includes:

[0059] S301: Displaying a plurality of configurable styles corresponding to the components to be configured in the initial interface theme.

[0060] S302: In response to a configuration instruction from a user, determine a target style corresponding to the configuration instruction and a style value corresponding to the target style from among a plurality of configurable styles.

[0061] S303: Configure the component to be configured according to the target style and the corresponding style value to obtain the target component.

[0062] For the examples of S301 - S303 , please refer to the above embodiments for details, which will not be described again here.

[0063] Optionally, in some embodiments, when configuring the component to be configured according to the target style and the corresponding style value to obtain the target component, it is also possible to determine the initial style value of the component to be configured corresponding to the target style, adjust the initial style value to the corresponding style value, and use the adjusted component to be configured as the target component, thereby achieving fast and convenient configuration of the component to be configured, ensuring the timeliness of the configuration, and improving the consistency of the browser interface style display.

[0064] S304: Determine an initial style layout corresponding to the component to be configured.

[0065] Among them, the initial style layout is used to describe the relative position layout of the component to be configured and other components in the initial interface theme. The initial style layout can be, for example, the relative distance and relative position between the component to be configured and other components in the initial interface theme.

[0066] After obtaining the target component value, a new interface theme can be generated by combining the relative position layout of the configuration component in the initial interface theme and other components.

[0067] For example, an interface configuration file of the initial interface theme may be obtained, and the relative distance, relative position, etc. between the component to be configured and other components may be determined from the interface configuration file and used as the initial style layout.

[0068] S305: Generate a target interface theme according to the initial style layout and the target component.

[0069] After determining the initial style layout corresponding to the component to be configured, a target interface theme may be generated according to the initial style layout and the target component.

[0070] For example, based on the initial style layout and the target style of the target component, and the corresponding style value, a preset interface theme generation interface may be called to generate a target interface theme.

[0071] S306: Update the initial interface theme according to the target interface theme.

[0072] In the above, when the target interface theme is generated according to the initial style layout and the target component, the initial interface theme can be updated according to the target interface theme. That is to say, in this embodiment, not only the custom configuration of the component style in the interface theme can be realized, but also a new target interface theme can be formed according to the target component after the custom configuration and the initial style layout. After the target interface theme is formed, the target interface theme can be supplemented by other application scenarios, so as to have a better application effect.

[0073] For example, the target interface theme may be presented in the form of a preview on the front-end browser interface of the electronic device, and when the user confirms the preview effect, the initial interface theme may be updated according to the target interface theme.

[0074] S307: Obtain user information.

[0075] The user information can be used to identify the identity information of the user who triggers the custom style configuration, such as the user account, etc., or it can also be the information of a third-party user designated by the user who triggers the custom style configuration, without limitation.

[0076] S308: Generate an association relationship between the user information and the target interface theme, and save the association relationship.

[0077] After obtaining the user information, the user information can also be associated with the target interface theme to generate an association relationship between the user information and the target interface theme, and the association relationship can be saved, thereby assisting in quickly obtaining a user-defined interface theme based on the association relationship.

[0078] When the association relationship is saved, the association relationship may be specifically saved in a background database corresponding to the electronic device, or may be saved in other storage devices, and there is no limitation to this.

[0079] S309: If trigger information for reloading the interface theme is detected, and the trigger information carries user information, the target interface theme associated with the user information is directly used to render the browser interface.

[0080] After saving the association between the user information and the target interface theme, it is possible to monitor in real time whether the trigger information for reloading the interface theme is received. For example, when the user uninstalls the browser, re-downloads and runs the corresponding browser, and initially starts the browser, it is possible to monitor whether the trigger information for reloading the interface theme is received. If the trigger information for reloading the interface theme is detected and the trigger information carries user information, the target interface theme that is associated with the user information is directly used to render the browser interface.

[0081] The above-mentioned acquisition of user information, generation of the association relationship between the user information and the target interface theme, and saving the association relationship, as well as when the trigger information for reloading the interface theme is detected and the trigger information carries the user information, directly using the target interface theme that has an association relationship with the user information to render the browser interface, realizes the pre-saving of the user's configuration effect to the database, thereby enabling the user to set a personalized interface theme according to his own needs, and assists in automatically obtaining the personalized interface theme of his own needs from the database when the user triggers the reloading of the interface theme again, effectively realizing fine-grained and efficient style configuration of components.

[0082] In this embodiment, by displaying a plurality of configurable styles corresponding to the components to be configured in the initial interface theme, and responding to the user's configuration instructions, determining the target style corresponding to the configuration instructions and the style value corresponding to the target style from the plurality of configurable styles, and configuring the components to be configured according to the target style and the corresponding style value to obtain the target component, it is possible to implement custom configuration of the interface theme style, improve the flexibility of the interface theme style configuration, and make the interface theme style extensible. Not only can the custom configuration of the component style in the interface theme be implemented, but also a new target interface theme can be formed according to the target component after the custom configuration and the initial style layout. After the target interface theme is formed, the target interface theme can be supplemented with other application scenarios, thereby having a better application effect. It also saves the user's configuration effects in the database in advance, so that the user can set a personalized interface theme according to his or her own needs, and assists in automatically obtaining the personalized interface theme of his or her own needs from the database when the user triggers the reloading of the interface theme again, effectively realizing fine-grained and efficient style configuration of components, and solving the technical problem of insufficient flexibility in interface theme configuration in related technologies. When delivering the current browser product to different business parties, it can provide appropriate customized interface themes based on the business areas of the business parties, thereby effectively expanding the application scenarios of interface themes.

[0083] Figure 4 It is a schematic diagram according to the fourth embodiment of the present application.

[0084] like Figure 4 As shown, the style configuration device 40 for the interface theme includes:

[0085] The first display module 401 is used to display a plurality of configurable styles corresponding to the components to be configured in the initial interface theme.

[0086] The first determining module 402 is configured to determine, in response to a configuration instruction of a user, a target style corresponding to the configuration instruction and a style value corresponding to the target style from among a plurality of configurable styles.

[0087] The configuration module 403 is used to configure the component to be configured according to the target style and the corresponding style value to obtain the target component.

[0088] In some embodiments of the present application, Figure 5 As shown, Figure 5 is a schematic diagram according to the fifth embodiment of the present application. The style configuration device 50 for the interface theme includes: a first display module 501, a first determination module 502, a configuration module 503, and further includes:

[0089] The second display module 504 is used to display a style configuration interface, which includes: a style configuration control.

[0090] The second determining module 505 is used to determine the identifier of the component to be configured selected by the operation instruction in response to the user's operation instruction on the style configuration control.

[0091] The acquisition module 506 is used to acquire from the server a plurality of configurable styles corresponding to the identifier of the component to be configured.

[0092] In some embodiments of the present application, the configuration module 503 is specifically used to:

[0093] Determine the initial style value of the component to be configured corresponding to the target style;

[0094] Adjust the initial style value to the corresponding style value, and use the adjusted component to be configured as the target component.

[0095] In some embodiments of the present application, Figure 5 As shown, it also includes:

[0096] The generating module 507 is used to determine the initial style layout corresponding to the component to be configured, generate a target interface theme according to the initial style layout and the target component, and update the initial interface theme according to the target interface theme.

[0097] In some embodiments of the present application, Figure 5 As shown, it also includes:

[0098] The association processing module 508 is used to obtain user information, generate an association relationship between the user information and the target interface theme, and save the association relationship.

[0099] In some embodiments of the present application, Figure 5 As shown, it also includes:

[0100] The rendering module 509 is used to render the browser interface using a target interface theme associated with the user information when trigger information for reloading the interface theme is detected and the trigger information carries user information.

[0101] It is understandable that the present embodiment Figure 5 The style configuration device 50 for the interface theme and the style configuration device 40 for the interface theme in the above-mentioned embodiment, the first display module 501 and the first display module 401 in the above-mentioned embodiment, the first determination module 502 and the first determination module 402 in the above-mentioned embodiment, and the configuration module 503 and the configuration module 403 in the above-mentioned embodiment may have the same function and structure.

[0102] It should be noted that the aforementioned explanation of the style configuration method for the interface theme is also applicable to the style configuration device for the interface theme of this embodiment, and will not be repeated here.

[0103] In this embodiment, by displaying multiple configurable styles corresponding to the components to be configured in the initial interface theme, and responding to the user's configuration instructions, determining the target style corresponding to the configuration instructions and the style value corresponding to the target style from the multiple configurable styles, and configuring the components to be configured according to the target style and the corresponding style value to obtain the target component, it is possible to implement customized configuration of the interface theme style, improve the flexibility of the interface theme style configuration, and make the interface theme style extensible.

[0104] According to an embodiment of the present application, the present application also provides an electronic device, a readable storage medium and a computer program product.

[0105] Figure 6 It is a block diagram of an electronic device for implementing the style configuration method for interface themes of an embodiment of the present application. Electronic devices are intended to represent various forms of digital computers, such as laptop computers, desktop computers, workbenches, personal digital assistants, servers, blade servers, mainframe computers, and other suitable computers. Electronic devices can also represent various forms of mobile devices, such as personal digital processing, cellular phones, smart phones, wearable devices, 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 application described herein and / or required.

[0106] like Figure 6 As shown, the device 600 includes a computing unit 601, which can perform various appropriate actions and processes according to a computer program stored in a read-only memory (ROM) 602 or a computer program loaded from a storage unit 608 into a random access memory (RAM) 603. In the RAM 603, various programs and data required for the operation of the device 600 can also be stored. The computing unit 601, the ROM 602, and the RAM 603 are connected to each other via a bus 604. An input / output (I / O) interface 605 is also connected to the bus 604.

[0107] A number of components in the device 600 are connected to the I / O interface 605, including: an input unit 606, such as a keyboard, a mouse, etc.; an output unit 607, such as various types of displays, speakers, etc.; a storage unit 608, such as a disk, an optical disk, etc.; and a communication unit 609, such as a network card, a modem, a wireless communication transceiver, etc. The communication unit 609 allows the device 600 to exchange information / data with other devices through a computer network such as the Internet and / or various telecommunication networks.

[0108] The computing unit 601 may be a variety of general and / or special processing components with processing and computing capabilities. Some examples of the computing unit 601 include, but are not limited to, a central processing unit (CPU), a graphics processing unit (GPU), various dedicated artificial intelligence (AI) computing chips, various computing units running machine learning model algorithms, digital signal processors (DSPs), and any appropriate processors, controllers, microcontrollers, etc. The computing unit 601 performs the various methods and processes described above, for example, a style configuration method for an interface theme.

[0109] For example, in some embodiments, the style configuration method for the interface theme can be implemented as a computer software program, which is tangibly contained in a machine-readable medium, such as a storage unit 608. In some embodiments, part or all of the computer program can be loaded and / or installed on the device 600 via the ROM 602 and / or the communication unit 609. When the computer program is loaded into the RAM 603 and executed by the computing unit 601, one or more steps of the style configuration method for the interface theme described above can be performed. Alternatively, in other embodiments, the computing unit 601 can be configured to execute the style configuration method for the interface theme by any other appropriate means (e.g., by means of firmware).

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

[0111] The program code for implementing the style configuration method for the interface theme of the present application can be written in any combination of one or more programming languages. These program codes can be provided to a processor or controller of a general-purpose computer, a special-purpose computer, or other programmable data processing device, so that the program code, when executed by the processor or controller, enables the functions / operations specified in the flow chart and / or block diagram to be implemented. The program code can be executed entirely on the machine, partially on the machine, partially on the machine as a stand-alone software package and partially on a remote machine, or entirely on a remote machine or server.

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

[0113] To provide interaction with a user, the systems and techniques described herein can be implemented on a computer 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 computer. 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).

[0114] The systems and techniques described herein can be implemented in a computing system that includes backend components (e.g., as a data server), or a computing system that includes middleware components (e.g., an application server), or a computing system that includes frontend components (e.g., a user computer with a graphical user interface or a web browser through which a user can interact with implementations of the systems and techniques described herein), or a computing system that includes any combination of such backend components, middleware components, or frontend components. The components of the system 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), the Internet, and a blockchain network.

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

[0116] It should be understood that the various forms of processes shown above can be used to reorder, add or delete steps. For example, the steps recorded in this application can be executed in parallel, sequentially or in different orders, as long as the expected results of the technical solution disclosed in this application can be achieved, and this document is not limited here.

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

Claims

1. A style configuration method for an interface theme, comprising: Display multiple configurable styles corresponding to the components to be configured in the initial interface theme; In response to a configuration instruction of a user, determining a target style corresponding to the configuration instruction and a style value corresponding to the target style from among the plurality of configurable styles; as well as Configuring the component to be configured according to the target style and the corresponding style value to obtain the target component; Before displaying the multiple configurable styles corresponding to the components to be configured in the initial interface theme, the method further includes: A display style configuration interface, the style configuration interface comprising: a style configuration control, wherein a style configuration interface is displayed in the initial interface theme, when the user triggers the style configuration interface, the initial interface theme is switched to the display style configuration interface, and a style configuration control is provided in the style configuration interface; In response to the user's operation instruction on the style configuration control, determining the identifier of the component to be configured selected by the operation instruction, wherein a style configuration control is provided in the style configuration interface, and the user's operation behavior is monitored based on the style configuration control. If the user's operation instruction on the style configuration control is monitored, then in response to the user's operation instruction on the style configuration control, determining the identifier of the component to be configured selected by the operation instruction; Acquire from the server a plurality of configurable styles corresponding to the identifier of the component to be configured; After configuring the component to be configured according to the target style and the corresponding style value, the method further includes: Determine an initial style layout corresponding to the component to be configured, wherein the initial style layout includes a relative distance between the component to be configured and other components in the initial interface theme; Generate a target interface theme according to the initial style layout and the target component, wherein, based on the initial style layout and the target style of the target component, and the corresponding style value, a preset interface theme generation interface is called to generate the target interface theme; The initial interface theme is updated according to the target interface theme.

2. The method according to claim 1, wherein: The configuring the component to be configured according to the target style and the corresponding style value to obtain the target component includes: Determine an initial style value of the component to be configured corresponding to the target style; The initial style value is adjusted to the corresponding style value, and the adjusted component to be configured is used as the target component.

3. The method according to claim 1, after configuring the component to be configured according to the target style and the corresponding style value to obtain the target component, further comprises: Get user information; Generate an association relationship between the user information and the target interface theme, and save the association relationship.

4. The method according to claim 3, after the user information and the target interface theme are associated and saved, further comprising: If trigger information for reloading the interface theme is detected, and the trigger information carries the user information, the target interface theme associated with the user information is used to render the browser interface.

5. A style configuration device for an interface theme, comprising: A first display module, used to display a plurality of configurable styles corresponding to the components to be configured in the initial interface theme; A first determining module, configured to determine, in response to a configuration instruction of a user, a target style corresponding to the configuration instruction and a style value corresponding to the target style from among the plurality of configurable styles; as well as A configuration module, configured to configure the component to be configured according to the target style and the corresponding style value to obtain the target component; A second display module is used to display a style configuration interface, wherein the style configuration interface includes: a style configuration control, wherein a style configuration interface is displayed in the initial interface theme, and when the user triggers the style configuration interface, the initial interface theme is switched to the displayed style configuration interface, and a style configuration control is provided in the style configuration interface; a second determination module, configured to determine, in response to an operation instruction of the user on the style configuration control, an identifier of the component to be configured selected by the operation instruction, wherein a style configuration control is provided in the style configuration interface, and the operation behavior of the user is monitored based on the style configuration control, and if the operation instruction of the user on the style configuration control is monitored, then in response to the operation instruction of the user on the style configuration control, the identifier of the component to be configured selected by the operation instruction is determined; An acquisition module, used for acquiring from a server a plurality of configurable styles corresponding to the identifier of the component to be configured; A generating module, configured to determine an initial style layout corresponding to the component to be configured, wherein the initial style layout includes a relative distance between the component to be configured and other components in the initial interface theme; Generate a target interface theme according to the initial style layout and the target component, wherein, based on the initial style layout and the target style of the target component, and the corresponding style value, a preset interface theme generation interface is called to generate the target interface theme; The initial interface theme is updated according to the target interface theme.

6. The device according to claim 5, wherein: The configuration module is specifically used for: Determine an initial style value of the component to be configured corresponding to the target style; The initial style value is adjusted to the corresponding style value, and the adjusted component to be configured is used as the target component.

7. The apparatus according to claim 5, further comprising: The association processing module is used to obtain user information, generate an association relationship between the user information and the target interface theme, and save the association relationship.

8. The apparatus according to claim 7, further comprising: A rendering module is used to render the browser interface using a target interface theme associated with the user information when trigger information for reloading the interface theme is detected and the trigger information carries the user information.

9. An electronic device, comprising: at least one processor; as well as a memory communicatively connected to the at least one processor; wherein, The memory stores instructions that can be executed by the at least one processor, and the instructions are executed by the at least one processor to enable the at least one processor to perform the method according to any one of claims 1 to 4.

10. A non-transitory computer-readable storage medium storing computer instructions, wherein: The computer instructions are used to cause the computer to execute the method according to any one of claims 1-4.

11. A computer program product, comprising a computer program, which, when executed by a processor, implements the method according to any one of claims 1 to 4.

Images