CN114237600B - Method, device, equipment and storage medium for generating code of front page - Google Patents
Method, device, equipment and storage medium for generating code of front page Download PDFInfo
- Publication number
- CN114237600B CN114237600B CN202111567238.9A CN202111567238A CN114237600B CN 114237600 B CN114237600 B CN 114237600B CN 202111567238 A CN202111567238 A CN 202111567238A CN 114237600 B CN114237600 B CN 114237600B
- Authority
- CN
- China
- Prior art keywords
- component
- multiplexing
- attribute
- target
- components
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 52
- 238000013461 design Methods 0.000 claims abstract description 85
- 238000009877 rendering Methods 0.000 claims description 43
- 238000012545 processing Methods 0.000 claims description 12
- 238000004590 computer program Methods 0.000 claims description 8
- 238000000429 assembly Methods 0.000 claims description 7
- 230000004044 response Effects 0.000 claims description 4
- 238000004364 calculation method Methods 0.000 description 6
- 238000010586 diagram Methods 0.000 description 6
- 238000004891 communication Methods 0.000 description 4
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 238000011161 development Methods 0.000 description 3
- 230000006870 function Effects 0.000 description 3
- 238000012935 Averaging Methods 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 230000008569 process Effects 0.000 description 2
- 238000006467 substitution reaction Methods 0.000 description 2
- 230000003993 interaction Effects 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Image Generation (AREA)
- Stored Programmes (AREA)
Abstract
The disclosure provides a method, a device, equipment and a storage medium for generating codes of a front-end page, wherein the method comprises the following steps: acquiring an interface design draft to be processed, and determining a plurality of multiplexing components in the interface design draft; each multiplexing component comprises a plurality of sub-components meeting the requirement of similarity; determining component attributes of the plurality of multiplexing components, wherein the component attributes comprise general attributes and special attributes; the general attribute is used for representing the same display state of each multiplexing component, and the special attribute is used for representing the special display state of each multiplexing component; and determining target component codes based on the component attributes, wherein the target component codes comprise universal component codes and target state parameters, and the target state parameters are used for indicating the special display state of each multiplexing component.
Description
Technical Field
The disclosure relates to the technical field of front-end development, and in particular relates to a method, a device, equipment and a storage medium for generating codes of a front-end page.
Background
In the field of front-end development technology, developers are often required to convert components in an interface design draft designed by a designer into corresponding codes. In the prior art, a D2C (design Code) method can be used to convert components in a design draft into corresponding codes, so as to reduce workload of a developer. However, the existing D2C method generates a corresponding code for each component in the design draft. When the components in the design manuscript are repeatedly utilized and displayed in different rendering patterns, corresponding codes are generated for each repeatedly utilized component according to the existing D2C method, so that the code repeatability is high, the code readability is poor, and the maintainability of the subsequent codes is further affected.
Disclosure of Invention
The embodiment of the disclosure at least provides a code generation method, device and equipment of a front-end page and a storage medium.
In a first aspect, an embodiment of the present disclosure provides a method for generating a code of a front-end page, where the method includes: acquiring an interface design draft to be processed, and determining a plurality of multiplexing components in the interface design draft; each multiplexing component comprises a plurality of sub-components meeting the requirement of similarity; determining component attributes of the plurality of multiplexing components, wherein the component attributes comprise general attributes and special attributes; the general attribute is used for representing the same display state of each multiplexing component, and the special attribute is used for representing the special display state of each multiplexing component; and determining target component codes based on the component attributes, wherein the target component codes comprise universal component codes and target state parameters, and the target state parameters are used for indicating the special display state of each multiplexing component.
In an alternative embodiment, the determining the target component code based on the component attribute includes: generating a first component code based on the generic attribute; the first component code is used for rendering the same display state of the multiplexing component in the interface; generating a second component code carrying a target state variable based on the special attribute; the value range of the variable value of the target state variable is the target state parameter, and the second component code is used for rendering the special display state of the multiplexing component according to different variable values of the target state variable; a generic component code in the target component code is determined based on the first component code and the second component code.
In an alternative embodiment, the obtaining the interface design draft to be processed and determining a plurality of multiplexing components in the interface design draft includes: traversing sub-assemblies in each assembly in the interface design draft based on the layer structure information of each assembly in the interface design draft to obtain the assembly attribute of each sub-assembly; calculating the similarity of component attributes of the corresponding same layer sub-components in each component; and determining a plurality of multiplexing components in the interface design draft according to the similarity.
In an alternative embodiment, the determining the component attribute of the plurality of multiplexing components includes: traversing the sub-component attribute of each sub-component in each multiplexing component based on the layer structure information of each multiplexing component in the interface design draft to obtain the initial component attribute of each multiplexing component; and carrying out attribute classification on the initial component attributes of the multiplexing components, and determining the component attributes of the multiplexing components based on the attribute classification result.
In an alternative embodiment, the attribute classification of the initial component attribute of each of the multiplexing components, and determining the component attributes of the multiple multiplexing components based on the result of the attribute classification, includes: comparing the initial component attributes of the multiplexing components to obtain a first component attribute and a second component attribute in the initial component attributes of the multiplexing components; the first component attribute is the same component attribute in the initial component attribute of each multiplexing component, and the second component attribute is different component attribute in the initial component attribute of each multiplexing component; determining a first component attribute of each multiplexing component as a common attribute in the component attributes; and summarizing the second component attributes of each multiplexing component to obtain special attributes in the component attributes.
In an alternative embodiment, the target state parameter includes a plurality of sub-state parameters, each of the sub-state parameters being used to indicate a particular display state of a corresponding multiplexing component; the method further comprises the steps of: determining a target sub-state parameter in the target state parameters, and inputting the target sub-state parameter into the second component code as a variable value of the target state variable to obtain a new second component code; and rendering the multiplexing component corresponding to the target sub-state parameter on an interface based on the first component code and the new second component code.
In an alternative embodiment, the determining a target sub-state parameter in the target state parameters includes: in response to a selection operation for the target state parameter, determining a sub-state parameter indicated to be selected by the selection operation as the target sub-state parameter; or determining a multiplexing component to be rendered at the current moment based on the rendering sequence of the multiplexing components, and determining a target sub-state parameter for rendering the special display state of the multiplexing component to be rendered in the sub-state parameters.
In a second aspect, an embodiment of the present disclosure further provides a code generating device for a front end page, including: the interface design manuscript processing device comprises an acquisition unit, a processing unit and a processing unit, wherein the acquisition unit is used for acquiring an interface design manuscript to be processed and determining a plurality of multiplexing components in the interface design manuscript; each multiplexing component comprises a plurality of sub-components meeting the requirement of similarity; a first determining unit, configured to determine component attributes of the multiple multiplexing components, where the component attributes include a general attribute and a special attribute; the general attribute is used for representing the same display state of each multiplexing component, and the special attribute is used for representing the special display state of each multiplexing component; and the second determining unit is used for determining a target component code based on the component attribute, wherein the target component code comprises a general component code and a target state parameter, and the target state parameter is used for indicating the special display state of each multiplexing component.
In a third aspect, embodiments of the present disclosure further provide a computer device, comprising: a processor, a memory and a bus, the memory storing machine-readable instructions executable by the processor, the processor and the memory in communication via the bus when the computer device is running, the machine-readable instructions when executed by the processor performing the steps of the first aspect, or any of the possible implementations of the first aspect.
In a fourth aspect, the presently disclosed embodiments also provide a computer readable storage medium having stored thereon a computer program which, when executed by a processor, performs the steps of the first aspect, or any of the possible implementations of the first aspect.
As is apparent from the above description, after determining the component attributes of a plurality of multiplexed components in the interface design manuscript to be processed, the target component code of each multiplexed component can be determined based on the component attributes of the multiplexed component. Through the processing mode, the universal component codes corresponding to the multiplexing components and the target state parameters for indicating the special display states of the multiplexing components can be generated, so that the rendering of the display states corresponding to the multiplexing components can be completed based on the target state parameters, the repeatability of the component codes is further reduced, the readability and maintainability of the component codes are improved, the working efficiency of code staff is improved, and the labor cost and the time cost are saved.
The foregoing objects, features and advantages of the disclosure will be more readily apparent from the following detailed description of the preferred embodiments taken in conjunction with the accompanying drawings.
Drawings
In order to more clearly illustrate the technical solutions of the embodiments of the present disclosure, the drawings required for the embodiments are briefly described below, which are incorporated in and constitute a part of the specification, these drawings showing embodiments consistent with the present disclosure and together with the description serve to illustrate the technical solutions of the present disclosure. It is to be understood that the following drawings illustrate only certain embodiments of the present disclosure and are therefore not to be considered limiting of its scope, for the person of ordinary skill in the art may admit to other equally relevant drawings without inventive effort.
FIG. 1 illustrates a flow chart of a method for code generation of a front-end page provided by an embodiment of the present disclosure;
fig. 2 illustrates an effect schematic diagram of an interface design draft including a plurality of multiplexing components according to an embodiment of the present disclosure;
FIG. 3 is a schematic diagram showing the effects of components and sub-components included in an interface design script provided by embodiments of the present disclosure;
FIG. 4 illustrates a flow chart of a method for determining a target component code based on the component properties provided by an embodiment of the present disclosure;
FIG. 5 is a schematic diagram of a code generation apparatus for a front-end page according to an embodiment of the present disclosure;
fig. 6 shows a schematic diagram of a computer device provided by an embodiment of the present disclosure.
Detailed Description
For the purposes of making the objects, technical solutions and advantages of the embodiments of the present disclosure more apparent, the technical solutions in the embodiments of the present disclosure will be clearly and completely described below with reference to the drawings in the embodiments of the present disclosure, and it is apparent that the described embodiments are only some embodiments of the present disclosure, but not all embodiments. The components of the embodiments of the present disclosure, which are generally described and illustrated in the figures herein, may be arranged and designed in a wide variety of different configurations. Thus, the following detailed description of the embodiments of the present disclosure provided in the accompanying drawings is not intended to limit the scope of the disclosure, as claimed, but is merely representative of selected embodiments of the disclosure. All other embodiments, which can be made by those skilled in the art based on the embodiments of this disclosure without making any inventive effort, are intended to be within the scope of this disclosure.
It should be noted that: like reference numerals and letters denote like items in the following figures, and thus once an item is defined in one figure, no further definition or explanation thereof is necessary in the following figures.
The term "and/or" is used herein to describe only one relationship, meaning that there may be three relationships, e.g., a and/or B, which may mean: a exists alone, A and B exist together, and B exists alone. In addition, the term "at least one" herein means any one of a plurality or any combination of at least two of a plurality, for example, including at least one of A, B, C, and may mean including any one or more elements selected from the group consisting of A, B and C.
It has been found that in the field of front-end development technology, developers are often required to convert components in an interface design draft designed by a designer into corresponding codes. In the prior art, a D2C (design Code) method can be used to convert components in a design draft into corresponding codes, so as to reduce workload of a developer. However, the existing D2C method generates a corresponding code for each component in the design draft. When the components in the design manuscript are repeatedly utilized and displayed in different rendering patterns, corresponding codes are generated for each repeatedly utilized component according to the existing D2C method, so that the code repeatability is high, the code readability is poor, and the maintainability of the subsequent codes is further affected.
Based on the above study, the present disclosure provides a method, an apparatus, a device, and a storage medium for generating a code of a front page. In the embodiment of the present disclosure, after determining the component attributes of a plurality of multiplexing components in the interface design draft to be processed, the target component code of each multiplexing component may be determined based on the component attribute of the multiplexing component. Through the processing mode, the universal component codes corresponding to the multiplexing components and the target state parameters for indicating the special display states of the multiplexing components can be generated, so that the rendering of the display states corresponding to the multiplexing components can be completed based on the target state parameters, the repeatability of the component codes is further reduced, the readability and maintainability of the component codes are improved, the working efficiency of code staff is improved, and the labor cost and the time cost are saved.
For the sake of understanding the present embodiment, first, a detailed description will be given of a method for generating a code of a front end page disclosed in the embodiments of the present disclosure, where an execution body of the method for generating a code of a front end page provided in the embodiments of the present disclosure is generally a computer device with a certain computing capability.
Referring to fig. 1, a flowchart of a method for generating a code of a front end page according to an embodiment of the present disclosure is shown, where the method includes steps S101 to S105, where:
s101: acquiring an interface design draft to be processed, and determining a plurality of multiplexing components in the interface design draft; each multiplexing component comprises a plurality of sub-components meeting the requirement of similarity.
Here, the interface design draft is used to indicate the interactive interface designed by the designer, where the interface design draft may include a plurality of components, and each component may include at least one sub-component having a stacked logical relationship.
In embodiments of the present disclosure, a plurality of similar components in an interface design script may be determined as a plurality of multiplexing components of the interface design script. Wherein, similar components are used for indicating components meeting similar requirements in various components contained in the interface design manuscript.
In particular implementations, similarity values between components in the interface design script may be calculated based on component attributes of the respective sub-components included in each component. Under the condition that the calculated similarity value is greater than or equal to a preset similarity threshold, the two components can be understood to meet the similarity requirement, and at the moment, a plurality of components meeting the similarity requirement can be determined as multiplexing components in the interface design draft.
Illustratively, as shown in fig. 2, it is assumed that the interface design draft includes 3 components, and the 3 components are respectively: the component corresponding to the "normal button", the component corresponding to the "forbidden button", and the component corresponding to the "emphasized button". Assuming that the similarity value between the 3 components is calculated to be greater than the preset similarity threshold based on the component attributes between the sub-components included in the three components, it may be determined that the 3 components satisfy the similarity requirement. At this time, these 3 components can be determined as a plurality of multiplexed components in the interface design draft.
S103: determining component attributes of the plurality of multiplexing components, wherein the component attributes comprise general attributes and special attributes; the general attribute is used for representing the same display state of each multiplexing component, and the special attribute is used for representing the special display state of each multiplexing component.
In an embodiment of the present disclosure, the component attribute of each multiplexing component is used to indicate attribute information contained in each multiplexing component, and the attribute information is used to determine a display state of each multiplexing component. At this time, the attribute information included in each multiplexing component may be compared, and the attribute information common to each multiplexing component may be determined to be a common attribute for indicating the same display state of each multiplexing component. And determining special attributes based on the attribute information which is different among the multiplexing components, wherein the special attributes are used for indicating special display states of the corresponding multiplexing components.
For example, assume that, as shown in fig. 2, there are 3 multiplexing components in one interface design draft, which are a component corresponding to a normal button, a component corresponding to a disable button, and a component corresponding to an emphasis button, respectively. At this time, it is assumed that the attribute information of the component corresponding to the normal button is "rounded 8px, width 120px, height 60px, background color: deep blue, text: ordinary button "; the attribute information of the components corresponding to the forbidden buttons is' fillet 8px, width 120px, height 60px, background color: light blue, text: disable button "; the attribute information of the components corresponding to the emphasized buttons is' fillet 8px, width 120px, height 60px, background color: red, text: emphasis button).
At this time, the component properties of the 3 multiplexing components can be determined as "rounded 8px, width 120px, height 60px, background color: deep blue, text: common button, background color: light blue, text: disable button, background color: red, text: emphasis button). Wherein, general attribute is "fillet 8px, width 120px, height 60px", and special attribute is "background color: deep blue, text: common button, background color: light blue, text: disable button, background color: red, text: emphasis button).
S105: and determining target component codes based on the component attributes, wherein the target component codes comprise universal component codes and target state parameters, and the target state parameters are used for indicating the special display state of each multiplexing component.
Here, the general component code may be used to render the same display state of each of the multiplex components on the front page, and may also be used to render the display on the front page for a specific display state of each of the multiplex components.
When rendering and displaying are performed on the front-end page through the universal component code, a target state parameter for indicating the special display state of each multiplexing component can be input into the universal component code, so that rendering and displaying are performed on the special display states of the multiplexing components on the front-end page.
Thus, as is apparent from the above description, the general component code may include two parts of code, namely, component code for rendering the same display state (i.e., the first component code in the embodiment described below) and component code for rendering a specific display state of each multiplexed component (i.e., the second component code in the embodiment described below). In the "component code for rendering the special display state of each multiplex component", a corresponding state variable (i.e., a target state variable in the embodiment described below) is included, and the variable value of the state variable may be the target state parameter described above.
The corresponding special display state can be determined for the special attribute of each multiplexing component. Here, a special attribute is understood to mean that the individual multiplexing components contain identical state parameters, but for each state parameter a different parameter content is assigned.
For example, as shown in fig. 2, the status parameters may be "background color" and "text", and for the component corresponding to the "normal status", the parameter content of the status parameter is: the "background color" is dark blue and the "text" is a normal button.
As is apparent from the above description, after determining the component attributes of a plurality of multiplexed components in the interface design manuscript to be processed, the target component code of each multiplexed component can be determined based on the component attributes of the multiplexed component. Through the processing mode, the universal component codes corresponding to the multiplexing components and the target state parameters for indicating the special display states of the multiplexing components can be generated, so that the rendering of the display states corresponding to the multiplexing components can be completed based on the target state parameters, the repeatability of the component codes is further reduced, the readability and maintainability of the component codes are improved, the working efficiency of code staff is improved, and the labor cost and the time cost are saved.
In an optional implementation manner, for S101, an interface design draft to be processed is obtained, and a plurality of multiplexing components in the interface design draft are determined, which specifically includes the following steps:
step S11: traversing sub-assemblies in each assembly in the interface design draft based on the layer structure information of each assembly in the interface design draft to obtain the assembly attribute of each sub-assembly;
step S12: calculating the similarity of component attributes of the corresponding same layer sub-components in each component;
step S13: and determining a plurality of multiplexing components in the interface design draft according to the similarity.
For the interface design manuscript to be processed, an interface structure tree can be correspondingly included, and the stacked logic relationship between each component (or each sub-component) in the interface design manuscript is included in the interface structure tree. At this time, the layer structure information of each component in the interface design draft can be determined through the interface structure tree.
After the layer structure information is determined, the corresponding component in the interface design draft can be traversed based on the layer structure information, so that the component attribute of the sub-component positioned in each layer in the component is obtained through traversal.
As can be seen from the above description, the layer structure information is used to indicate the layer structure corresponding to each sub-component in each component and the component attribute of each sub-component in the corresponding layer structure. Wherein the component attribute contains at least the following information: the specific attribute content of the component attribute is not specifically limited in the present disclosure, so as to be able to be realized.
After traversing the component attributes of the sub-components in each component at the respective layers, a multiplex component can be determined among the plurality of components based on the component attributes, and the specific process can be described as follows:
and calculating the similarity of the component attributes of the sub-components corresponding to the same layer from the sub-components positioned at the outermost layer in each component, and further determining a plurality of multiplexing components in the interface design draft according to the similarity.
For a component, multiple sub-components may be included, where multiple sub-components may correspond to multiple layers, where multiple similarity results may be obtained after similarity calculation in the manner described above. In this case, the overall similarity may be subjected to an averaging calculation, so that the result of the averaging calculation is determined as the similarity between the two components.
In the specific implementation, it is assumed that, as shown in fig. 3, there is one interface design draft I, and the interface design draft I includes 4 components, which are respectively: the component A, the component B, the component C and the component D, wherein the components A, B, C comprise the following sub-components respectively: subassembly 1, subassembly 2, subassembly 3, subassembly 4, subassembly D comprising the following subassemblies: a subassembly 5 and a subassembly 6.
From the above steps, the layer structure information of 4 components contained in the interface design script I can be determined according to the interface structure tree. For example, the layer structure information of each sub-component included in component a may be: subassembly 3 is contained in subassembly 2, subassembly 2 and subassembly 1 correspond to the same layers in this assembly a, and subassembly 1 and subassembly 2 are contained in subassembly 4.
For the above-mentioned sub-components 1-4, the component properties of the sub-components located in each layer may be determined by the interface structure tree, so as to obtain the component properties of the sub-component 1, the component properties of the sub-component 2, the component properties of the sub-component 3, and the component properties of the sub-component 4.
In an alternative embodiment, the steps above: determining a plurality of multiplexing components in the interface design manuscript may further comprise the steps of:
The target components having the same number of sub-components are determined among the plurality of components. In the case where the number of target components is plural, the similarity between any two target components can be calculated in the manner described in the above steps, so that the multiplexed component is determined among the plural target components based on the similarity.
As can be understood from fig. 2, the number of sub-assemblies included in the multiplexing assembly, and the structure of the sub-assemblies are the same, except for other attributes, such as display color, display text, etc., corresponding to the sub-assemblies in each multiplexing assembly. Therefore, the calculation amount can be reduced by calculating the similarity of the target components with the same number of sub-components so as to determine the multiplexing component according to the calculation result of the similarity, and the calculation efficiency can be further improved.
In the above embodiment, after determining the layer structure of the sub-component and the component attribute of the sub-component included in each component in the interface design draft based on the layer structure information of each component in the interface design draft, the similarity of the component attribute corresponding to the same layer sub-component in each component is calculated, and the components meeting the requirement of the similarity are determined as multiple multiplexing components in the interface design draft, so that the multiplexing components included in the interface design draft can be determined more accurately, and further, the accuracy of the component code determined based on the multiplexing components can be improved.
In an alternative embodiment, for S103, determining component attributes of the multiple multiplexing components specifically includes the following steps:
step S21: traversing the sub-component attribute of each sub-component in each multiplexing component based on the layer structure information of each multiplexing component in the interface design draft to obtain the initial component attribute of each multiplexing component;
step S22: and carrying out attribute classification on the initial component attributes of the multiplexing components, and determining the component attributes of the multiplexing components based on the attribute classification result.
In the embodiment of the disclosure, after the layer structure information of each multiplexing component in the interface design draft is read, the component attribute of each sub-component in each multiplexing component can be traversed, the component attributes of each sub-component included in each multiplexing component are summarized, and then the initial component attribute of each multiplexing component can be obtained.
After obtaining the initial component attribute of each multiplexing component, the attribute classification can be performed on the initial component attribute corresponding to each multiplexing component. At this time, the initial component attributes corresponding to the respective multiplex components may be compared, and the component attribute common to the initial component attributes of the respective multiplex components may be used as the general attribute of the respective multiplex components. The component attribute specific to the sub-component in the initial component attribute of each multiplexing component is taken as the special attribute of the multiplexing component. And summarizing the general attribute and the special attribute to obtain the component attributes of the multiplexing components.
In specific implementation, the component attributes of the sub-components corresponding to the same layer in each multiplexing component can be compared, so that the same component attribute in the layer is determined according to the comparison result. The generic properties of the various multiplexed components can then be determined based on the same component properties in each layer. And determines the specific properties of each multiplexing component based on the different component properties in each layer.
According to the description, the component attribute of each sub-component in each multiplexing component can be traversed based on the layer structure information of each multiplexing component in the interface design manuscript, so that the initial component attribute of each multiplexing component is more accurate and comprehensive. And then, carrying out attribute classification on the initial component attributes of each multiplexing component, determining the component attributes of a plurality of multiplexing components based on the obtained attribute classification result, and further merging repeated sub-component attributes in the initial component attributes of each multiplexing component, thereby reducing the repeatability of the generated component code and improving the readability of the component code. Meanwhile, the different sub-component attributes among the multiplexing components can be determined, so that the difference among the multiplexing components can be displayed more clearly, and the maintainability of the generated component codes is improved.
In an optional implementation manner, for S22, the attribute classification is performed on the initial component attributes of each of the multiplexing components, and the component attributes of the multiple multiplexing components are determined based on the result of attribute classification, which specifically includes the following steps:
step S31: comparing the initial component attributes of the multiplexing components to obtain a first component attribute and a second component attribute in the initial component attributes of the multiplexing components; the first component attribute is the same component attribute in the initial component attribute of each multiplexing component, and the second component attribute is different component attribute in the initial component attribute of each multiplexing component;
step S32: determining a first component attribute of each multiplexing component as a common attribute in the component attributes;
step S33: and summarizing the second component attributes of each multiplexing component to obtain special attributes in the component attributes.
In the embodiment of the present disclosure, after obtaining the initial component attribute of each multiplexing component, attribute comparison may be performed on the initial component attribute of each multiplexing component, and component attributes of a plurality of multiplexing components may be determined based on the attribute comparison result. Here, the component attribute includes a first component attribute and a second component attribute.
In the implementation, the component attributes corresponding to the same layer in the initial component attributes of each multiplexing component can be compared, and the component attribute is determined to be a first component attribute when the initial component attributes are the same, and is determined to be a second component attribute when the initial component attributes are different.
Through the processing mode, the initial component attribute corresponding to each multiplexing component can be divided into two parts, namely the first component attribute and the second component attribute. The first component attribute is the same component attribute in the initial component attribute corresponding to each multiplexing component; the second component attribute is the component attribute which is remained outside the first component attribute in the initial component attribute corresponding to each multiplexing component, and the second component attribute is used for indicating the component attribute which is different in the initial component attribute of each multiplexing component.
And then, the first component attribute of each multiplexing component can be determined as a general attribute in the component attributes of a plurality of multiplexing components, and the second component attribute of each multiplexing component is summarized to obtain a special attribute in the component attributes. In the embodiment of the disclosure, for each multiplexing component, a special attribute may be corresponding.
For example, assume that 3 multiplex components in the interface design draft shown in fig. 2 are described above. At this time, it can be determined that among the 3 multiplexing components, the first component attribute is "rounded 8px, width 120px, height 60px", and the second component attribute is "background color: deep blue, text: ordinary button "," background color: light blue, text: disable button "," background color: red, text: emphasis button).
At this time, the common attribute in the component attributes of the multiple multiplex components is the first component attribute of each multiplex component: the special attributes in the component attributes of the multiple multiplexing components are summary results obtained after the second component attributes of the 3 multiplexing components are summarized, namely the rounded corners 8px, the width 120px and the height 60 px: "background color: deep blue, text: ordinary button "," background color: light blue, text: disable button "," background color: red, text: emphasis button).
In the above embodiment, the first component attribute and the second component attribute of each multiplexing component may be determined by comparing the initial component attributes of each multiplexing component, the first component attribute of each multiplexing component may be determined as a general attribute among the component attributes of a plurality of multiplexing components, the second component attribute of each multiplexing component may be summarized, and the obtained summarized result may be determined as a specific attribute among the component attributes of a plurality of multiplexing components, thereby implementing classification of the initial component attribute corresponding to each multiplexing component, further determining the same component attribute and different component attributes among the multiplexing components more clearly, and further enabling component codes determined according to the component attributes to be more clear and understandable, and improving the readability and subsequent maintainability of the codes.
In an alternative embodiment, as shown in fig. 4, for S105, the determining the target component code based on the component attribute specifically includes the following steps:
step S41: generating a first component code based on the generic attribute; the first component code is used for rendering the same display state of the multiplexing component in the interface;
step S42: generating a second component code carrying a target state variable based on the special attribute; the value range of the variable value of the target state variable is the target state parameter, and the second component code is used for rendering the special display state of the multiplexing component according to different variable values of the target state variable;
step S43: a generic component code in the target component code is determined based on the first component code and the second component code.
In implementations of the present disclosure, first component code for rendering the same display state of each of the multiplexing components may be generated based on common attributes of each multiplexing component, and second component code carrying the target state variable for rendering the special display state of each multiplexing component may be generated based on the special attributes of each multiplexing component.
Thereafter, a generic component code for rendering each of the multiplexing components in the interface design script may be determined based on the first component code and the second component code carrying the target state variable.
As can be seen from the above description, by generating the first component code and the second component code carrying the target state variable corresponding to each multiplexing component by using the common attribute and the special attribute included in the component attributes of the multiplexing components, the common attribute in each multiplexing component can not repeatedly generate the same component code, thereby reducing the repeatability and complexity of the component code. Meanwhile, the special display state of each multiplexing component can be determined through the target state parameter, so that the difference information among each multiplexing component is clearer, and the readability of component codes is improved.
In an optional embodiment, in a case where the target state parameter includes a plurality of sub-state parameters, each of the sub-state parameters is used to indicate a special display state of a corresponding multiplexing component, the method of the disclosure further includes:
step S51: determining a target sub-state parameter in the target state parameters, and inputting the target sub-state parameter into the second component code as a variable value of the target state variable to obtain a new second component code;
step S52: and rendering the multiplexing component corresponding to the target sub-state parameter on an interface based on the first component code and the new second component code.
In an embodiment of the present disclosure, the target sub-state parameter may be used to indicate a target state variable carried by the generated second component code, where the target sub-state parameter is used to indicate a specific display state of each multiplexing component to be rendered.
In the embodiment of the disclosure, the target sub-state parameter may be determined from a plurality of sub-state parameters included in the target state parameter, and the target sub-state parameter is input into the second component code as a variable value of the target state variable, to determine a new second component code.
Thereafter, component codes of the multiplexed component may be determined from the new second component code and the first component code, thereby rendering the multiplexed component in the interface.
According to the description, the special display state of the multiplexing component can be determined by determining the target sub-state parameter, and then the multiplexing component is rendered in the interface according to the new second component code and the first component code corresponding to the target sub-state parameter, so that a worker can accurately select the specific display state of each multiplexing component according to the input target sub-state parameter, the accuracy of rendering the multiplexing component in the interface design manuscript is improved, the accuracy of converting the multiplexing component into the component code in the interface design manuscript is improved, and the working efficiency is further improved.
In an alternative embodiment, for S51, the determining a target sub-state parameter in the target state parameters specifically includes the following steps:
step S61: in response to a selection operation for the target state parameter, determining a sub-state parameter indicated to be selected by the selection operation as the target sub-state parameter; or alternatively
Step S62: determining a multiplexing component to be rendered at the current moment based on the rendering sequence of the multiplexing components, and determining a target sub-state parameter for rendering a special display state of the multiplexing component to be rendered in the sub-state parameters.
As can be seen from the foregoing description, in the embodiments of the present disclosure, the component code for rendering the multiplexing component may be further determined according to the determined target sub-state parameter by determining the target sub-state parameter corresponding to the multiplexing component in the target state parameter.
The method for determining the target sub-state parameter corresponding to the multiplexing component in the target state parameter can be the following two methods.
Mode one: the selected self-state parameter indicated by the selection operation is determined as the target sub-state parameter by responding to the selection operation of the target state parameter.
For example, assuming that the target state parameter is "normal state, disabled state, emphasized state", at this time, it is possible to select any one of the sub-state parameters (for example, normal state) of the target state parameter, and determine the selected sub-state parameter as the above-described target sub-state parameter.
Mode two: and determining a multiplexing component to be rendered at the current moment based on the rendering sequence of the multiplexing components, and determining a target sub-state parameter for rendering the special display state of the multiplexing component to be rendered in the sub-state parameters.
For example, assuming that there are 3 multiplexing components, the target state parameters corresponding to the 3 multiplexing components are "normal state, disabled state, emphasized state", at this time, assuming that the 3 multiplexing components render the multiplexing components in the order from left to right of the sub-state parameters in the target state parameters, at this time, the target sub-state parameters may be sequentially determined as follows: "normal state," disabled state, "emphasized state.
In the above embodiment, the target sub-state parameter may be determined by selecting the sub-state parameter in the target sub-state parameter, or the sub-state parameter corresponding to the multiplexing component rendered at the current moment may be determined by the rendering sequence of the multiplexing components, and the sub-state parameter may be determined, so that the multiplexing component may be rendered in the interface based on the determined target sub-state parameter, and further, not only may each multiplexing component be sequentially rendered, but also the multiplexing components may be not sequentially rendered, thereby improving flexibility of component codes.
It will be appreciated by those skilled in the art that in the above-described method of the specific embodiments, the written order of steps is not meant to imply a strict order of execution but rather should be construed according to the function and possibly inherent logic of the steps.
Based on the same inventive concept, the embodiment of the present disclosure further provides a device for generating a code of a front end page, where the device in the embodiment of the present disclosure is similar to the method for generating a code of a front end page in the embodiment of the present disclosure, so that the implementation of the device may refer to the implementation of the method, and the repetition is omitted.
Referring to fig. 5, a schematic diagram of a code generating device of a front end page according to an embodiment of the present disclosure is shown, where the device includes: an acquisition unit 51, a first determination unit 52, a second determination unit 53; wherein,,
an obtaining unit 51, configured to obtain an interface design draft to be processed, and determine a plurality of multiplexing components in the interface design draft; each multiplexing component comprises a plurality of sub-components meeting the requirement of similarity;
a first determining unit 52, configured to determine component attributes of the multiple multiplexing components, where the component attributes include a general attribute and a special attribute; the general attribute is used for representing the same display state of each multiplexing component, and the special attribute is used for representing the special display state of each multiplexing component;
A second determining unit 53, configured to determine a target component code based on the component attribute, where the target component code includes a generic component code and a target state parameter, where the target state parameter is used to indicate a special display state of each multiplexing component.
As is apparent from the above description, after determining the component attributes of a plurality of multiplexed components in the interface design manuscript to be processed, the target component code of each multiplexed component can be determined based on the component attributes of the multiplexed component. Through the processing mode, the universal component codes corresponding to the multiplexing components and the target state parameters for indicating the special display states of the multiplexing components can be generated, so that the rendering of the display states corresponding to the multiplexing components can be completed based on the target state parameters, the repeatability of the component codes is further reduced, the readability and maintainability of the component codes are improved, the working efficiency of code staff is improved, and the labor cost and the time cost are saved.
In a possible embodiment, the second determining unit is further configured to: generating a first component code based on the generic attribute; the first component code is used for rendering the same display state of the multiplexing component in the interface; generating a second component code carrying a target state variable based on the special attribute; the value range of the variable value of the target state variable is the target state parameter, and the second component code is used for rendering the special display state of the multiplexing component according to different variable values of the target state variable; a generic component code in the target component code is determined based on the first component code and the second component code.
In a possible embodiment, the obtaining unit is further configured to: traversing sub-assemblies in each assembly in the interface design draft based on the layer structure information of each assembly in the interface design draft to obtain the assembly attribute of each sub-assembly; calculating the similarity of component attributes of the corresponding same layer sub-components in each component; and determining a plurality of multiplexing components in the interface design draft according to the similarity.
In a possible embodiment, the first determining unit is further configured to: traversing the sub-component attribute of each sub-component in each multiplexing component based on the layer structure information of each multiplexing component in the interface design draft to obtain the initial component attribute of each multiplexing component; and carrying out attribute classification on the initial component attributes of the multiplexing components, and determining the component attributes of the multiplexing components based on the attribute classification result.
In a possible embodiment, the first determining unit is further configured to: comparing the initial component attributes of the multiplexing components to obtain a first component attribute and a second component attribute in the initial component attributes of the multiplexing components; the first component attribute is the same component attribute in the initial component attribute of each multiplexing component, and the second component attribute is different component attribute in the initial component attribute of each multiplexing component; determining a first component attribute of each multiplexing component as a common attribute in the component attributes; and summarizing the second component attributes of each multiplexing component to obtain special attributes in the component attributes. .
In a possible embodiment, the second determining unit is further configured to: determining a target sub-state parameter in the target state parameters, and inputting the target sub-state parameter into the second component code as a variable value of the target state variable to obtain a new second component code; and rendering the multiplexing component corresponding to the target sub-state parameter on an interface based on the first component code and the new second component code.
In a possible embodiment, the second determining unit is further configured to: in response to a selection operation for the target state parameter, determining a sub-state parameter indicated to be selected by the selection operation as the target sub-state parameter; or determining a multiplexing component to be rendered at the current moment based on the rendering sequence of the multiplexing components, and determining a target sub-state parameter for rendering the special display state of the multiplexing component to be rendered in the sub-state parameters.
The process flow of each module in the apparatus and the interaction flow between the modules may be described with reference to the related descriptions in the above method embodiments, which are not described in detail herein.
The embodiment of the present disclosure further provides a computer device 600 corresponding to the code generation method of the front-end page in fig. 1, as shown in fig. 6, which is a schematic structural diagram of the computer device 600 provided in the embodiment of the present disclosure, including:
A processor 61, a memory 62, and a bus 63; memory 62 is used to store execution instructions, including memory 621 and external memory 622; the memory 621 is also referred to as an internal memory, and is used for temporarily storing operation data in the processor 61 and data exchanged with the external memory 622 such as a hard disk, the processor 61 exchanges data with the external memory 622 through the memory 621, and when the computer device 600 is operated, the processor 61 and the memory 62 communicate with each other through the bus 63, so that the processor 61 executes the following instructions:
acquiring an interface design draft to be processed, and determining a plurality of multiplexing components in the interface design draft; each multiplexing component comprises a plurality of sub-components meeting the requirement of similarity;
determining component attributes of the plurality of multiplexing components, wherein the component attributes comprise general attributes and special attributes; the general attribute is used for representing the same display state of each multiplexing component, and the special attribute is used for representing the special display state of each multiplexing component;
and determining target component codes based on the component attributes, wherein the target component codes comprise universal component codes and target state parameters, and the target state parameters are used for indicating the special display state of each multiplexing component.
The disclosed embodiments also provide a computer readable storage medium having stored thereon a computer program which, when executed by a processor, performs the steps of the code generation method of the front-end page described in the method embodiments above. Wherein the storage medium may be a volatile or nonvolatile computer readable storage medium.
The embodiments of the present disclosure further provide a computer program product, where the computer program product carries program code, where instructions included in the program code may be used to perform the steps of the method for generating a front page described in the foregoing method embodiments, and specifically reference may be made to the foregoing method embodiments, which are not described herein.
Wherein the above-mentioned computer program product may be realized in particular by means of hardware, software or a combination thereof. In an alternative embodiment, the computer program product is embodied as a computer storage medium, and in another alternative embodiment, the computer program product is embodied as a software product, such as a software development kit (Software Development Kit, SDK), or the like.
It will be clear to those skilled in the art that, for convenience and brevity of description, specific working procedures of the above-described system and apparatus may refer to corresponding procedures in the foregoing method embodiments, which are not described herein again. In the several embodiments provided in the present disclosure, it should be understood that the disclosed systems, devices, and methods may be implemented in other manners. The above-described apparatus embodiments are merely illustrative, for example, the division of the units is merely a logical function division, and there may be other manners of division in actual implementation, and for example, multiple units or components may be combined or integrated into another system, or some features may be omitted, or not performed. Alternatively, the coupling or direct coupling or communication connection shown or discussed with each other may be through some communication interface, device or unit indirect coupling or communication connection, which may be in electrical, mechanical or other form.
The units described as separate units may or may not be physically separate, and units shown as units may or may not be physical units, may be located in one place, or may be distributed on a plurality of network units. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution of this embodiment.
In addition, each functional unit in each embodiment of the present disclosure may be integrated in one processing unit, or each unit may exist alone physically, or two or more units may be integrated in one unit.
The functions, if implemented in the form of software functional units and sold or used as a stand-alone product, may be stored in a non-volatile computer readable storage medium executable by a processor. Based on such understanding, the technical solution of the present disclosure may be embodied in essence or a part contributing to the prior art or a part of the technical solution, or in the form of a software product stored in a storage medium, including several instructions to cause a computer device (which may be a personal computer, a server, or a network device, etc.) to perform all or part of the steps of the method described in the embodiments of the present disclosure. And the aforementioned storage medium includes: a U-disk, a removable hard disk, a Read-Only Memory (ROM), a random access Memory (Random Access Memory, RAM), a magnetic disk, or an optical disk, or other various media capable of storing program codes.
Finally, it should be noted that: the foregoing examples are merely specific embodiments of the present disclosure, and are not intended to limit the scope of the disclosure, but the present disclosure is not limited thereto, and those skilled in the art will appreciate that while the foregoing examples are described in detail, it is not limited to the disclosure: any person skilled in the art, within the technical scope of the disclosure of the present disclosure, may modify or easily conceive changes to the technical solutions described in the foregoing embodiments, or make equivalent substitutions for some of the technical features thereof; such modifications, changes or substitutions do not depart from the spirit and scope of the technical solutions of the embodiments of the disclosure, and are intended to be included within the scope of the present disclosure. Therefore, the protection scope of the present disclosure shall be subject to the protection scope of the claims.
Claims (10)
1. A code generation method for a front-end page, comprising:
acquiring an interface design draft to be processed, and determining a plurality of multiplexing components in the interface design draft; each multiplexing component comprises a plurality of sub-components meeting the requirement of similarity;
Determining component attributes of the plurality of multiplexing components, wherein the component attributes comprise general attributes and special attributes; the general attribute is used for representing the same display state of each multiplexing component, and the special attribute is used for representing the special display state of each multiplexing component;
determining a target component code based on the component attribute, wherein the target component code comprises a general component code and a target state parameter, and the target state parameter is used for indicating a special display state of each multiplexing component; the universal component codes are used for rendering the same display state of the multiplexing components in the interface and rendering the special display state of each multiplexing component;
the general component code carries a target state variable when being used for rendering a special display state of the multiplexing component, and a variable value of the target state variable indicated by the target state parameter is used for being input into the general component code so as to render the corresponding multiplexing component on an interface.
2. The method of claim 1, wherein the determining target component code based on the component properties comprises:
generating a first component code based on the generic attribute; the first component code is used for rendering the same display state of the multiplexing component in the interface;
Generating a second component code carrying a target state variable based on the special attribute; the value range of the variable value of the target state variable is the target state parameter, and the second component code is used for rendering the special display state of the multiplexing component according to different variable values of the target state variable;
a generic component code in the target component code is determined based on the first component code and the second component code.
3. The method of claim 1, wherein the obtaining the interface design script to be processed and determining the plurality of multiplexing components in the interface design script comprise:
traversing sub-assemblies in each assembly in the interface design draft based on the layer structure information of each assembly in the interface design draft to obtain the assembly attribute of each sub-assembly;
calculating the similarity of component attributes of the corresponding same layer sub-components in each component;
and determining a plurality of multiplexing components in the interface design draft according to the similarity.
4. The method of claim 1, wherein the determining component properties of the plurality of multiplexing components comprises:
traversing the sub-component attribute of each sub-component in each multiplexing component based on the layer structure information of each multiplexing component in the interface design draft to obtain the initial component attribute of each multiplexing component;
And carrying out attribute classification on the initial component attributes of the multiplexing components, and determining the component attributes of the multiplexing components based on the attribute classification result.
5. The method of claim 4, wherein said classifying the initial component attributes of each of the plurality of multiplexed components based on the results of the attribute classification, comprises:
comparing the initial component attributes of the multiplexing components to obtain a first component attribute and a second component attribute in the initial component attributes of the multiplexing components; the first component attribute is the same component attribute in the initial component attribute of each multiplexing component, and the second component attribute is different component attribute in the initial component attribute of each multiplexing component;
determining a first component attribute of each multiplexing component as a common attribute in the component attributes;
and summarizing the second component attributes of each multiplexing component to obtain special attributes in the component attributes.
6. The method of claim 2, wherein the target state parameter comprises a plurality of sub-state parameters, each of the sub-state parameters being for indicating a particular display state of a corresponding multiplexing component; the method further comprises the steps of:
Determining a target sub-state parameter in the target state parameters, and inputting the target sub-state parameter into the second component code as a variable value of the target state variable to obtain a new second component code;
and rendering the multiplexing component corresponding to the target sub-state parameter on an interface based on the first component code and the new second component code.
7. The method of claim 6, wherein said determining a target sub-state parameter among said target state parameters comprises:
in response to a selection operation for the target state parameter, determining a sub-state parameter indicated to be selected by the selection operation as the target sub-state parameter; or alternatively
Determining a multiplexing component to be rendered at the current moment based on the rendering sequence of the multiplexing components, and determining a target sub-state parameter for rendering a special display state of the multiplexing component to be rendered in the sub-state parameters.
8. A code generation apparatus for a front page, comprising:
the interface design manuscript processing device comprises an acquisition unit, a processing unit and a processing unit, wherein the acquisition unit is used for acquiring an interface design manuscript to be processed and determining a plurality of multiplexing components in the interface design manuscript; each multiplexing component comprises a plurality of sub-components meeting the requirement of similarity;
A first determining unit, configured to determine component attributes of the multiple multiplexing components, where the component attributes include a general attribute and a special attribute; the general attribute is used for representing the same display state of each multiplexing component, and the special attribute is used for representing the special display state of each multiplexing component;
and the second determining unit is used for determining a target component code based on the component attribute, wherein the target component code comprises a general component code and a target state parameter, and the target state parameter is used for indicating the special display state of each multiplexing component.
9. A computer device, comprising: a processor, a memory and a bus, said memory storing machine readable instructions executable by said processor, said processor and said memory communicating via the bus when the computer device is running, said machine readable instructions when executed by said processor performing the steps of the code generation method of the front-end page according to any of claims 1 to 7.
10. A computer-readable storage medium, characterized in that the computer-readable storage medium has stored thereon a computer program which, when executed by a processor, performs the steps of the code generation method of the front-end page according to any of claims 1 to 7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111567238.9A CN114237600B (en) | 2021-12-20 | 2021-12-20 | Method, device, equipment and storage medium for generating code of front page |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111567238.9A CN114237600B (en) | 2021-12-20 | 2021-12-20 | Method, device, equipment and storage medium for generating code of front page |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN114237600A CN114237600A (en) | 2022-03-25 |
| CN114237600B true CN114237600B (en) | 2023-08-11 |
Family
ID=80759832
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202111567238.9A Active CN114237600B (en) | 2021-12-20 | 2021-12-20 | Method, device, equipment and storage medium for generating code of front page |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN114237600B (en) |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2017036309A1 (en) * | 2015-08-31 | 2017-03-09 | 阿里巴巴集团控股有限公司 | Page rendering method, device and apparatus |
| CN109343845A (en) * | 2018-08-14 | 2019-02-15 | 北京奇艺世纪科技有限公司 | A kind of code file generation method and device |
| CN112527288A (en) * | 2021-02-10 | 2021-03-19 | 北京宇信科技集团股份有限公司 | Visual system prototype design method, system and storage medium capable of generating codes |
| CN113360180A (en) * | 2021-06-28 | 2021-09-07 | 平安普惠企业管理有限公司 | Component configuration method and device of system, computer equipment and storage medium |
| CN113515280A (en) * | 2020-12-03 | 2021-10-19 | 腾讯科技（深圳）有限公司 | Page code generation method and device |
| CN113760223A (en) * | 2021-08-25 | 2021-12-07 | 成都摹客科技有限公司 | Method, system, medium, and apparatus for resource reuse and consistency in software iteration process |
| CN113805871A (en) * | 2021-09-26 | 2021-12-17 | 平安国际智慧城市科技股份有限公司 | Front-end code generation method and device and computer equipment |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US11210111B2 (en) * | 2018-10-31 | 2021-12-28 | Salesforce.Com, Inc. | Automatic user interface architecture |
-
2021
- 2021-12-20 CN CN202111567238.9A patent/CN114237600B/en active Active
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2017036309A1 (en) * | 2015-08-31 | 2017-03-09 | 阿里巴巴集团控股有限公司 | Page rendering method, device and apparatus |
| CN109343845A (en) * | 2018-08-14 | 2019-02-15 | 北京奇艺世纪科技有限公司 | A kind of code file generation method and device |
| CN113515280A (en) * | 2020-12-03 | 2021-10-19 | 腾讯科技（深圳）有限公司 | Page code generation method and device |
| CN112527288A (en) * | 2021-02-10 | 2021-03-19 | 北京宇信科技集团股份有限公司 | Visual system prototype design method, system and storage medium capable of generating codes |
| CN113360180A (en) * | 2021-06-28 | 2021-09-07 | 平安普惠企业管理有限公司 | Component configuration method and device of system, computer equipment and storage medium |
| CN113760223A (en) * | 2021-08-25 | 2021-12-07 | 成都摹客科技有限公司 | Method, system, medium, and apparatus for resource reuse and consistency in software iteration process |
| CN113805871A (en) * | 2021-09-26 | 2021-12-17 | 平安国际智慧城市科技股份有限公司 | Front-end code generation method and device and computer equipment |
Non-Patent Citations (1)
| Title |
|---|
| 设计图转换组件化HTML代码生成系统的研究与实现;陈子豪;《中国优秀硕士学位论文全文数据库 （信息科技辑）》(第6期);全文 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN114237600A (en) | 2022-03-25 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN108958736B (en) | Page generation method and device, electronic equipment and computer readable medium | |
| CN106657192B (en) | Method and equipment for presenting service calling information | |
| CN111414166A (en) | Code generation method, device, equipment and storage medium | |
| CN111930366B (en) | Rule engine implementation method and system based on JIT real-time compilation | |
| CN111401722A (en) | Intelligent decision method and intelligent decision system | |
| CN116522403B (en) | Interactive information desensitization method and server for focusing big data privacy security | |
| CN114594927A (en) | Low code development method, device, system, server and storage medium | |
| CN106055535A (en) | Method and device for generating charts | |
| CN117610524A (en) | Form generation method, form generation device, electronic equipment and computer readable storage medium | |
| CN114237600B (en) | Method, device, equipment and storage medium for generating code of front page | |
| CN112732242A (en) | Wide table processing script generation method and device | |
| US9881210B2 (en) | Generating a computer executable chart visualization by annotating a static image | |
| CN113778412A (en) | Data resource arranging method and device, computer equipment and readable storage medium | |
| CN114706581A (en) | Image analysis method, image analysis device, computer equipment and storage medium | |
| CN111459483B (en) | Interface processing method and device | |
| CN110045961B (en) | Management method and management platform of business rules | |
| US20110314455A1 (en) | Software training application using automated discovery of user interface controls | |
| CN113691403A (en) | Topological node configuration method, related device and computer program product | |
| CN107833259B (en) | Dynamic cartoon engine processing method and system based on intelligent terminal | |
| CN116663515B (en) | Method and device for generating dynamic reporting form | |
| KR20210061156A (en) | System and method of providing civil model linking 3 dimensional model and analysis model | |
| CN111209198A (en) | Debugging method and device based on JPDA, electronic equipment and storage medium | |
| US11928123B2 (en) | Systems and methods for network explainability | |
| CN113703748B (en) | Method, device and equipment for visualizing running logic in configuration web application program | |
| CN113407735B (en) | Method, device, equipment and medium for generating architecture map based on JSON data |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| CB02 | Change of applicant information |
Address after: 100041 B-0035, 2 floor, 3 building, 30 Shixing street, Shijingshan District, Beijing. Applicant after: Tiktok vision (Beijing) Co.,Ltd. Address before: 100041 B-0035, 2 floor, 3 building, 30 Shixing street, Shijingshan District, Beijing. Applicant before: BEIJING BYTEDANCE NETWORK TECHNOLOGY Co.,Ltd. Address after: 100041 B-0035, 2 floor, 3 building, 30 Shixing street, Shijingshan District, Beijing. Applicant after: Douyin Vision Co.,Ltd. Address before: 100041 B-0035, 2 floor, 3 building, 30 Shixing street, Shijingshan District, Beijing. Applicant before: Tiktok vision (Beijing) Co.,Ltd. |
|
| CB02 | Change of applicant information | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |