A page style management method and device, electronic equipment and readable storage medium

Abstract

This application discloses a page style management method, apparatus, electronic device, and computer-readable storage medium. The method includes: determining a target configuration page, target page elements of the target configuration page, target style elements corresponding to each target page element, and element information corresponding to each target style element based on first configuration information; binding the target page elements to the target style elements corresponding to the target page elements to generate a page configuration template; binding the target style elements to the element information corresponding to the target style elements to generate a style configuration file; and configuring the page style based on the target configuration page, the page configuration template, and the style configuration file. Applying the technical solution provided in this application can effectively improve the efficiency of page style switching and achieve more convenient and faster page style management.

Description

Technical Field

[0001] This application relates to the field of front-end technology, and in particular to a page style management method, apparatus, electronic device, and computer-readable storage medium. Background Technology

[0002] In traditional technologies, page style configuration management in visual interfaces is achieved by generating page files using parameterized configuration. This establishes relationships between pages, page elements, element styles, and element style values, and the page file is then used to configure the page style. However, when page styles need to be changed, each of the various attributes configured in the page file must be modified individually, resulting in a cumbersome and inefficient process.

[0003] Therefore, how to effectively improve the efficiency of page style switching and achieve more convenient and efficient page style management is a problem that urgently needs to be solved by those skilled in the art. Summary of the Invention

[0004] The purpose of this application is to provide a page style management method, apparatus, electronic device, and computer-readable storage medium. This page style management method can effectively improve the efficiency of page style switching and achieve more convenient and faster page style management.

[0005] Firstly, this application discloses a page style management method, including:

[0006] The target configuration page, the target page element of the target configuration page, the target style element corresponding to each target page element, and the element information corresponding to each target style element are determined based on the first configuration information.

[0007] Bind the target page element to the target style element corresponding to the target page element to generate a page configuration template;

[0008] Bind the target style element to the element information corresponding to the target style element to generate a style configuration file;

[0009] Configure the page style according to the target configuration page, the page configuration template, and the style configuration file.

[0010] Optionally, determining the target style element corresponding to each target page element based on the first configuration information includes:

[0011] The target configuration attribute of each target page element and the target style element corresponding to each target configuration attribute are determined based on the first configuration information.

[0012] The step of binding the target page element with the target style element corresponding to the target page element to generate a page configuration template includes:

[0013] The page configuration template is generated by binding each target configuration attribute in the target page element to the target style element corresponding to the target configuration attribute.

[0014] Optionally, the page style management method further includes:

[0015] The element modification information corresponding to each target style element is determined based on the second configuration information;

[0016] Bind the target style element to the element modification information corresponding to the target style element to generate a new style configuration file;

[0017] The page style is configured according to the target configuration page, the page configuration template, and the new style configuration file to achieve the page style switching of the target configuration page.

[0018] Optionally, configuring the page style based on the target configuration page, the page configuration template, and the style configuration file includes:

[0019] Associate the page configuration template with the style configuration file to generate a page style template;

[0020] Bind the page style template to the target configuration page to generate the target style page and complete the page style configuration.

[0021] Optionally, there are multiple style configuration files, and the page style management method further includes:

[0022] The page configuration template is associated with each of the style configuration files to generate multiple page style templates corresponding to the target configuration page;

[0023] The page style of the target configuration page can be switched by changing the page style template.

[0024] Optionally, the page style management method further includes:

[0025] Based on the third configuration information, management operations are performed on all page style templates corresponding to the target configuration page; wherein, the management operations include one or more combinations of adding page style templates, deleting page style templates, and modifying page style templates.

[0026] Optionally, the page style management method further includes:

[0027] Based on the fourth configuration information, perform a database update operation on the page element library to which the target page element belongs, and / or the style element library to which the target style element belongs.

[0028] Secondly, this application discloses a page style management device, comprising:

[0029] The determination module is used to determine, based on the first configuration information, a target configuration page, target page elements of the target configuration page, target style elements corresponding to each target page element, and element information corresponding to each target style element;

[0030] The first binding module is used to bind the target page element to the target style element corresponding to the target page element, and generate a page configuration template;

[0031] The second binding module is used to bind the target style element to the element information corresponding to the target style element and generate a style configuration file;

[0032] The configuration module is used to configure the page style according to the target configuration page, the page configuration template, and the style configuration file.

[0033] Thirdly, this application discloses an electronic device, including:

[0034] Memory, used to store computer programs;

[0035] A processor for executing the computer program to implement any of the page style management methods described above.

[0036] Fourthly, this application discloses a computer-readable storage medium storing a computer program, which, when executed by a processor, implements the steps of any of the page style management methods described above.

[0037] By applying the technical solution provided in this application, page elements can be bound to corresponding style elements, and style elements can be bound to corresponding element information through information configuration. This generates page configuration templates and style configuration files respectively. In other words, the page configuration template contains the correspondence between various page elements and style elements, while the style configuration file contains the correspondence between various style elements and their element information. Therefore, when configuring page styles, the page style can be directly configured based on the page configuration template and style configuration file, combined with the current page configuration. Clearly, page style configuration based on this method allows for page style switching simply by modifying the element information of each style element in the style configuration file. Compared to the traditional method of modifying page files, this method is more convenient, faster, and less complex. Therefore, this technical solution offers higher page style switching efficiency and achieves more convenient and faster page style management.

[0038] The above description is only an overview of the technical solution of this application. In order to better understand the technical means of this application and to implement it in accordance with the contents of the specification, and to make the above and other objects, features and advantages of this application more obvious and understandable, the following are specific embodiments of this application. Attached Figure Description

[0039] To more clearly illustrate the technical solutions in the prior art and the embodiments of this application, the accompanying drawings used in the description of the prior art and the embodiments of this application will be briefly introduced below. Of course, the accompanying drawings described below with respect to the embodiments of this application are only a part of the embodiments in this application. For those skilled in the art, other drawings can be obtained based on the provided drawings without creative effort, and such other drawings also fall within the protection scope of this application.

[0040] Figure 1 A flowchart illustrating a page style management method provided in an embodiment of this application;

[0041] Figure 2 This is a schematic diagram of the structure of a page style management system provided in an embodiment of this application;

[0042] Figure 3 This is a schematic diagram of the operation flow of a style management platform provided in an embodiment of this application;

[0043] Figure 4 A schematic diagram illustrating the workflow of a style switching engine provided in an embodiment of this application;

[0044] Figure 5 A schematic diagram of the structure of a page style management device provided in an embodiment of this application;

[0045] Figure 6 This is a schematic diagram of the structure of an electronic device provided in an embodiment of this application. Detailed Implementation

[0046] To provide a clearer and more complete description of the technical solutions in the embodiments of this application, the technical solutions in the embodiments of this application will be described below with reference to the accompanying drawings. Obviously, the described embodiments are only a part of the embodiments of this application, and not all of them. All other embodiments obtained by those skilled in the art based on the embodiments of this application without creative effort are within the scope of protection of this application.

[0047] This application provides a method for page style management.

[0048] Please refer to Figure 1 , Figure 1 This is a flowchart illustrating a page style management method provided in an embodiment of this application. The page style management method may include the following steps S101 to S104.

[0049] S101: Determine the target configuration page, the target page elements of the target configuration page, the target style elements corresponding to each target page element, and the element information corresponding to each target style element based on the first configuration information.

[0050] This step aims to determine various configuration information (first configuration information), which includes various configuration information related to the page style and is used to configure the page style. Users can input this first configuration information through a visual interface.

[0051] Specifically, the first configuration information may include the target configuration page, the target page elements of the target configuration page, the target style elements corresponding to each target page element, and the element information corresponding to each target style element. The target configuration page is the page currently requiring style configuration. The target page elements are the various elements on the current target configuration page that require style configuration, specifically various controls on the target configuration page (such as various function buttons, icons, option boxes, text input boxes, etc.). A target configuration page may contain multiple target page elements. The target style elements are the various style elements that need to be configured for each target page element on the target configuration page, such as highlight color, background color, text emphasis color, and normal text color. One target page element can correspond to multiple style elements; for example, the target page element "text input box" can correspond to the target style elements "background color" and "normal text color." It should be noted that the target style element here refers only to the style element itself and does not include the element information of the style element. It can be understood that this application only defines the style element, but the style element is not assigned a specific value. As illustrated in the previous example, the target page element "text input box" can correspond to the target style elements "background color" and "normal text color," but it does not include the specific color values ​​of "background color" and "normal text color." The element information corresponding to the target style element is the specific value of the target style element. Similarly, as illustrated in the previous example, the target page element "text input box" can correspond to the target style elements "background color" and "normal text color," and the element information is the specific element value of the target style elements "background color" and "normal text color," such as the element information of the target style element "background color" being "white" and the element information of the target style element "normal text color" being "black." All the information in the first configuration information can be selected and set by the user according to their actual needs.

[0052] S102: Bind the target page element to the target style element corresponding to the target page element to generate the page configuration template.

[0053] This step aims to generate a page configuration template, which defines the correspondence between page elements and style elements. For example, it binds the target page element "text input box" to the target style elements "background color" and "normal text color," binds the target page element "function button" to the target style element "highlight color," and binds the target page element "option box" to the target style element "background color," thus generating the page configuration template. The page configuration template contains the associations between the target page elements and their corresponding target style elements.

