CN115756692A - Method for automatically combining and displaying pages based on style attributes and related equipment thereof - Google Patents

Abstract

The embodiment of the application belongs to the field of U I design and medical application, is applied to the field of rapid editing of page files, and relates to a method for automatically combining and displaying pages based on style attributes and related equipment thereof, wherein the method comprises the steps of acquiring an integral style set of a public style library and a target display card; acquiring an initialized original style set; selecting corresponding basic components from a style library by taking the whole style set of the target display card as a reference style, operating the original style set, and generating the target display card according to a final operation result of the original style set; and performing page typesetting on each used target display card according to a preset typesetting format to generate an interface display page. According to the method and the device, the target display cards are sequentially generated by performing combination control from the attributes of the minimum interface forming units, and then the interface display pages are generated by the target display cards, so that the conversion between similar cards can be automatically controlled more accurately without modifying the original code logic.

Description

Method for automatically combining and displaying pages based on style attributes and related equipment

technical field

The present application relates to the technical field of UI design and rapid editing of page files, in particular to a method for automatically combining and displaying pages based on style attributes and related equipment.

Background technique

For similar page components (sub-cards), the existing method is to modify the original logic and control the display by passing a large number of parameters to control the display from a certain card, but the above problem can be solved. The method is complicated to operate, cannot be reused, and is not universal.

Taking medical epidemic prevention as an example, in the process of epidemic prevention, the emergence of various epidemic prevention applets has effectively helped people prevent. For example, if there are more style variants in the latest release interface, such as controlling the color of the assistant title and background, Control the text color, text size, etc. of the newly diagnosed diagnosis. How can we achieve more precise control of the conversion between similar cards without modifying the original code logic.

Contents of the invention

The purpose of the embodiment of this application is to propose a method for automatically combining and displaying pages based on style attributes and related equipment, so that the conversion between similar cards can be automatically done more efficiently without modifying the original code logic. precise control.

In order to solve the above technical problems, the embodiment of the present application provides a method for automatically combining and displaying pages based on style attributes, and adopts the following technical solutions:

A method for automatically combining and displaying pages based on style attributes, comprising the following steps:

Obtaining a preset public style library and an overall style collection of target display cards, wherein the public style library includes all preset basic components;

Get the initialized original style collection;

According to the page generation instruction, using the overall style set of the target display card as a reference style, select the corresponding basic components from the public style library, and operate on the original style set, according to the final result of the original style set The operation result generates a target display card;

According to the preset layout format, perform page layout for each target display card used to generate an interface display page.

Further, the step of operating the original style collection includes:

Judging the relationship between the original style set and the elements in the overall style set of the target display card, and optimizing the elements in the original style set according to the judgment result.

Further, the overall style set includes the attribute names and attribute values of the basic components of the style of each subordinate component unit of the target display card; the judgment of the original style set and the overall style set of the target display card The relationship between the elements in the original style set, and the step of optimizing the elements in the original style set according to the judgment result, including:

According to the attribute names in the original style set and the attribute names in the overall style set of the target display card, compare and judge whether all the attribute names in the original style set are included in the overall style set of the target display card middle;

If all the attribute names in the original style set are included in the overall style set of the target display card, then judge whether the attribute value corresponding to the attribute name in the original style set is in the overall style set of the target display card The corresponding attribute values are the same;

If they are not the same, get the corresponding attribute value to perform the replacement operation;

If they are the same, obtain the attribute names in the overall style collection of the target display card that do not belong to the original style collection, and obtain the corresponding basic components from the public style library according to the attribute names and add them to the Original style collection.

Further, after the step of judging whether the attribute names in the original style set are all included in the overall style set of the target display card, it also includes:

If the attribute names in the original style set are not all included in the overall style set of the target display card, then delete the corresponding difference element, wherein the difference element indicates that the original style set contains and the target display Attribute names not included in the overall style set of the card and the attribute values corresponding to the attribute names;

identifying the same attribute name in the original style set as in the overall style set of the target display card, and judging whether the attribute value corresponding to the attribute name in the original style set is consistent with the overall style of the target display card The corresponding attribute values in the collection are the same;

If they are not the same, get the corresponding attribute value to perform the replacement operation;

If they are the same, obtain the attribute names in the overall style collection of the target display card that do not belong to the original style collection, and obtain the corresponding basic components from the public style library according to the attribute names and add them to the Original style collection.

Further, the step of obtaining the corresponding attribute value to perform the replacement operation specifically includes:

Obtain the attribute value corresponding to the attribute name from the overall style set of the target display card;

And replace the attribute value with the attribute value corresponding to the attribute name in the original style set.

Further, the acquisition of attribute names in the overall style set of the target display card that do not belong to the original style set, and the corresponding basic components are obtained from the public style library according to the attribute names and added to the Describe the steps in the original style collection, including:

Acquiring attribute names in the overall style set of the target presentation card that do not belong to the original style set;

According to the attribute name and the preset adding order, sequentially obtain the basic components corresponding to each attribute name from the public style library and add them to the original style collection;

According to the attribute name and the adding sequence, the attribute value corresponding to the current attribute name is sequentially obtained from the overall style set of the target display card and added to the original style set until the number of elements in the original style set is equal to The number of elements in the overall style set of the target display card is the same, and the addition operation to the original style set is completed.

Further, the step of acquiring the attribute value corresponding to the current attribute name from the overall style set of the target display card and adding it to the original style set specifically includes:

Using the current attribute name as a retrieval key field and the public style library as a retrieval source, search for an attribute value corresponding to the current attribute name, and add the attribute value to the original style set.

In order to solve the above technical problems, the embodiment of the present application also provides a device for automatically combining and displaying pages based on style attributes, which adopts the following technical solutions:

A device for automatically combining and displaying pages based on style attributes, including:

The reference style acquisition module is used to acquire the preset public style library and the overall style collection of the target display card, wherein the public style library includes all preset basic components;

The original style acquisition module is used to obtain the initialized original style collection;

The target display card generating module is configured to use the overall style set of the target display card as a reference style according to the page generation instruction, select corresponding basic components from the public style library, and operate on the original style set, according to Generate a target display card for the final operation result of the original style set;

The interface display page generation module is used to perform page layout for each used target display card according to a preset layout format, and generate an interface display page.

In order to solve the above technical problems, the embodiment of the present application also provides a computer device, which adopts the following technical solution:

A computer device, comprising a memory and a processor, wherein computer-readable instructions are stored in the memory, and when the processor executes the computer-readable instructions, the steps of the above-mentioned method for automatically combining and displaying pages based on style attributes are realized .

In order to solve the above technical problems, the embodiment of the present application also provides a computer-readable storage medium, which adopts the following technical solution:

A computer-readable storage medium, where computer-readable instructions are stored on the computer-readable storage medium, and when the computer-readable instructions are executed by a processor, the method for automatically combining and displaying pages based on style attributes as described above is implemented step.

Compared with the prior art, the embodiments of the present application mainly have the following beneficial effects:

The method for automatically combining and displaying pages based on style attributes described in the embodiment of the present application obtains the overall style set of the target display card, wherein the overall style set includes the style sets of the lower-level components that make up the target display card, Wherein, the style collection includes the attribute names and attribute values of the basic components of the style of each lower-level component unit of the target display card; obtain a style library including all preset basic components, wherein the style library includes All preset basic components; obtain the initialized original style set; according to the page generation instruction, take the overall style set of the target display card as a reference style, select the corresponding basic component from the style library, and set the original style set Perform an operation to generate a target display card according to the final operation result of the original style set; perform page layout for each target display card used according to a preset typesetting format to generate an interface display page. This application combines and controls the attributes of the smallest constituent unit of the interface, generates target display cards in turn, and then generates interface display pages through the target display cards, ensuring that similar cards can be automatically compared without modifying the original code logic. conversion to achieve more precise control.

Description of drawings

In order to illustrate the solution in this application more clearly, a brief introduction will be given below to the accompanying drawings that need to be used in the description of the embodiments of the application. Obviously, the accompanying drawings in the following description are some embodiments of the application. Ordinary technicians can also obtain other drawings based on these drawings on the premise of not paying creative work.

FIG. 1 is an exemplary system architecture diagram to which the present application can be applied;

FIG. 2 is a flowchart of an embodiment of a method for automatically combining and displaying pages based on style attributes according to the present application;

FIG. 3 is a schematic structural diagram of an embodiment of a device for automatically combining and displaying pages based on style attributes according to the present application;

Fig. 4 is a structural schematic diagram of a specific implementation manner of 303 shown in Fig. 3;

Fig. 5 is a structural schematic diagram of a specific implementation manner of 401 shown in Fig. 4;

FIG. 6 is a schematic structural diagram of a specific implementation manner of 402 shown in FIG. 4;

FIG. 7 is a schematic structural diagram of an embodiment of a computer device according to the present application.

Detailed ways

Unless otherwise defined, all technical and scientific terms used herein have the same meaning as commonly understood by those skilled in the technical field of the application; the terms used herein in the description of the application are only to describe specific embodiments The purpose is not to limit the present application; the terms "comprising" and "having" and any variations thereof in the specification and claims of the present application and the description of the above drawings are intended to cover non-exclusive inclusion. The terms "first", "second" and the like in the description and claims of the present application or the above drawings are used to distinguish different objects, rather than to describe a specific order.

Reference herein to an "embodiment" means that a particular feature, structure, or characteristic described in connection with the embodiment can be included in at least one embodiment of the present application. The occurrences of this phrase in various places in the specification are not necessarily all referring to the same embodiment, nor are separate or alternative embodiments mutually exclusive of other embodiments. It is understood explicitly and implicitly by those skilled in the art that the embodiments described herein can be combined with other embodiments.

In order to enable those skilled in the art to better understand the solutions of the present application, the technical solutions in the embodiments of the present application will be clearly and completely described below in conjunction with the accompanying drawings.

As shown in FIG. 1 , a system architecture 100 may include terminal devices 101 , 102 , 103 , a network 104 and a server 105 . The network 104 is used as a medium for providing communication links between the terminal devices 101 , 102 , 103 and the server 105 . Network 104 may include various connection types, such as wires, wireless communication links, or fiber optic cables, among others.

Users can use terminal devices 101 , 102 , 103 to interact with server 105 via network 104 to receive or send messages and the like. Various communication client applications can be installed on the terminal devices 101, 102, 103, such as web browser applications, shopping applications, search applications, instant messaging tools, email clients, social platform software, and the like.

Terminal devices 101, 102, 103 can be various electronic devices with display screens and support for web browsing, including but not limited to smartphones, tablet computers, e-book readers, MP3 players (Moving Picture Experts Group Audio Layer III, Motion Picture Experts Compression standard audio layer 3), MP4 (MovingPictureExperts Group Audio Layer IV, moving picture experts compression standard audio layer 4) player, laptop portable computer and desktop computer, etc.

The server 105 may be a server that provides various services, such as a background server that provides support for pages displayed on the terminal devices 101 , 102 , and 103 .

It should be noted that the method for automatically combining and displaying pages based on style attributes provided by the embodiment of the present application is generally executed by a server/terminal device, and correspondingly, the device for automatically combining and displaying pages based on style attributes is generally set in the server/terminal device.

It should be understood that the numbers of terminal devices, networks and servers in Fig. 1 are only illustrative. According to the implementation needs, there can be any number of terminal devices, networks and servers.

Continuing to refer to FIG. 2 , it shows a flow chart of an embodiment of a method for automatically combining and displaying pages based on style attributes according to the present application. The method for automatically combining and displaying pages based on style attributes includes the following steps:

Step 201, acquire the preset public style library and the overall style collection of the target display card.

In this embodiment, the overall style set includes a style set of each lower-level component unit that makes up the target display card.

The style set of each subordinate component unit that makes up the target display card includes pictures and picture stacking styles, display text and display text stacking styles, lists and list stacking styles, picture or text carousel styles in pages, and the like.

By obtaining the overall style collection of the target display card, it is convenient to provide a stacked style reference for the conversion of the initial display card to the target display card, so that the initial display card is gradually converted into the target display card according to the reference style during conversion. The above initial display card is the one in the background technology. "A certain card", the above-mentioned target display card is the "target similar card" in the background technology.

In this embodiment, the style set includes attribute names and attribute values of basic components that form the styles of each lower-level component unit of the target presentation card.

The attribute names and attribute values of the basic components of the style of each lower-level component unit that make up the target display card, taking a certain lower-level component picture in the target display card as an example, the basic components that make up the style of the picture can be understood as corresponding to the picture. The attribute name and attribute value of the cascading style, for example: the attribute name "src" corresponding to the acquisition method of the image and the specific address pointing to the attribute value, and the attribute name "height" corresponding to the height of the image and the specific address as the attribute value Height value, another example is the attribute name "width" corresponding to the width of the image and the specific width value as the attribute value.

By saving the attribute name and attribute value in the key pair value format in the collection, it is convenient to use the corresponding attribute name as an index during the process of converting the initial display card to the target display card to quickly determine whether it is necessary to update the attribute value or add the attribute name The delete operation is convenient for the search operation by the attribute name during automatic combination.

In this embodiment, the public style library includes all preset basic components.

In this embodiment, the public style library may default to a platform library that includes all attribute names in the cascading style, which ensures the diversity of basic components and the multiple selectivity of target attribute styles.

Step 202, acquire an initialized original style set.

In this embodiment, the individual elements in the public style library and the original style collection are data in key-value pair format, wherein the key-value pair is composed of the attribute name of the page content style and the attribute value corresponding to the attribute name , the specific format is [property name: property value].

In this embodiment, the attribute names and their corresponding attribute values are set in pairs in the key:value format. In another embodiment of this embodiment, the attribute names and their corresponding attribute values in the style library can also be represented by { key:[value1,value2,...,valuen]} format, enumerates selectable attribute values in the attribute value sequence, for interface developers to freely select according to preset requirements when cascading styles are automatically combined, through Setting individual elements in the style library and the original style collection as key-value pair format data is convenient for interface developers to choose freely, and ensures the sufficiency of target values when selecting attribute values.

Step 203, according to the page generation instruction, using the overall style set of the target display card as a reference style, select the corresponding basic components from the public style library, and operate on the original style set, according to the original style The final operation result of the collection generates a target display card.

In this embodiment, the step of operating the original style set includes: judging the relationship between the elements in the original style set and the overall style set of the target display card, and evaluating the original style according to the judgment result The elements in the collection are optimized.

By judging the relationship between the original style set and the elements in the overall style set of the target display card, the elements in the original style set are optimized, which avoids changing the source logic code directly through code development during interface development, but through The principle of comparison, directly without changing the source logic code, recursively retrieves the attribute names and attribute values that are different between the two, and then performs configuration replacement, avoiding a large number of changes to the source logic code, and ensuring multiple source logic codes At the same time, the style library can be reused in the way of comparison and combination in subsequent updates, reducing the workload of developers.

In this embodiment, the step of judging the relationship between the elements in the original style set and the overall style set of the target display card, and optimizing the elements in the original style set according to the judgment result includes: Compare the attribute names in the original style set with the attribute names in the overall style set of the target display card, and judge whether all the attribute names in the original style set are included in the overall style set of the target display card; If all the attribute names in the original style set are included in the overall style set of the target display card, then judge whether the attribute value corresponding to the attribute name in the original style set is in the overall style set of the target display card The corresponding attribute values are the same; if they are not the same, the corresponding attribute values are obtained for replacement; if they are the same, the attribute names in the overall style collection of the target display card that do not belong to the original style collection are obtained, and According to the attribute name, the corresponding basic component is obtained from the public style library and added to the original style collection.

In this embodiment, the step of judging the relationship between the elements in the original style set and the overall style set of the target display card, and optimizing the elements in the original style set according to the judgment result further includes: if If the attribute names in the original style set are not all included in the overall style set of the target display card, then delete the corresponding difference element, wherein the difference element indicates that the target display card is included in the original style set attribute names not included in the overall style set of the target display card and attribute values corresponding to the attribute names; identifying the same attribute names in the original style set and the overall style set of the target display card, and judging that the attribute names are in the Whether the corresponding attribute value in the original style set is the same as the corresponding attribute value in the overall style set of the target display card; if not, obtain the corresponding attribute value for replacement; if the same, obtain the attribute names in the overall style set of the target display card that do not belong to the original style set, and obtain corresponding basic components from the public style library according to the attribute names and add them to the original style set.

In this embodiment, the step of obtaining the corresponding attribute value to perform the replacement operation specifically includes: obtaining the attribute value corresponding to the attribute name from the overall style set of the target display card; The value is replaced with the attribute value corresponding to the corresponding attribute name in the original style collection.

In this embodiment, the attribute names in the overall style set of the target display card that do not belong to the original style set are obtained, and the corresponding basic components are obtained from the public style library according to the attribute names to add The step of entering the original style collection specifically includes: obtaining the attribute names in the overall style collection of the target display card that do not belong to the original style collection; according to the attribute names and preset adding order, from the Acquire the basic components corresponding to each attribute name in the style library and add them to the original style collection; according to the attribute name and the adding order, obtain the current attribute name corresponding to the overall style collection of the target display card in sequence The attribute value of is added to the original style set until the number of elements in the original style set is the same as the number of elements in the overall style set of the target presentation card, and the adding operation to the original style set is completed.

In this embodiment, the step of acquiring the attribute value corresponding to the current attribute name from the overall style set of the target display card and adding it to the original style set specifically includes: using the current attribute name as the retrieval key field , using the public style library as the search source, find the attribute value corresponding to the current attribute name, and add the attribute value to the original style collection

By means of circular addition, until the number of elements in the original style collection is the same as the number of elements in the overall style collection of the target display card, then the addition of elements in the original style collection is completed, that is, the conversion from the original style collection is completed An overall style collection for target presentation cards.

Step 204 , according to the preset typesetting format, perform page typesetting for each used target display card to generate an interface display page.

The present application acquires the overall style set of the target display card, wherein the overall style set includes the style set of each lower-level component unit that makes up the target display card, wherein the style set includes the style sets that make up the target display card The attribute names and attribute values of the basic components of the style of each subordinate component unit; obtain the style library including all the preset basic components, wherein, the style library contains all the preset basic components; obtain the initialized original style collection; according to The page generation instruction uses the overall style set of the target display card as a reference style, selects the corresponding basic component from the style library, operates the original style set, and according to the final operation result on the original style set Generate the target display card; according to the preset typesetting format, perform page layout for each target display card used, and generate the interface display page. This application combines and controls the attributes of the smallest constituent unit of the interface, generates target display cards in turn, and then generates interface display pages through the target display cards, ensuring that similar cards can be automatically compared without modifying the original code logic. conversion to achieve more precise control.

The embodiments of the present application may acquire and process relevant data based on artificial intelligence technology. Among them, artificial intelligence (AI) is the theory, method, technology and application system that uses digital computers or machines controlled by digital computers to simulate, extend and expand human intelligence, perceive the environment, acquire knowledge and use knowledge to obtain the best results. .

Artificial intelligence basic technologies generally include technologies such as sensors, dedicated artificial intelligence chips, cloud computing, distributed storage, big data processing technology, operation/interaction systems, and mechatronics. Artificial intelligence software technology mainly includes computer vision technology, robotics technology, biometrics technology, speech processing technology, natural language processing technology, and machine learning/deep learning.

In the embodiment of the present application, the smart hosting model can be used to carry out refined control between the front-end UI display units. Specifically, the overall style set of the target display card is pre-entered in the smart hosting model, and the public style library is used as the The retrieval library of the model, using the initial style set as an input value, performs cascading style updates by comparing and filtering methods and preset update and replacement conditions until the number of elements in the initial style set is the same as the number of elements in the style set of the target display card Similarly, the model output is performed, the updated initial style set is output, and the machine model is used instead of manual updating, which reduces the workload of interface developers and later interface operators.

Further referring to FIG. 3 , as an implementation of the above-mentioned method shown in FIG. 2 , the present application provides an embodiment of a device for automatically combining and displaying pages based on style attributes. This device embodiment is similar to the method embodiment shown in FIG. 2 Correspondingly, the device can be specifically applied to various electronic devices.

As shown in FIG. 3 , the device 300 for automatically combining display pages based on style attributes in this embodiment includes: a reference style acquisition module 301 , an original style acquisition module 302 , a target display card generation module 303 and an interface display page generation module 304 . in:

The reference style acquisition module 301 is used to acquire the preset public style library and the overall style set of the target display card, wherein the public style library includes all preset basic components;

An original style acquisition module 302, configured to acquire an initialized original style set;

The target display card generation module 303 is configured to select the corresponding basic components from the public style library by using the overall style set of the target display card as a reference style according to the page generation instruction, and operate on the original style set, generating a target presentation card according to the final operation result on the original style set;

The interface display page generating module 304 is configured to perform page layout for each used target display card according to a preset typesetting format to generate an interface display page.

Continue to refer to FIG. 4, which is a schematic structural diagram of a specific implementation of 303 shown in FIG. in:

The judging sub-module 401 is configured to judge the relationship between elements in the original style set and the overall style set of the target display card.

The optimization sub-module 402 is configured to optimize the elements in the original style set according to the judgment result.

Continuing to refer to FIG. 5 , FIG. 5 is a schematic structural diagram of a specific implementation manner of 401 shown in FIG. 4 , and the judging submodule 401 includes: a first judging unit 501 , a second judging unit 502 and a third judging unit 503 . in:

The first judging unit 501 is used to compare the attribute names in the original style set with the attribute names in the overall style set of the target display card, and judge whether all the attribute names in the original style set are included in the target presentation card. In the overall style set of the target display card described above;

The second judging unit 502 is configured to judge whether the attribute value corresponding to the attribute name in the original style set is consistent with the The corresponding attribute values in the overall style collection of the target display card are the same;

The third judging unit 503 is configured to delete the corresponding distinguishing element if the attribute names in the original style set are not all included in the overall style set of the target display card, and identify the original style set that is different from the target displaying the same attribute name in the overall style set of the display card, and judging whether the attribute value corresponding to the attribute name in the original style set is the same as the corresponding attribute value in the overall style set of the target display card.

Continuing to refer to FIG. 6 , FIG. 6 is a schematic structural diagram of a specific implementation of 402 shown in FIG. 4 , and the optimization submodule 402 includes: a first optimization unit 601 and a second optimization unit 602 .

in:

The first optimization unit 601 is configured to obtain the corresponding attribute value if the attribute value corresponding to the attribute name in the original style set is different from the corresponding attribute value in the overall style set of the target presentation card Performing a replacement operation specifically includes: obtaining the attribute value corresponding to the attribute name from the overall style collection of the target display card, and replacing the attribute value with the corresponding attribute name in the original style collection attribute value.

The second optimization unit 602 is configured to obtain the target display card if the attribute value corresponding to the attribute name in the original style set is the same as the corresponding attribute value in the overall style set of the target display card attribute names in the overall style set that do not belong to the original style set, and obtain corresponding basic components from the public style library according to the attribute names and add them to the original style set.

Through multiple judging sub-units and optimization sub-units, more precise control can be achieved on the conversion between similar cards automatically.

The present application acquires the overall style set of the target display card, wherein the overall style set includes the style set of each lower-level component unit that makes up the target display card, wherein the style set includes the style sets that make up the target display card The attribute names and attribute values of the basic components of the style of each subordinate component unit; obtain the style library including all the preset basic components, wherein, the style library contains all the preset basic components; obtain the initialized original style collection; according to The page generation instruction uses the overall style set of the target display card as a reference style, selects the corresponding basic component from the style library, operates the original style set, and according to the final operation result on the original style set Generate the target display card; according to the preset typesetting format, perform page layout for each target display card used, and generate the interface display page. This application combines and controls the attributes of the smallest constituent unit of the interface, generates target display cards in turn, and then generates interface display pages through the target display cards, ensuring that similar cards can be automatically compared without modifying the original code logic. conversion to achieve more precise control.

Those of ordinary skill in the art can understand that all or part of the processes in the methods of the above embodiments can be implemented by instructing related hardware through computer-readable instructions, and the computer-readable instructions can be stored in a computer-readable storage medium. When the program is executed, it may include the procedures of the embodiments of the above-mentioned methods. Wherein, the aforementioned storage medium may be a nonvolatile storage medium such as a magnetic disk, an optical disk, a read-only memory (Read-Only Memory, ROM), or a random access memory (Random Access Memory, RAM).

It should be understood that although the various steps in the flow chart of the accompanying drawings are displayed sequentially according to the arrows, these steps are not necessarily executed sequentially in the order indicated by the arrows. Unless otherwise specified herein, there is no strict order restriction on the execution of these steps, and they can be executed in other orders. Moreover, at least some of the steps in the flowcharts of the accompanying drawings may include multiple sub-steps or multiple stages, and these sub-steps or stages are not necessarily executed at the same time, but may be executed at different times, and the order of execution is also It is not necessarily performed sequentially, but may be performed alternately or alternately with at least a part of other steps or sub-steps or stages of other steps.

In order to solve the above technical problems, the embodiment of the present application further provides computer equipment. Please refer to FIG. 7 for details. FIG. 7 is a block diagram of the basic structure of the computer device in this embodiment.

The computer device 7 includes a memory 71, a processor 72, and a network interface 73 connected to each other through a system bus. It should be noted that only the computer device 7 with components 71-73 is shown in the figure, but it should be understood that it is not required to implement all the components shown, and more or fewer components may be implemented instead. Among them, those skilled in the art can understand that the computer device here is a device that can automatically perform numerical calculation and/or information processing according to preset or stored instructions, and its hardware includes but is not limited to microprocessors, dedicated Integrated circuit (Application Specific Integrated Circuit, ASIC), programmable gate array (Field-Programmable GateArray, FPGA), digital processor (Digital Signal Processor, DSP), embedded devices, etc.

The computer equipment may be computing equipment such as a desktop computer, a notebook, a palmtop computer, and a cloud server. The computer device can perform human-computer interaction with the user through keyboard, mouse, remote controller, touch panel or voice control device.

The memory 71 includes at least one type of readable storage medium, and the readable storage medium includes flash memory, hard disk, multimedia card, card-type memory (for example, SD or DX memory, etc.), random access memory (RAM), static Random Access Memory (SRAM), Read Only Memory (ROM), Electrically Erasable Programmable Read Only Memory (EEPROM), Programmable Read Only Memory (PROM), Magnetic Memory, Magnetic Disk, Optical Disk, etc. In some embodiments, the memory 71 may be an internal storage unit of the computer device 7 , such as a hard disk or memory of the computer device 7 . In some other embodiments, the memory 71 can also be an external storage device of the computer device 7, such as a plug-in hard disk equipped on the computer device 7, a smart memory card (Smart Media Card, SMC), a secure digital (Secure Digital, SD) card, flash memory card (FlashCard), etc. Of course, the memory 71 may also include both the internal storage unit of the computer device 7 and its external storage device. In this embodiment, the memory 71 is generally used to store the operating system and various application software installed on the computer device 7, such as computer-readable instructions for the method of automatically combining and displaying pages based on style attributes. In addition, the memory 71 can also be used to temporarily store various types of data that have been output or will be output.