[0054] In one embodiment of this application, determining the target style element corresponding to each target page element based on the first configuration information may include: determining the target configuration attribute of each target page element and the target style element corresponding to each target configuration attribute based on the first configuration information.

[0055] Binding target page elements to their corresponding target style elements to generate page configuration templates can include binding each target configuration attribute in the target page element to its corresponding target style element to generate page configuration templates.

[0056] As mentioned above, a target page element can correspond to multiple style elements. Here, a style element can correspond to a configuration attribute of the target page element. Referring to the example above: binding the target page element "text input box" with the target style elements "background color" and "normal text color" specifically means binding the target configuration attribute "background color of text input box" of the target page element "text input box" with the target style element "background color," and binding the target configuration attribute "font color of text input box" of the target page element "text input box" with the target style element "normal text color." It is understood that a target page element generally contains multiple configuration attributes; however, the target configuration attributes that need to be style-configured can be all configuration attributes of the target page element, or only some of the configuration attributes, which can be set by technical personnel according to the actual situation.

[0057] In one possible implementation, the aforementioned page configuration template can specifically be a CSS / QSS template. CSS / QSS refers to the technology of setting the style of web page elements / UI control elements through key-value pairs. CSS is a web page style control technology, and QSS is a UI element style control technology in the interface development language QT that imitates CSS. The two are used in a similar way and follow the same standard.

[0058] Taking the target page element "QListWidget" (a type of control) as an example, a common QSS file is as follows:

[0059] QListWidget {

[0060] color: red;

[0061] background: yellow;

[0062] border-size: 4px;

[0063] text-color: green;

[0064] font-family: Arial;

[0065] }

[0066] However, in this embodiment, the QSS file of the target page element "QListWidget" is as follows:

[0067] QListWidget {

[0068] color:;

[0069] background:;

[0070] border-size:;

[0071] text-color:;

[0072] font-family: Arial;

[0073] }

[0074] The font-family property does not need to be dynamically changed through style switching, so its value is stored in the platform.

[0075] As can be seen, unlike ordinary QSS files, the QSS files in this embodiment only define attributes and do not retain the specific values ​​of the attributes.

[0076] Furthermore, the page configuration template in this embodiment can be a set of QSS / CSS templates generated by binding QSS / CSS files and style elements in the platform. One page configuration template corresponds to a set of style configurations and can be used for switching different styles of a system interface. For example, for the QSS file of the QListWidget mentioned above, the user can create a page configuration template as follows:

[0077] QListWidget {

[0078] color:highlightcolor;

[0079] background: backgroundcolor;

[0080] border-size: normalsize;

[0081] text-color: highlightcolor;

[0082] font-family: Arial;

[0083] }

[0084] Among them, highlightcolor, backgroundcolor, and normalsize are all style elements in the platform.

[0085] S103: Bind the target style element to the element information corresponding to the target style element to generate a style configuration file.

[0086] This step aims to generate a style configuration file, which defines the correspondence between style elements and element information (specifically, element values). For example, binding the style element "background color" to the element information "white", the element style "normal text color" to the element information "black", the style element "highlight color" to the element information "yellow", and the style element "text emphasis color" to the element information "red", thus generating the style configuration file.

[0087] As can be understood, a style configuration is a set of style elements. Specifically, it involves assigning values ​​to a set of style elements used in a user-defined QSS / CSS template and associating them with a style name. Continuing with the example above, since the QListWidget uses three style elements, a style configuration file with the style name mid-size-coffee can be defined.

[0088] mid-size-coffee {

[0089] Highlight color: light brown;

[0090] normalsize: 20px;

[0091] backgroundcolor: dark brown;

[0092] }

[0093] It is understandable that the number of page elements and style elements is not unique. To achieve different page style configurations, different page elements and style elements may be involved. To facilitate the effective management of both, page element libraries and style element libraries can be created in advance to manage and store page elements and style elements respectively. When configuring page styles in actual application scenarios, the configuration information entered by the user can be directly retrieved from the corresponding database, which is simple and quick to implement.

[0094] Based on this, in one embodiment of this application, the page style management method may further include: performing a database update operation on the page element library to which the target page element belongs, and / or the style element library to which the target style element belongs, according to the fourth configuration information.

[0095] The page style management method provided in this application embodiment can further implement database update operations based on configuration information (fourth configuration information). It is conceivable that database update operations can include, but are not limited to, adding, deleting, and modifying various elements in the database (page element library and style element library). Correspondingly, the fourth configuration information can be update configuration information about the page element library, such as adding a new page element to the page element library or deleting an old page element from the page element library; or it can be update configuration information about the style element library, such as adding a new style element to the style element library or deleting an old style element from the style element library.

[0096] S104: Configure the page style based on the target configuration page, page configuration template, and style configuration file.

[0097] This step aims to configure the page style of the target configuration page. It can be understood that, based on the correspondence between page elements and style elements contained in the page configuration template, and the correspondence between style elements and element information contained in the style configuration file, the correspondence between page elements, style elements, and element information can be determined. Finally, these correspondences are rendered onto the target configuration page to achieve the page style configuration.

[0098] In one embodiment of this application, configuring the page style based on the target configuration page, the page configuration template, and the style configuration file may include:

[0099] Associate the page configuration template with the style configuration file to generate the page style template;

[0100] Bind the page style template to the target configuration page to generate the target style page and complete the page style configuration.

[0101] This application provides a method for configuring page style based on a target configuration page, a page configuration template, and a style configuration file. As described above, since the page configuration template contains the correspondence between page elements and style elements, and the style configuration file contains the correspondence between style elements and element information, associating the page configuration template with the style configuration file generates a page style template containing the correspondence between page elements, style elements, and element information. Furthermore, binding the page style template to the target configuration page renders the page style template onto the target configuration page. The resulting target style page is then the page that the user can see through the visual interface. This completes the page style configuration for the target configuration page.

[0102] Continuing with the example of QListWidget above, this explains how to bind a page style template to a target configuration page, generate the target style page, and complete the page style configuration process.

[0103] The page configuration template for QListWidget is known to be:

[0104] QListWidget {

[0105] color:highlightcolor;

[0106] background: backgroundcolor;

[0107] border-size: normalsize;

[0108] text-color: highlightcolor;

[0109] font-family: Arial;

[0110] }

[0111] It is known that one style configuration file for QListWidget, mid-size-coffee, is:

[0112] mid-size-coffee {

[0113] Highlight color: light brown;

[0114] normalsize: 20px;

[0115] backgroundcolor: dark brown;

[0116] }

[0117] Clearly, combining the above two points, we can obtain the following relationship in the page style template:

[0118] Color—highlightcolor—light brown;

[0119] background—backgroundcolor—dark brown;

[0120] border-size—normalsize—20px;

[0121] text-color—highlightcolor—light brown.

[0122] Finally, bind the page style template to the target configuration page to configure the page style for the QListWidget on the target configuration page. Of course, the process for configuring the page style of other page elements on the target configuration page can be achieved in the same way.

[0123] As can be seen, the page style management method provided in this application can bind page elements to corresponding style elements and style elements to corresponding element information through information configuration, and generate page configuration templates and style configuration files respectively. That is, the page configuration template contains the correspondence between various page elements and style elements, and the style configuration file contains the correspondence between various style elements and the element information of style elements. Therefore, when configuring the page style, the page style configuration can be completed directly according to the page configuration template and style configuration file and in combination with the current configuration page. Obviously, the page style configuration completed based on this implementation method can be achieved by directly modifying the element information of each style element in the style configuration file to achieve page style switching. Compared with the traditional method of modifying page files, this implementation method is more convenient and faster, and has lower operation complexity. Therefore, this technical solution has higher page style switching efficiency and achieves more convenient and faster page style management.

[0124] Based on the above embodiments:

[0125] In one embodiment of this application, there are multiple style configuration files, and the page style management method may further include:

[0126] Associate the page configuration template with each style configuration file to generate multiple page style templates corresponding to the target configuration page;

[0127] The page style of the target configuration page can be switched by changing the page style template.

[0128] The page style management method provided in this application embodiment can further realize automated switching of page styles. It is understood that the difference in page styles lies in the difference in element information of style elements. That is, switching page styles mainly refers to changing the element information of each style element, such as switching from a brown style to a gray style. Based on this, multiple style configuration files can be created by modifying the element information of each style element in the style configuration file, and the page configuration template can be bound to the corresponding multiple style configuration files respectively. This yields multiple page style templates corresponding to the target configuration page (one page configuration template bound to one style configuration file generates one corresponding page style template). Obviously, a target configuration page can have multiple page style templates, and one page style template corresponds to one page style. Therefore, for any configuration page, its page style can be automatically switched by switching its corresponding page style template.

[0129] In one embodiment of this application, the page style management method may further include:

[0130] Based on the third configuration information, manage all page style templates corresponding to the target configuration page; the management operations include one or more combinations of adding page style templates, deleting page style templates, and modifying page style templates.

[0131] The page style management method provided in this application embodiment can further implement page style template management operations based on configuration information (third configuration information). Correspondingly, the third configuration information specifically refers to the update configuration information regarding the page element library. It is conceivable that page style template management operations may include, but are not limited to, adding, deleting, and modifying page style templates. In practical applications, modifying a page style template mainly refers to modifying the element information corresponding to each target style element. For example, assuming a configuration page is bound to three page style templates: brown, pink, and coffee brown, a new blue page style template can be added, an old pink page style template can be deleted, and an old brown page style template can be modified to dark brown, etc.