The processor 72 may be a central processing unit (Central Processing Unit, CPU), controller, microcontroller, microprocessor, or other data processing chips in some embodiments. This processor 72 is generally used to control the general operation of said computer device 7 . In this embodiment, the processor 72 is configured to execute computer-readable instructions stored in the memory 71 or process data, for example, execute computer-readable instructions of the method for automatically combining and displaying pages based on style attributes.

The network interface 73 may include a wireless network interface or a wired network interface, and the network interface 73 is generally used to establish a communication connection between the computer device 7 and other electronic devices.

The computer equipment proposed in this embodiment belongs to the technical field of UI design. The present application acquires the overall style set of the target display card, wherein the overall style set includes the style set of each lower-level component unit that makes up the target display card, wherein the style set includes the style sets that make up the target display card The attribute names and attribute values of the basic components of the style of each subordinate component unit; obtain the style library including all the preset basic components, wherein, the style library contains all the preset basic components; obtain the initialized original style collection; according to The page generation instruction uses the overall style set of the target display card as a reference style, selects the corresponding basic component from the style library, operates the original style set, and according to the final operation result on the original style set Generate the target display card; according to the preset typesetting format, perform page layout for each target display card used, and generate the interface display page. This application combines and controls the attributes of the smallest constituent unit of the interface, generates target display cards in turn, and then generates interface display pages through the target display cards, ensuring that similar cards can be automatically compared without modifying the original code logic. conversion to achieve more precise control.

The present application also provides another implementation manner, which is to provide a computer-readable storage medium, the computer-readable storage medium stores computer-readable instructions, and the computer-readable instructions can be executed by a processor, so that all The processor executes the steps of the above-mentioned method for automatically combining and displaying pages based on style attributes.

The computer-readable storage medium proposed in this embodiment belongs to the technical field of UI design. The present application acquires the overall style set of the target display card, wherein the overall style set includes the style set of each lower-level component unit that makes up the target display card, wherein the style set includes the style sets that make up the target display card The attribute names and attribute values of the basic components of the style of each subordinate component unit; obtain the style library including all the preset basic components, wherein, the style library contains all the preset basic components; obtain the initialized original style collection; according to The page generation instruction uses the overall style set of the target display card as a reference style, selects the corresponding basic component from the style library, operates the original style set, and according to the final operation result on the original style set Generate the target display card; according to the preset typesetting format, perform page layout for each target display card used, and generate the interface display page. This application combines and controls the attributes of the smallest constituent unit of the interface, generates target display cards in turn, and then generates interface display pages through the target display cards, ensuring that similar cards can be automatically compared without modifying the original code logic. conversion to achieve more precise control.

Through the description of the above embodiments, those skilled in the art can clearly understand that the methods of the above embodiments can be implemented by means of software plus a necessary general-purpose hardware platform, and of course also by hardware, but in many cases the former is better implementation. Based on such an understanding, the technical solution of the present application can be embodied in the form of a software product in essence or the part that contributes to the prior art, and the computer software product is stored in a storage medium (such as ROM/RAM, disk, CD) contains several instructions to make a terminal device (which may be a mobile phone, a computer, a server, an air conditioner, or a network device, etc.) execute the methods described in the various embodiments of the present application.

Apparently, the embodiments described above are only some of the embodiments of the present application, not all of them. The drawings show preferred embodiments of the present application, but do not limit the patent scope of the present application. The present application can be implemented in many different forms, on the contrary, the purpose of providing these embodiments is to make the understanding of the disclosure of the present application more thorough and comprehensive. Although the present application has been described in detail with reference to the foregoing embodiments, those skilled in the art can still modify the technical solutions described in the foregoing specific embodiments, or perform equivalent replacements for some of the technical features . All equivalent structures made using the contents of the description and drawings of this application, directly or indirectly used in other related technical fields, are also within the scope of protection of this application.

Claims (10)

1. A method for automatically combining and displaying pages based on style attributes is characterized by comprising the following steps:

acquiring an integral style set of a preset public style library and a target display card, wherein the public style library comprises all preset basic components;

acquiring an initialized original style set;

according to a page generation instruction, taking the whole style set of the target display card as a reference style, selecting a corresponding basic component from the public style library, operating the original style set, and generating the target display card according to a final operation result of the original style set;

and performing page typesetting on each used target display card according to a preset typesetting format to generate an interface display page.