[0132] In one embodiment of this application, the page style management method may further include:

[0133] Determine the element modification information corresponding to each target style element based on the second configuration information;

[0134] Bind the target style element to the element modification information corresponding to the target style element to generate a new style configuration file;

[0135] Configure the page style based on the target configuration page, page configuration template, and new style configuration file to achieve page style switching for the target configuration page.

[0136] The page style management method provided in this application embodiment can further realize manual switching of page styles based on configuration information (second configuration information). As mentioned above, page style switching mainly refers to the change of element information of each style element. Therefore, the second configuration information specifically refers to the modification information of element information corresponding to each target style element. Based on this, when the page style template required by the user is not found in any of the page style templates bound to the target configuration page, the user can modify the element information of each target style element by inputting the second configuration information to generate a new style configuration file. Thus, the page style can be reconfigured according to the target configuration page, the page configuration template, and the new style configuration file to realize manual switching of page styles. Furthermore, a new page style template can also be generated based on the new style configuration file to facilitate automated switching of page styles in the future.

[0137] Referring to the above embodiments, this application provides another page style management method, taking the visualization interface of an ultrasound device as an example.

[0138] First, please refer to Figure 2 , Figure 2 This is a schematic diagram of the structure of a page style management system provided in an embodiment of this application. The page style management system includes a style management platform and an ultrasonic main program. The style management platform deploys a page element library (specifically, a QSS / CSS file library), a style element library, a template configuration library, and a style configuration library. The ultrasonic main program deploys a style switching engine. The page management method provided in this embodiment is implemented based on this page management system. Furthermore, the functions of each component are described below:

[0139] I. Style Management Platform:

[0140] 1. Page element library (taking QSS / CSS file library as an example):

[0141] In user interface design, a QSS / CSS file represents an interface or control. This interface or control is characterized by possessing all the control elements described in the QSS / CSS file, along with its set of attributes. A QSS / CSS file library stores all the QSS / CSS files that represent interfaces or controls.

[0142] It should be noted that the QSS / CSS files in the style management platform of this application differ from those used in traditional technologies. The QSS / CSS files in this style management platform do not assign values ​​(element information / element values) to attributes that need to be switched via style; instead, they are used as input to the template configuration library to generate QSS / CSS templates (page configuration templates). Taking the QListWidget control as an example:

[0143] Traditional QSS files typically consist of (style-related attributes already assigned specific values):

[0144] QListWidget {

[0145] color: red;

[0146] background: yellow;

[0147] border-size: 4px;

[0148] text-color: green;

[0149] font-family: Arial;

[0150] }

[0151] The QSS / CSS files in this application's style management platform are (style-related properties have not been assigned values):

[0152] QListWidget {

[0153] color:;

[0154] background:;

[0155] border-size:;

[0156] text-color:;

[0157] font-family: Arial;

[0158] }

[0159] As can be seen from the comparison, the font-family configuration attribute does not need to be dynamically changed through style switching, so the value of this configuration attribute is stored in the style management platform. However, other attributes that need to be switched through style, such as color, background, border-size, and text-color, are not assigned values.

[0160] 2. Style Element Library:

[0161] Style elements refer to a type of value configured in a CSS / QSS file. These values ​​are meaningful for a specific program and are not standard values ​​in CSS / QSS. For example, for `color`, possible style elements include highlight color, background color, text accent color, and normal text color. Therefore, the style element library would contain style elements such as `highlightcolor`, `backgroundcolor`, `stresscolor`, and `normaltextcolor`. Style elements are user-defined and used to describe the values ​​that the user is interested in on a particular CSS / QSS property. When defining each style element, the following specifications are required:

[0162] (1) Style element name: such as highlightcolor in the example above;

[0163] (2) Configuration properties that can be applied to style elements: Some style elements can be applied to multiple configuration properties. For example, highlightcolor can be associated with both text color and the border color of the button when the mouse hovers over it. Therefore, the configuration properties that highlightcolor can be applied to can be configured as (text-color and border-color).

[0164] (3) The element values ​​that style elements can be assigned: For example, the highlightcolor mentioned above can be assigned a value that represents color.

[0165] 3. Template configuration library:

[0166] The template configuration library is used by users to bind QSS / CSS files and style elements from the style management platform to generate a set of QSS / CSS templates (page configuration templates). One template configuration library corresponds to a set of style configurations, which can be used to switch between different styles of a system interface. For example, for the QSS file of the QListWidget control mentioned above, the user can configure the template as follows:

[0167] QListWidget {

[0168] color:highlightcolor;

[0169] background: backgroundcolor;

[0170] border-size: normalsize;

[0171] text-color: highlightcolor;

[0172] font-family: Arial;

[0173] };

[0174] Among them, highlightcolor, backgroundcolor, and normalsize are all style elements in the style management platform.

[0175] 4. Style Configuration Library:

[0176] A style configuration library is a set of style elements. Specifically, it assigns values ​​to a set of style elements used in a user-defined QSS / CSS template and associates them with a style name. Continuing the example above, if the QListWidget control uses three style elements, a style configuration file named mid-size-coffee can be defined, as follows:

[0177] mid-size-coffee {

[0178] Highlight color: light brown;

[0179] normalsize: 20px;

[0180] backgroundcolor: dark brown;

[0181] }

[0182] II. Operation process of the style management platform:

[0183] Please refer to Figure 3 , Figure 3 The following is a schematic diagram illustrating the operation flow of a style management platform provided in an embodiment of this application:

[0184] 1. Define QSS / CSS file (page configuration template): Users can select the page elements they want to control, define the relevant configuration properties, and mark which configuration properties need to be affected by style switching;

[0185] 2. Define style elements (style configuration files): Define style elements according to business requirements, and fill in the style element name, available attributes and value types;

[0186] 3. Configure QSS / CSS templates (page style templates): Users can find and select defined QSS / CSS files and add them to the template configuration library created by the user. After selection, the page will automatically display the properties that have not been assigned values ​​in the current QSS / CSS file. Users can select each property and associate it with a defined style element. The style management platform will then provide a list of optional style elements based on the properties defined in the style element.

[0187] 4. Export QSS / CSS templates: Export all templates from the template configuration library;

[0188] 5. Page Style Management: Users can define different styles for a specific template configuration library. First, users select a previously defined template configuration library on the style management platform. The platform then displays all style elements contained in that library. Users can then define a style, fill in the style name, and assign values ​​to all style elements. This process can be repeated to define different styles.

[0189] 6. Export style configuration file: Users can export all styles associated with a template configuration library, or select a portion to export.

[0190] III. Style Switching Engine:

[0191] The style switching engine reads the page configuration template and style configuration file, dynamically generates QSS / CSS templates, and then controls the overall style switching of the interface. The page configuration template is configured during program generation and can be achieved by associating the page with the exported QSS / CSS template file. For example, the patient information page can select template files such as button.qss, tablewidget.qss, and image_button.qss.

[0192] For further information, please refer to [link / reference]. Figure 4 , Figure 4 The following is a schematic diagram illustrating the workflow of a style switching engine provided in an embodiment of this application.

[0193] 1. Users can switch styles through the ultrasound interface;

[0194] 2. The style switching engine reads the element values ​​of each style element from the style configuration file;

[0195] 3. The style switching engine replaces the values ​​of style elements in all QSS / CSS templates associated with the current configuration page;

[0196] 4. The replaced template forms a new QSS / CSS template;

[0197] 5. Use the new QSS / CSS template to set the style of the current configuration page to achieve page style switching;

[0198] 6. Perform steps 1 to 5 on all pages in the page configuration;

[0199] 7. Complete the overall style switch.

[0200] As can be seen, the page style management method provided in this application can bind page elements to corresponding style elements and style elements to corresponding element information through information configuration, and generate page configuration templates and style configuration files respectively. That is, the page configuration template contains the correspondence between various page elements and style elements, and the style configuration file contains the correspondence between various style elements and the element information of style elements. Therefore, when configuring the page style, the page style configuration can be completed directly according to the page configuration template and style configuration file and in combination with the current configuration page. Obviously, the page style configuration completed based on this implementation method can be achieved by directly modifying the element information of each style element in the style configuration file to achieve page style switching. Compared with the traditional method of modifying page files, this implementation method is more convenient and faster, and has lower operation complexity. Therefore, this technical solution has higher page style switching efficiency and achieves more convenient and faster page style management.

[0201] This application provides a page style management device.

[0202] Please refer to Figure 5 , Figure 5 This is a schematic diagram of the structure of a page style management device provided in an embodiment of this application. The page style management device may include:

[0203] Module 1 is used to determine, based on the first configuration information, the target configuration page, the target page elements of the target configuration page, the target style elements corresponding to each target page element, and the element information corresponding to each target style element.

[0204] The first binding module 2 is used to bind the target page element to the target style element corresponding to the target page element and generate the page configuration template;

[0205] The second binding module 3 is used to bind the target style element to the element information corresponding to the target style element and generate a style configuration file;

[0206] Configuration module 4 is used to configure the page style based on the target configuration page, page configuration template, and style configuration file.