2. The method for automatically assembling presentation pages based on style properties according to claim 1, wherein said step of operating on said original style set comprises:

and judging the relationship between the elements in the original style set and the whole style set of the target display card, and carrying out optimization operation on the elements in the original style set according to the judgment result.

3. The method for automatically composing a presentation page based on style attributes according to claim 2, wherein the entire style set comprises attribute names and attribute values of basic components constituting styles of lower constituent units of the target presentation card; the step of judging the relationship between the elements in the original style set and the whole style set of the target display card and carrying out optimization operation on the elements in the original style set according to the judgment result comprises the following steps:

comparing the attribute names in the original style set with the attribute names in the whole style set of the target display card, and judging whether all the attribute names in the original style set are contained in the whole style set of the target display card;

if all the attribute names in the original style set are contained in the overall style set of the target display card, judging whether the attribute values corresponding to the attribute names in the original style set are the same as the corresponding attribute values in the overall style set of the target display card;

if not, acquiring a corresponding attribute value to perform replacement operation;

if the attribute names are the same, acquiring the attribute names which do not belong to the original style set in the whole style set of the target display card, and acquiring corresponding basic components from the public style library according to the attribute names to add the basic components into the original style set.

4. The method of claim 3, wherein after the step of determining whether all of the attribute names in the original style set are contained in the entire style set of the target display card, the method further comprises:

if the attribute names in the original style set are not all contained in the overall style set of the target display card, deleting corresponding distinguishing elements, wherein the distinguishing elements represent the attribute names contained in the original style set but not contained in the overall style set of the target display card and the attribute values corresponding to the attribute names;

identifying the attribute name in the original style set, which is the same as the attribute name in the whole style set of the target display card, and judging whether the attribute value corresponding to the attribute name in the original style set is the same as the attribute value corresponding to the attribute name in the whole style set of the target display card;

if not, acquiring a corresponding attribute value to perform replacement operation;

if the attribute names are the same, acquiring the attribute names which do not belong to the original style set in the whole style set of the target display card, and acquiring corresponding basic components from the public style library according to the attribute names to add the basic components into the original style set.

5. The method for automatically combining and displaying the pages based on the style attributes according to claim 3 or 4, wherein the step of obtaining the corresponding attribute values for performing the replacement operation specifically comprises:

acquiring an attribute value corresponding to the attribute name from the overall style set of the target display card;

and replacing the attribute value to the attribute value corresponding to the attribute name in the original style set.

6. The method according to claim 3 or 4, wherein the step of obtaining the attribute name in the entire style set of the target display card, which is not in the original style set, and obtaining the corresponding basic component from the public style library according to the attribute name to add to the original style set specifically comprises:

acquiring attribute names which do not belong to the original style set in the overall style set of the target display card;

according to the attribute names and a preset adding sequence, sequentially acquiring basic components corresponding to each attribute name from the public style library and adding the basic components to the original style set;

according to the attribute names and the adding sequence, acquiring attribute values corresponding to the current attribute names from the whole style set of the target display card in sequence and adding the attribute values to the original style set,

and finishing the adding operation of the original style set until the number of the elements in the original style set is the same as the number of the elements in the whole style set of the target display card.

7. The method for automatically assembling presentation pages based on style attributes according to claim 6, wherein the step of obtaining the attribute value corresponding to the current attribute name from the overall style set of the target presentation card and adding the attribute value to the original style set specifically comprises:

and searching an attribute value corresponding to the current attribute name by taking the current attribute name as a retrieval key field and the public style library as a retrieval source, and adding the attribute value into the original style set.

8. An apparatus for automatically assembling presentation pages based on style properties, comprising:

the system comprises a reference style acquisition module, a reference style acquisition module and a target display card display module, wherein the reference style acquisition module is used for acquiring an integral style set of a preset public style library and a target display card, and the public style library comprises all preset basic components;

the original style acquisition module is used for acquiring an initialized original style set;

the target display card generation module is used for selecting a corresponding basic component from the public style library by taking the whole style set of the target display card as a reference style according to a page generation instruction, operating the original style set and generating a target display card according to a final operation result of the original style set;

and the interface display page generation module is used for performing page typesetting on each target display card used according to a preset typesetting format to generate an interface display page.

9. A computer device comprising a memory having computer readable instructions stored therein and a processor which when executed implements the steps of the method of automatically assembling presentation pages based on style attributes according to any one of claims 1 to 7.

10. A computer-readable storage medium, having computer-readable instructions stored thereon, which, when executed by a processor, implement the steps of the method for automatically assembling presentation pages based on style attributes according to any one of claims 1 to 7.

Images