[0207] As can be seen, the page style management device provided in this application embodiment can bind page elements to corresponding style elements and style elements to corresponding element information through information configuration, and generate page configuration templates and style configuration files respectively. That is, the page configuration template contains the correspondence between various page elements and style elements, and the style configuration file contains the correspondence between various style elements and the element information of style elements. Therefore, when configuring the page style, the page style configuration can be completed directly according to the page configuration template and style configuration file and in combination with the current configuration page. Obviously, the page style configuration completed based on this implementation method can be achieved by directly modifying the element information of each style element in the style configuration file to achieve page style switching. Compared with the traditional method of modifying page files, this implementation method is more convenient and faster, and has lower operation complexity. Therefore, this technical solution has higher page style switching efficiency and achieves more convenient and faster page style management.

[0208] In one embodiment of this application, the determining module 1 can be specifically used to determine the target configuration attribute of each target page element and the target style element corresponding to each target configuration attribute based on the first configuration information.

[0209] Accordingly, the first binding module 2 can be specifically used to bind each target configuration attribute in the target page element to the target style element corresponding to the target configuration attribute, thereby generating a page configuration template.

[0210] In one embodiment of this application, the page style management device may further include a manual switching module, which is used to determine the element modification information corresponding to each target style element according to the second configuration information; bind the target style element with the element modification information corresponding to the target style element to generate a new style configuration file; and configure the page style according to the target configuration page, the page configuration template, and the new style configuration file to realize the page style switching of the target configuration page.

[0211] In one embodiment of this application, the configuration module 4 can be specifically used to associate the page configuration template with the style configuration file to generate a page style template; bind the page style template with the target configuration page to generate a target style page, and complete the page style configuration.

[0212] In one embodiment of this application, there can be multiple style configuration files. The page style management device may also include an automatic switching module for associating page configuration templates with each style configuration file to generate multiple page style templates corresponding to the target configuration page; and switching the page style of the target configuration page is achieved by switching the page style templates.

[0213] In one embodiment of this application, the page style management device may further include a management module for managing all page style templates corresponding to the target configuration page according to third configuration information; wherein, the management operation includes one or more combinations of adding page style templates, deleting page style templates, and modifying page style templates.

[0214] In one embodiment of this application, the page style management device may further include an update module, which is used to perform a database update operation on the page element library to which the target page element belongs, and / or the style element library to which the target style element belongs, according to the fourth configuration information.

[0215] For a description of the apparatus provided in the embodiments of this application, please refer to the above method embodiments; further details will not be repeated here.

[0216] This application provides an electronic device.

[0217] Please refer to Figure 6 , Figure 6 This is a schematic diagram of the structure of an electronic device provided in an embodiment of this application. The electronic device may include:

[0218] Memory 11 is used to store computer programs;

[0219] The processor 10 is configured to execute computer programs and implement the steps of any of the page style management methods described above.

[0220] like Figure 6 The diagram shows the structural composition of an electronic device, which may include a processor 10, a memory 11, a communication interface 12, and a communication bus 13. The processor 10, memory 11, and communication interface 12 all communicate with each other through the communication bus 13.

[0221] In this embodiment, the processor 10 may be a central processing unit (CPU), an application-specific integrated circuit, a digital signal processor, a field-programmable gate array, or other programmable logic devices.

[0222] The processor 10 can call programs stored in the memory 11. Specifically, the processor 10 can execute operations in the embodiments of the page style management method.

[0223] The memory 11 is used to store one or more programs. The programs may include program code, which includes computer operation instructions. In this embodiment, the memory 11 stores at least a program for implementing the following functions:

[0224] Based on the first configuration information, determine the target configuration page, the target page elements of the target configuration page, the target style elements corresponding to each target page element, and the element information corresponding to each target style element;

[0225] Bind the target page element to the target style element corresponding to the target page element to generate the page configuration template;

[0226] Bind the target style element to the element information corresponding to the target style element to generate a style configuration file;

[0227] Configure the page style based on the target configuration page, page configuration template, and style configuration file.

[0228] In one possible implementation, the memory 11 may include a program storage area and a data storage area, wherein the program storage area may store the operating system and applications required for at least one function; and the data storage area may store data created during use.

[0229] In addition, memory 11 may include high-speed random access memory, and may also include non-volatile memory, such as at least one disk storage device or other volatile solid-state storage device.

[0230] Communication interface 12 can be an interface for the communication module, used to connect with other devices or systems.

[0231] Of course, it should be noted that, Figure 6 The structure shown does not constitute a limitation on the electronic device in the embodiments of this application. In practical applications, the electronic device may include more than Figure 6 More or fewer components as shown, or combinations of certain components.

[0232] This application provides a computer-readable storage medium.

[0233] The computer-readable storage medium provided in this application embodiment stores a computer program, which, when executed by a processor, can implement the steps of any of the page style management methods described above.

[0234] The computer-readable storage medium may include various media capable of storing program code, such as USB flash drives, portable hard drives, read-only memory (ROM), random access memory (RAM), magnetic disks, or optical disks.

[0235] For a description of the computer-readable storage medium provided in the embodiments of this application, please refer to the above method embodiments; further details will not be repeated here.

[0236] The various embodiments in this specification are described in a progressive manner, with each embodiment focusing on its differences from other embodiments. Similar or identical parts between embodiments can be referred to interchangeably. For the apparatus disclosed in the embodiments, since it corresponds to the method disclosed in the embodiments, the description is relatively simple; relevant parts can be referred to the method section.

[0237] Those skilled in the art will further recognize that the units and algorithm steps of the various examples described in conjunction with the embodiments disclosed herein can be implemented in electronic hardware, computer software, or a combination of both. To clearly illustrate the interchangeability of hardware and software, the components and steps of the various examples have been generally described in terms of functionality in the foregoing description. Whether these functions are implemented in hardware or software depends on the specific application and design constraints of the technical solution. Those skilled in the art can use different methods to implement the described functions for each specific application, but such implementation should not be considered beyond the scope of this application.

[0238] The steps of the methods or algorithms described in conjunction with the embodiments disclosed herein can be implemented directly by hardware, a software module executed by a processor, or a combination of both. The software module can be located in random access memory (RAM), main memory, read-only memory (ROM), electrically programmable ROM, electrically erasable programmable ROM, registers, hard disk, removable disk, CD-ROM, or any other form of storage medium known in the art.

[0239] The technical solutions provided in this application have been described in detail above. Specific examples have been used to illustrate the principles and implementation methods of this application. The descriptions of the embodiments above are only for the purpose of helping to understand the methods and core ideas of this application. It should be noted that those skilled in the art can make several improvements and modifications to this application without departing from the principles of this application, and these improvements and modifications also fall within the protection scope of this application.

Claims

1. A page style management method, characterized in that, include: The target configuration page, the target page element of the target configuration page, the target style element corresponding to each target page element, and the element information corresponding to each target style element are determined based on the first configuration information. Bind the target page element to the target style element corresponding to the target page element to generate a page configuration template; Bind the target style element to the element information corresponding to the target style element to generate a style configuration file; Configure the page style according to the target configuration page, the page configuration template, and the style configuration file.

2. The page style management method according to claim 1, characterized in that, The step of determining the target style element corresponding to each target page element based on the first configuration information includes: The target configuration attribute of each target page element and the target style element corresponding to each target configuration attribute are determined based on the first configuration information. The step of binding the target page element with the target style element corresponding to the target page element to generate a page configuration template includes: The page configuration template is generated by binding each target configuration attribute in the target page element to the target style element corresponding to the target configuration attribute.

3. The page style management method according to claim 1, characterized in that, Also includes: The element modification information corresponding to each target style element is determined based on the second configuration information; Bind the target style element to the element modification information corresponding to the target style element to generate a new style configuration file; The page style is configured according to the target configuration page, the page configuration template, and the new style configuration file to achieve the page style switching of the target configuration page.

4. The page style management method according to claim 1, characterized in that, The step of configuring the page style based on the target configuration page, the page configuration template, and the style configuration file includes: Associate the page configuration template with the style configuration file to generate a page style template; Bind the page style template to the target configuration page to generate the target style page and complete the page style configuration.

5. The page style management method according to claim 4, characterized in that, The style configuration files are multiple, and the method further includes: The page configuration template is associated with each of the style configuration files to generate multiple page style templates corresponding to the target configuration page; The page style of the target configuration page can be switched by changing the page style template.

6. The page style management method according to claim 5, characterized in that, Also includes: Based on the third configuration information, management operations are performed on all page style templates corresponding to the target configuration page; wherein, the management operations include one or more combinations of adding page style templates, deleting page style templates, and modifying page style templates.

7. The page style management method according to claim 1, characterized in that, Also includes: Based on the fourth configuration information, perform a database update operation on the page element library to which the target page element belongs, and / or the style element library to which the target style element belongs.

8. A page style management device, characterized in that, include: The determination module is used to determine, based on the first configuration information, a target configuration page, target page elements of the target configuration page, target style elements corresponding to each target page element, and element information corresponding to each target style element; The first binding module is used to bind the target page element to the target style element corresponding to the target page element, and generate a page configuration template; The second binding module is used to bind the target style element to the element information corresponding to the target style element and generate a style configuration file; The configuration module is used to configure the page style according to the target configuration page, the page configuration template, and the style configuration file.

9. An electronic device, characterized in that, include: Memory, used to store computer programs; A processor, configured to implement the steps of the page style management method as described in any one of claims 1 to 7 when executing the computer program.

10. A computer-readable storage medium, characterized in that, The computer-readable storage medium stores a computer program that, when executed by a processor, implements the steps of the page style management method as described in any one of claims 1 to 7.

Images