Page rendering method based on low-code component and related device

Abstract

The embodiment of the invention provides a page rendering method based on a low-code component and a related device. The method comprises the following steps: receiving first description information; splitting the to-be-processed page template according to the first description information to obtain k functional modules; obtaining first low-code components corresponding to the k function modules respectively; obtaining a first integrating degree between the k first low-code components and the corresponding function modules; according to the k first integrating degrees and a preset integrating degree threshold value, dividing the k first low-code components into a first low-code component set and a second low-code component set; adjusting each second low-code component in the second low-code component set to obtain a third low-code component set; the first low-code component set and the third low-code component set are adopted for page rendering, the target page corresponding to the to-be-processed page template is obtained, the adaptation degree between the low-code components and the page can be improved, and the accuracy of the constructed target page is improved.

Description

Technical Field

[0001] The present application relates to the field of low-code and data processing technology, and specifically to a page rendering method and related devices based on low-code components. Background Art

[0002] With the development of computer business, the demand for page construction in some projects is also increasing. In order to improve the efficiency of page construction, low-code page production and development is widely used. When low-code is used, the low-code components corresponding to the page are usually selected, and the page is quickly built through drag-and-drop design.

[0003] However, since inherent low-code components are used to quickly build pages by dragging and dropping, there may be a certain deviation between the built page and user needs, resulting in low accuracy when building the page. Summary of the invention

[0004] The embodiments of the present application provide a page rendering method and related devices based on low-code components, which can improve the compatibility between low-code components and pages and improve the accuracy of the constructed target pages.

[0005] A first aspect of an embodiment of the present application provides a page rendering method based on a low-code component, the method comprising:

[0006] Receive first description information from a user for a page template to be processed;

[0007] Split the page template to be processed according to the first description information to obtain k functional modules;

[0008] Obtain low-code components corresponding to the k functional modules respectively, and obtain k first low-code components;

[0009] Obtain the degree of fit between k first low-code components and corresponding functional modules, and obtain k first degrees of fit;

[0010] According to the k first degrees of fit and a preset degree of fit threshold, the k first low-code components are divided into a first low-code component set and a second low-code component set, and the first degree of fit corresponding to the second low-code component in the second low-code component set is less than the preset degree of fit threshold;

[0011] Adjust each second low-code component in the second low-code component set to obtain a third low-code component set;

[0012] The first low-code component set and the third low-code component set are used to perform page rendering to obtain a target page corresponding to the page template to be processed.

[0013] In this example, the user's first description information for a page template to be processed is received, the page template to be processed is split according to the first description information to obtain k functional modules, low-code components corresponding to the k functional modules are obtained to obtain k first low-code components, the degree of compatibility between the k first low-code components and the corresponding functional modules is obtained to obtain k first compatibility degrees, and according to the k first compatibility degrees and a preset compatibility threshold, the k first low-code components are divided into a first low-code component set and a second low-code component set, the first degree of compatibility corresponding to the second low-code component in the second low-code component set is less than the preset compatibility threshold, and the low-code component in the second low-code component set is Each second low-code component is adjusted to obtain a third low-code component set, and the first low-code component set and the third low-code component set are used to render the page to obtain the target page corresponding to the page template to be processed. Therefore, the first low-code component set and the second low-code component set can be divided from the k first low-code components according to the degree of fit between the functional modules and the low-code components, and the second low-code components in the second low-code component set are adjusted to obtain the third low-code component set. Finally, the third low-code component set and the first low-code component set are used to render the page to obtain the target page, thereby improving the adaptability between the low-code components and the page and improving the accuracy of the constructed target page.

[0014] In a possible implementation, the second low-code component set includes m second low-code components, and each second low-code component in the second low-code component set is adjusted to obtain a third low-code component set, including:

[0015] Obtain description information of the functional modules corresponding to the m second low-code components respectively, and obtain m second description information;

[0016] Use m pieces of the second description information to generate component adjustment information of the corresponding second low-code component to obtain m pieces of reference component adjustment information;

[0017] Using m reference component adjustment information to adjust the corresponding second low-code components to obtain the third low-code component set;

[0018] In a possible implementation, the using of m pieces of the second description information to generate component adjustment information of the corresponding second low-code component to obtain m pieces of reference component adjustment information includes:

[0019] Obtain difference information between the target description information and the component description information of the corresponding low-code component to obtain a difference information set, where the target description information is any one of the m second description information;

[0020] Determining n target difference information from the difference information set according to the difference degree of the difference information and the criticality of the corresponding description type;

[0021] Determine n first component adjustment information according to n target difference information and corresponding description types;

[0022] Using n pieces of the first component adjustment information to pre-adjust the corresponding second low-code component to obtain a reference low-code component;

[0023] Run the reference low-code component to obtain the running result;

[0024] Optimizing the n pieces of the first component adjustment information according to the operation result to obtain n pieces of the second component adjustment information;

[0025] Determine n pieces of the second component adjustment information as reference component adjustment information;

[0026] Repeat the above-mentioned step of obtaining the difference information between the target description information and the component description information of the corresponding low-code component, and obtain the difference information set to the step of determining n pieces of the second component adjustment information as reference component adjustment information, until m pieces of reference component adjustment information are obtained.

[0027] In a possible implementation, determining n first component adjustment information according to n target difference information and corresponding description types includes:

[0028] Determine component extension information according to the correspondence between the n target difference information and the corresponding description types, and obtain n first component extension information;

[0029] Determine the extension functions corresponding to the n first component extension information respectively, to obtain n first extension functions;

[0030] Obtain function insertion position information of each first extended function among the n first extended functions in the second low-code component corresponding to the target difference information, and obtain n first insertion position information;

[0031] Component adjustment information is determined according to the n pieces of the first insertion position information and the corresponding first expansion functions, so as to obtain n pieces of the first component adjustment information.

[0032] In a possible implementation, the method further includes:

[0033] Receive user feedback on the target page;

[0034] Scoring the target page according to the effect feedback information to obtain an effect score value;

[0035] The effect rating value is displayed.

[0036] A second aspect of an embodiment of the present application provides a page rendering device based on a low-code component, the device comprising:

[0037] A receiving unit, configured to receive first description information of a user for a page template to be processed;

[0038] A splitting unit, configured to split the to-be-processed page template according to the first description information to obtain k functional modules;

[0039] A first acquisition unit is used to acquire low-code components corresponding to the k functional modules respectively, to obtain k first low-code components;

[0040] A second acquisition unit is used to obtain the degree of fit between k first low-code components and corresponding functional modules to obtain k first degrees of fit;

[0041] A division unit, used for dividing the k first low-code components into a first low-code component set and a second low-code component set according to the k first fits and a preset fit threshold, wherein the first fit corresponding to the second low-code component in the second low-code component set is less than the preset fit threshold;

[0042] An adjustment unit, configured to adjust each second low-code component in the second low-code component set to obtain a third low-code component set;

[0043] A rendering unit is used to use the first low-code component set and the third low-code component set to perform page rendering to obtain a target page corresponding to the page template to be processed.

[0044] In a possible implementation, the second low-code component set includes m second low-code components, and the adjustment unit is specifically used to:

[0045] Obtain description information of the functional modules corresponding to the m second low-code components respectively, and obtain m second description information;

[0046] Use m pieces of the second description information to generate component adjustment information of the corresponding second low-code component to obtain m pieces of reference component adjustment information;

[0047] Using m reference component adjustment information to adjust the corresponding second low-code components to obtain the third low-code component set;

[0048] In one possible implementation, in the aspect of using the m second description information to generate component adjustment information of the corresponding second low-code component and obtaining m reference component adjustment information, the adjustment unit is specifically used to:

[0049] Obtain difference information between the target description information and the component description information of the corresponding low-code component to obtain a difference information set, where the target description information is any one of the m second description information;

[0050] Determining n target difference information from the difference information set according to the difference degree of the difference information and the criticality of the corresponding description type;

[0051] Determine n first component adjustment information according to n target difference information and corresponding description types;

[0052] Using n pieces of the first component adjustment information to pre-adjust the corresponding second low-code component to obtain a reference low-code component;

[0053] Run the reference low-code component to obtain the running result;

[0054] Optimizing the n pieces of the first component adjustment information according to the operation result to obtain n pieces of the second component adjustment information;

[0055] Determine n pieces of the second component adjustment information as reference component adjustment information;

[0056] Repeat the above-mentioned step of obtaining the difference information between the target description information and the component description information of the corresponding low-code component, and obtain the difference information set to the step of determining n pieces of the second component adjustment information as reference component adjustment information, until m pieces of reference component adjustment information are obtained.

[0057] In a possible implementation manner, in determining the n first component adjustment information according to the n target difference information and the corresponding description types, the adjustment unit is specifically configured to:

[0058] Determine component extension information according to the correspondence between the n target difference information and the corresponding description types, and obtain n first component extension information;

[0059] Determine the extension functions corresponding to the n first component extension information respectively, to obtain n first extension functions;

[0060] Obtain function insertion position information of each first extended function among the n first extended functions in the second low-code component corresponding to the target difference information, and obtain n first insertion position information;

[0061] Component adjustment information is determined according to the n pieces of the first insertion position information and the corresponding first expansion functions, so as to obtain n pieces of the first component adjustment information.

[0062] In a possible implementation, the device is further used for:

[0063] Receive user feedback on the target page;

[0064] Scoring the target page according to the effect feedback information to obtain an effect score value;

[0065] The effect rating value is displayed.

[0066] A third aspect of an embodiment of the present application provides a terminal, comprising a processor, an input device, an output device and a memory, wherein the processor, input device, output device and memory are interconnected, wherein the memory is used to store a computer program, the computer program comprises program instructions, and the processor is configured to call the program instructions to execute the step instructions in the first aspect of the embodiment of the present application.

[0067] The fourth aspect of the embodiments of the present application provides a computer-readable storage medium, wherein the computer-readable storage medium stores a computer program for electronic data exchange, wherein the computer program enables a computer to execute part or all of the steps described in the first aspect of the embodiments of the present application.

[0068] A fifth aspect of the embodiments of the present application provides a computer program product, wherein the computer program product includes a non-transitory computer-readable storage medium storing a computer program, and the computer program is operable to cause a computer to execute some or all of the steps described in the first aspect of the embodiments of the present application. The computer program product may be a software installation package. BRIEF DESCRIPTION OF THE DRAWINGS

[0069] In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, the drawings required for use in the embodiments or the description of the prior art will be briefly introduced below. Obviously, the drawings described below are only some embodiments of the present application. For ordinary technicians in this field, other drawings can be obtained based on these drawings without paying creative work.

[0070] Figure 1 A flow chart of a page rendering device method based on a low-code component is provided for an embodiment of the present application;

[0071] Figure 2 A schematic diagram of the structure of a terminal provided in an embodiment of the present application;

[0072] Figure 3 A structural schematic diagram of a page rendering device based on a low-code component is provided for an embodiment of the present application. DETAILED DESCRIPTION

[0073] The following will be combined with the drawings in the embodiments of the present application to clearly and completely describe the technical solutions in the embodiments of the present application. Obviously, the described embodiments are only part of the embodiments of the present application, not all of the embodiments. Based on the embodiments in the present application, all other embodiments obtained by ordinary technicians in this field without creative work are within the scope of protection of this application.

[0074] The terms "first", "second", etc. in the specification and claims of this application and the above-mentioned drawings are used to distinguish different objects, rather than to describe a specific order. In addition, the terms "including" and "having" and any variations thereof are intended to cover non-exclusive inclusions. For example, a process, method, system, product or device that includes a series of steps or units is not limited to the listed steps or units, but optionally includes steps or units that are not listed, or optionally includes other steps or units inherent to these processes, methods, products or devices.

[0075] Reference to "embodiments" in this application means that a particular feature, structure, or characteristic described in conjunction with the embodiments may be included in at least one embodiment of the present application. The appearance of the phrase in various locations in the specification does not necessarily refer to the same embodiment, nor is it an independent or alternative embodiment that is mutually exclusive with other embodiments. It is explicitly and implicitly understood by those skilled in the art that the embodiments described in this application may be combined with other embodiments.

[0076] In order to better understand the page rendering method based on low-code components provided in the embodiment of the present application, the following first briefly introduces the existing page rendering method based on low-code components. In the existing scheme, a pre-received project code package integrating multiple low-code components is usually used, and the multiple low-code components and related configuration information are used to generate a visualization page, and then the adjustment information input by the user is received, and the adjustment information is used to determine the description file of the corresponding low-code component, and based on the description file, the corresponding low-code component is updated by replacing component files, updating dependencies, modifying configurations, etc., and finally the updated project code package is obtained, and subsequent processing is performed. When it is running, it needs to interact with the user. Because the user is describing, due to the limitation of the user's professional level in low-code, there may be inaccurate descriptions, resulting in multiple updates, which reduces the efficiency and accuracy of page construction.

[0077] In order to solve the above problems, an embodiment of the present application provides a page rendering method based on low-code components, which can divide the first low-code component set and the second low-code component set from k first low-code components according to the degree of fit between the functional modules and the low-code components, and adjust the second low-code components in the second low-code component set to obtain a third low-code component set. Finally, the third low-code component set and the first low-code component set are used to render the page to obtain the target page, so that the low-code components can be automatically pre-adjusted to improve the fit between the low-code components and the page, thereby improving the accuracy of the constructed target page.

[0078] The description file of a low-code component may include but is not limited to the component's properties, events, inputs, outputs, and style layout.

[0079] See also Figure 1 , Figure 1 A flowchart of a page rendering method based on a low-code component is provided for an embodiment of the present application. Figure 1 As shown, the method includes:

[0080] 101. Receive first description information from a user for a page template to be processed.

[0081] Among them, the page rendering method based on the low-code component can be applied to a low-code development platform, which can be a software platform, etc. It can be applied to an electronic device, and the first description information of the user for the page template to be processed can be received through the input device of the electronic device.

[0082] The page template to be processed may be a template corresponding to the target page, and the page template to be processed may be pre-configured, for example, it may be a template pre-configured in the low-code development platform. When using the low-code platform, the user may preliminarily select the page template to be processed and describe the page template to be processed to obtain first description information. The user may describe it by inputting, thereby obtaining the first description information. The first description information may be understood as the module description information of the page to be processed, and the first description information may be used to split the page template to be processed to obtain multiple functional modules. The functional module may be understood as a necessary component module for constructing the target page.

[0083] 102. Split the page template to be processed according to the first description information to obtain k functional modules.

[0084] Keywords can be extracted from the first description information to obtain k function module keywords; the page template to be processed can be split according to the k function module keywords to obtain k function modules. The method for extracting keywords from the first description information can be to use a general keyword extraction method to extract, thereby obtaining k function module keywords.

[0085] The page template to be processed includes multiple functional modules, each of which has a complete implementation architecture. At the same time, the functional modules can be combined to form a new functional module. Therefore, when the page template to be processed is split according to the functional module keyword, the functional module obtained can be a separate functional module or a functional module composed of multiple functional modules.

[0086] The configuration information of the function module can be matched according to the function module keyword, and then the function module can be determined according to the configuration information. When the page template to be processed is split here, it is a split based on logical functions. Therefore, the function module obtained can be a logical function module, and each logical function module can determine its corresponding low-code component from the low-code component library.

[0087] 103. Obtain low-code components corresponding to the k functional modules respectively, and obtain k first low-code components.

[0088] Among them, the description information of the functional module can be matched with the low-code components in the low-code component library to obtain the corresponding degree of fit; the low-code component with the highest degree of fit is determined as the first low-code component corresponding to the functional module. Since the low-code component with the highest degree of fit is determined as the first low-code component, its specific degree of fit may vary, for example, it may be higher than the preset degree of fit threshold or lower than the preset degree of fit threshold. When it is lower than the preset degree of fit threshold, it indicates that the description information and the first low-code component are consistent in terms of selection, but in actual operation, there may be a situation where the function cannot meet the requirements. In this case, the first low-code component needs to be adjusted to improve the degree of fit and ultimately improve the accuracy when the target page is constructed.

[0089] 104. Obtain the degree of fit between k first low-code components and corresponding functional modules, and obtain k first degrees of fit.

[0090] Since the first low-code component is determined by the degree of fit between the first low-code component and the description information of the functional module, the description information of the functional module can be matched with the low-code component in the low-code component library to obtain the corresponding degree of fit, which is determined as the degree of fit between the first low-code component and the corresponding functional module to obtain the first degree of fit.

[0091] 105. According to the k first compatibilities and the preset compatibilities threshold, the k first low-code components are divided into a first low-code component set and a second low-code component set, and the first compatibilities corresponding to the second low-code components in the second low-code component set are less than the preset compatibilities threshold.

[0092] The preset compatibility threshold is set by empirical values ​​or historical data. The compatibility corresponding to the low-code components in the second low-code component set is less than the preset compatibility threshold.

[0093] 106. Adjust each second low-code component in the second low-code component set to obtain a third low-code component set.

[0094] Among them, the description information corresponding to the second low-code component in the second low-code component set can be obtained respectively to obtain the second description information, and the second description information can be used to generate corresponding component adjustment information for the second low-code component to obtain reference component adjustment information, and the reference component adjustment information can be used to adjust the second low-code component to obtain the third low-code component.

[0095] The reference component adjustment information can be determined based on the difference information between the description information of the functional module and the component description information of the corresponding second low-code component. This can improve the accuracy of the reference component adjustment information when determining it, and further improve the accuracy of the acquired third low-code component.

[0096] 107. Use the first low-code component set and the third low-code component set to perform page rendering to obtain a target page corresponding to the page template to be processed.

[0097] Among them, the first low-code component set and the third low-code component set can be used for page rendering through a general low-code component rendering method to obtain a target page corresponding to the page template to be processed.

[0098] In this example, the user's first description information for a page template to be processed is received, the page template to be processed is split according to the first description information to obtain k functional modules, low-code components corresponding to the k functional modules are obtained to obtain k first low-code components, the degree of compatibility between the k first low-code components and the corresponding functional modules is obtained to obtain k first compatibility degrees, and according to the k first compatibility degrees and a preset compatibility threshold, the k first low-code components are divided into a first low-code component set and a second low-code component set, the first degree of compatibility corresponding to the second low-code component in the second low-code component set is less than the preset compatibility threshold, and the low-code component in the second low-code component set is Each second low-code component is adjusted to obtain a third low-code component set, and the first low-code component set and the third low-code component set are used to render the page to obtain the target page corresponding to the page template to be processed. Therefore, the first low-code component set and the second low-code component set can be divided from the k first low-code components according to the degree of fit between the functional modules and the low-code components, and the second low-code components in the second low-code component set are adjusted to obtain the third low-code component set. Finally, the third low-code component set and the first low-code component set are used to render the page to obtain the target page, thereby improving the adaptability between the low-code components and the page and improving the accuracy of the constructed target page.

[0099] In one possible implementation, the second low-code component set includes m second low-code components, and a method for adjusting each second low-code component in the second low-code component set to obtain a third low-code component set includes:

[0100] A1. Obtain description information of the functional modules corresponding to m second low-code components respectively, and obtain m second description information;

[0101] A2. Use m pieces of the second description information to generate component adjustment information of the corresponding second low-code component to obtain m pieces of reference component adjustment information;

[0102] A3. Use m reference component adjustment information to adjust the corresponding second low-code components to obtain the third low-code component set.

[0103] Among them, the description information of the functional module corresponding to the second low-code component can be understood as the description information of the functional module obtained by splitting the to-be-processed page template corresponding to the second low-code component.

[0104] The difference information between the second description information and the component description information of the corresponding second low-code component can be extracted to form a difference information set, and multiple target difference information can be determined from the difference information set according to the difference degree of the difference information and the criticality of the description type of the second description information; then, multiple first component adjustment information are determined according to the multiple target difference information and the corresponding description types, and the first component adjustment information is used to pre-adjust the corresponding second low-code component to obtain a reference low-code component, and the reference low-code component is run to obtain an operation result, and finally, the multiple first component adjustment information is optimized again according to the operation result to obtain multiple second component adjustment information, and the multiple second component adjustment information is determined as the reference component adjustment information.

[0105] Finally, the corresponding second low-code component is adjusted using the reference component adjustment information to obtain the third low-code component.

[0106] In this example, the component adjustment information corresponding to the second low-code component is generated by using the second description information to obtain reference component adjustment information, and the second low-code component is adjusted using the reference component adjustment information to obtain the third low-code component, thereby improving the accuracy of obtaining the third low-code component.

[0107] In a possible implementation, a method for using m pieces of the second description information to generate component adjustment information of the corresponding second low-code component to obtain m pieces of reference component adjustment information includes:

[0108] B1. Obtain the difference information between the target description information and the component description information of the corresponding low-code component to obtain a difference information set, where the target description information is any one of the m second description information;

[0109] B2. determining n target difference information from the difference information set according to the difference degree of the difference information and the criticality of the corresponding description type;

[0110] B3. Determine n first component adjustment information according to the n target difference information and the corresponding description types;

[0111] B4. Use n pieces of the first component adjustment information to pre-adjust the corresponding second low-code component to obtain a reference low-code component;

[0112] B5. Run the reference low-code component to obtain the running result;

[0113] Optimizing the n pieces of the first component adjustment information according to the operation result to obtain n pieces of the second component adjustment information;

[0114] B6. Determine n pieces of the second component adjustment information as reference component adjustment information;

[0115] B7. Repeat the above-mentioned process of obtaining the difference information between the target description information and the component description information of the corresponding low-code component, and obtain the difference information set to the step of determining n pieces of the second component adjustment information as reference component adjustment information, until m pieces of reference component adjustment information are obtained.

[0116] Among them, the difference information between the target description information and the component description information can be understood as comparing the target description information with the component description information, obtaining the similarity between each sub-target description information in the target description information and the corresponding sub-component description information in the component description information, and obtaining a first similarity set; extracting the similarity less than the preset similarity threshold from the first similarity set to obtain a second similarity set; extracting the difference information between the sub-target description information and the sub-component description information corresponding to the second similarity in the second similarity set, thereby obtaining the difference information between the target description information and the component description information of the corresponding low-code component.

[0117] The difference degree of the difference information can be understood as the degree of difference between the sub-target description information and the sub-component description information. The greater the difference, the more obvious the difference between the sub-target description information and the sub-component description information, and the greater the amount of different content. The description type corresponding to the difference information can be understood as the type of sub-description information, and different sub-description information has different description types. For example, the description type may include attributes, events, inputs, outputs, style layouts, etc. Different description types have different criticalities, and the criticality can be characterized by the criticality value, and the difference can also be characterized by the difference value. Therefore, the difference value and the criticality value can be summed to obtain the target value. If the target value is greater than the preset numerical threshold, the difference information corresponding to the difference value is determined as the target difference information. The preset numerical threshold is set by experience or historical data.

[0118] The target difference information and the corresponding description type can determine the adjustment content of the component adjustment information. The adjustment content can be understood as adjusting the corresponding component parameters in the second low-code component so that the fit between the second low-code component and the target description information reaches a preset threshold. Component adjustment information can improve the fit, but the way of changing is not necessarily optimal. At this time, it is necessary to run the reference low-code component to obtain the running results, and then use the running results to perform positive feedback processing on the first component adjustment information to optimize the first component adjustment information and obtain the second component adjustment information.

[0119] When determining the first component adjustment information, the component extension information can be determined based on the target difference information and the corresponding description type, and then the extension function can be determined based on the component extension information, as well as the function insertion position information of the extension function. Finally, the extension function and the corresponding function insertion position information can be determined as the first component adjustment information.

[0120] In this example, a difference information set is obtained by obtaining the difference information between the target description information and the corresponding component description information, and then the target difference information is determined from the difference information set according to the difference degree of the difference information and the criticality of the description type, and the first component adjustment information is determined according to the target difference information and the corresponding description type. The first component adjustment information is used to pre-adjust the second low-code component to obtain a reference low-code component and run it to obtain an operation result, and the operation result is used to perform feedback optimization processing on the first component adjustment component to obtain the second component adjustment information. Finally, the second component adjustment information is determined as the reference component adjustment information, so that the component adjustment information can be optimized again by feedback to obtain the final component adjustment information, thereby improving the accuracy of obtaining the second component adjustment information.

[0121] In a possible implementation, a method for determining n first component adjustment information according to n target difference information and corresponding description types includes:

[0122] C1. Determine component extension information according to the correspondence between the n target difference information and the corresponding description type, and obtain n first component extension information;

[0123] C2. Determine the extension functions corresponding to the n first component extension information respectively, and obtain n first extension functions;

[0124] C3. Obtain function insertion position information of each first extended function among the n first extended functions in the second low-code component corresponding to the target difference information, and obtain n first insertion position information;

[0125] C4. Determine component adjustment information according to the n pieces of the first insertion position information and the corresponding first extension functions, and obtain n pieces of the first component adjustment information.

[0126] Among them, the missing content in the low-code component can be characterized according to the target difference information, so that the component extension information can be determined according to the target difference information and the corresponding description type to obtain the first component extension information. The component extension information can be, for example, component rendering information extension, component function information extension, etc. Different extension information has its corresponding extension function, so that the first extension function corresponding to the first component extension information can be determined.

[0127] The function insertion position information can be determined from the second low-code component based on the function information of the first extended function. The insertion position of each function in the second low-code component is different. For example, if the function information includes execution before component rendering, it can be inserted using onBeforeMount(), which has its corresponding insertion position. This is only an example and is not specifically limited.

[0128] In this example, the component extension information is determined through the target difference information and type description information, and the extended function is determined through the component extension information. Finally, the extended function and the function insertion position information corresponding to the extended function are determined as the first component adjustment information, thereby improving the accuracy of determining the first component adjustment information.

[0129] In a possible implementation, the method further includes:

[0130] D1. Receive user feedback on the effect of the target page;

[0131] D2. Score the target page according to the effect feedback information to obtain an effect score value;

[0132] D3. Display the effect rating value.

[0133] The preset effect feedback information scoring template may be used for scoring processing to obtain the effect scoring value, and the effect feedback information of the user on the target page may be received through an input device.

[0134] For the above embodiments, please refer to Figure 2 , Figure 2 A schematic diagram of the structure of a terminal provided in an embodiment of the present application, as shown in the figure, includes a processor, an input device, an output device and a memory, the processor, the input device, the output device and the memory are interconnected, wherein the memory is used to store a computer program, the computer program includes program instructions, the processor is configured to call the program instructions, and the program includes instructions for executing the following steps;

[0135] Receive first description information from a user for a page template to be processed;

[0136] Split the page template to be processed according to the first description information to obtain k functional modules;

[0137] Obtain low-code components corresponding to the k functional modules respectively, and obtain k first low-code components;

[0138] Obtain the degree of fit between k first low-code components and corresponding functional modules, and obtain k first degrees of fit;

[0139] According to the k first degrees of fit and a preset degree of fit threshold, the k first low-code components are divided into a first low-code component set and a second low-code component set, and the first degree of fit corresponding to the second low-code component in the second low-code component set is less than the preset degree of fit threshold;

[0140] Adjust each second low-code component in the second low-code component set to obtain a third low-code component set;

[0141] The first low-code component set and the third low-code component set are used to perform page rendering to obtain a target page corresponding to the page template to be processed.

[0142] The above mainly introduces the scheme of the embodiment of the present application from the perspective of the execution process on the method side. It is understandable that in order to realize the above functions, the terminal includes a hardware structure and / or software module corresponding to the execution of each function. Those skilled in the art should easily realize that, in combination with the units and algorithm steps of each example described in the embodiments provided herein, the present application can be implemented in the form of hardware or a combination of hardware and computer software. Whether a function is executed in the form of hardware or computer software driving hardware depends on the specific application and design constraints of the technical solution. Professional and technical personnel can use different methods to implement the described functions for each specific application, but such implementation should not be considered to be beyond the scope of this application.

[0143] The embodiment of the present application can divide the terminal into functional units according to the above method example. For example, each functional unit can be divided according to each function, or two or more functions can be integrated into one processing unit. The above integrated unit can be implemented in the form of hardware or in the form of software functional units. It should be noted that the division of units in the embodiment of the present application is schematic and is only a logical function division. There may be other division methods in actual implementation.

[0144] In line with the above, see Figure 3 , Figure 3 The present invention provides a schematic diagram of a page rendering device based on a low-code component. Figure 3 As shown, the device comprises:

[0145] The receiving unit 301 is used to receive first description information of a user for a page template to be processed;

[0146] A splitting unit 302 is used to split the to-be-processed page template according to the first description information to obtain k functional modules;

[0147] A first acquisition unit 303 is used to acquire low-code components corresponding to the k functional modules respectively, and obtain k first low-code components;

[0148] The second acquisition unit 304 is used to obtain the degree of fit between k first low-code components and corresponding functional modules to obtain k first degrees of fit;

[0149] A division unit 305 is used to divide the k first low-code components into a first low-code component set and a second low-code component set according to the k first fits and a preset fit threshold, wherein the first fit corresponding to the second low-code component in the second low-code component set is less than the preset fit threshold;

[0150] An adjustment unit 306, configured to adjust each second low-code component in the second low-code component set to obtain a third low-code component set;

[0151] The rendering unit 307 is used to use the first low-code component set and the third low-code component set to perform page rendering to obtain a target page corresponding to the page template to be processed.

[0152] In a possible implementation, the second low-code component set includes m second low-code components, and the adjustment unit 306 is specifically used to:

[0153] Obtain description information of the functional modules corresponding to the m second low-code components respectively, and obtain m second description information;

[0154] Use m pieces of the second description information to generate component adjustment information of the corresponding second low-code component to obtain m pieces of reference component adjustment information;

[0155] Using m reference component adjustment information to adjust the corresponding second low-code components to obtain the third low-code component set;

[0156] In a possible implementation, in terms of using the m second description information to generate component adjustment information of the corresponding second low-code component and obtaining m reference component adjustment information, the adjustment unit 306 is specifically used to:

[0157] Obtain difference information between the target description information and the component description information of the corresponding low-code component to obtain a difference information set, where the target description information is any one of the m second description information;

[0158] Determining n target difference information from the difference information set according to the difference degree of the difference information and the criticality of the corresponding description type;

[0159] Determine n first component adjustment information according to n target difference information and corresponding description types;

[0160] Using n pieces of the first component adjustment information to pre-adjust the corresponding second low-code component to obtain a reference low-code component;

[0161] Run the reference low-code component to obtain the running result;

[0162] Optimizing the n pieces of the first component adjustment information according to the operation result to obtain n pieces of the second component adjustment information;

[0163] Determine n pieces of the second component adjustment information as reference component adjustment information;

[0164] Repeat the above-mentioned step of obtaining the difference information between the target description information and the component description information of the corresponding low-code component, and obtain the difference information set to the step of determining n pieces of the second component adjustment information as reference component adjustment information, until m pieces of reference component adjustment information are obtained.

[0165] In a possible implementation, in determining the n first component adjustment information according to the n target difference information and the corresponding description types, the adjustment unit 306 is specifically configured to:

[0166] Determine component extension information according to the correspondence between the n target difference information and the corresponding description types, and obtain n first component extension information;

[0167] Determine the extension functions corresponding to the n first component extension information respectively, to obtain n first extension functions;

[0168] Obtain function insertion position information of each first extended function among the n first extended functions in the second low-code component corresponding to the target difference information, and obtain n first insertion position information;

[0169] Component adjustment information is determined according to the n pieces of the first insertion position information and the corresponding first expansion functions, so as to obtain n pieces of the first component adjustment information.

[0170] In a possible implementation, the device is further used for:

[0171] Receive user feedback on the target page;

[0172] Scoring the target page according to the effect feedback information to obtain an effect score value;

[0173] The effect rating value is displayed.

[0174] An embodiment of the present application also provides a computer storage medium, wherein the computer storage medium stores a computer program for electronic data exchange, and the computer program enables a computer to execute part or all of the steps of any one of the page rendering methods based on low-code components recorded in the above method embodiments.

[0175] An embodiment of the present application also provides a computer program product, which includes a non-transitory computer-readable storage medium storing a computer program, and the computer program enables a computer to execute part or all of the steps of any one of the page rendering methods based on low-code components recorded in the above method embodiments.

[0176] It should be noted that, for the aforementioned method embodiments, for the sake of simplicity, they are all expressed as a series of action combinations, but those skilled in the art should be aware that the present application is not limited by the described order of actions, because according to the present application, certain steps can be performed in other orders or simultaneously. Secondly, those skilled in the art should also be aware that the embodiments described in the specification are all preferred embodiments, and the actions and modules involved are not necessarily required by the present application.

[0177] In the above embodiments, the description of each embodiment has its own emphasis. For parts that are not described in detail in a certain embodiment, reference can be made to the relevant descriptions of other embodiments.

[0178] In the several embodiments provided in the present application, it should be understood that the disclosed device can be implemented in other ways. For example, the device embodiments described above are only schematic, such as the division of the units, which is only a logical function division. There may be other division methods in actual implementation, such as multiple units or components can be combined or integrated into another system, or some features can be ignored or not executed. Another point is that the mutual coupling or direct coupling or communication connection shown or discussed can be through some interfaces, and the indirect coupling or communication connection of the device or unit can be electrical or other forms.

[0179] The units described as separate components may or may not be physically separated, and the components shown as units may or may not be physical units, that is, they may be located in one place or distributed on multiple 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.

[0180] In addition, the functional units in the various embodiments of the application may be integrated into one processing unit, or each unit may exist physically separately, or two or more units may be integrated into one unit. The above-mentioned integrated units may be implemented in the form of hardware or in the form of software program modules.

[0181] If the integrated unit is implemented in the form of a software program module and sold or used as an independent product, it can be stored in a computer-readable memory. Based on this understanding, the technical solution of the present application is essentially or the part that contributes to the prior art or all or part of the technical solution can be embodied in the form of a software product, and the computer software product is stored in a memory, including a number of instructions to enable a computer device (which can be a personal computer, server or network device, etc.) to perform all or part of the steps of the method described in each embodiment of the present application. The aforementioned memory includes: U disk, read-only memory (ROM), random access memory (RAM), mobile hard disk, disk or optical disk and other media that can store program codes.

[0182] A person of ordinary skill in the art can understand that all or part of the steps in the various methods of the above embodiments can be completed by instructing related hardware through a program, and the program can be stored in a computer-readable memory, which can include: a flash drive, a read-only memory, a random access memory, a magnetic disk or an optical disk, etc.

[0183] The embodiments of the present application are introduced in detail above. Specific examples are used in this article to illustrate the principles and implementation methods of the present application. The description of the above embodiments is only used to help understand the method and core idea of ​​the present application. At the same time, for general technical personnel in this field, according to the idea of ​​the present application, there will be changes in the specific implementation method and application scope. In summary, the content of this specification should not be understood as a limitation on the present application.

Claims

1. A page rendering method based on low-code components, characterized in that: The method comprises: Receive first description information from a user for a page template to be processed; Split the page template to be processed according to the first description information to obtain k functional modules; Obtain low-code components corresponding to the k functional modules respectively, and obtain k first low-code components; Obtain the degree of fit between k first low-code components and corresponding functional modules, and obtain k first degrees of fit; According to the k first degrees of fit and a preset degree of fit threshold, the k first low-code components are divided into a first low-code component set and a second low-code component set, and the first degree of fit corresponding to the second low-code component in the second low-code component set is less than the preset degree of fit threshold; Adjust each second low-code component in the second low-code component set to obtain a third low-code component set; The first low-code component set and the third low-code component set are used to perform page rendering to obtain a target page corresponding to the page template to be processed.

2. According to the page rendering method based on low-code components according to claim 1, it is characterized in that The second low-code component set includes m second low-code components, and each second low-code component in the second low-code component set is adjusted to obtain a third low-code component set, including: Obtain description information of the functional modules corresponding to the m second low-code components respectively, and obtain m second description information; Use m pieces of the second description information to generate component adjustment information of the corresponding second low-code component to obtain m pieces of reference component adjustment information; The corresponding second low-code components are adjusted using m reference component adjustment information to obtain the third low-code component set.

3. According to the page rendering method based on low-code components according to claim 2, it is characterized in that The using m pieces of the second description information to generate component adjustment information of the corresponding second low-code component to obtain m pieces of reference component adjustment information includes: Obtain difference information between the target description information and the component description information of the corresponding low-code component to obtain a difference information set, where the target description information is any one of the m second description information; Determining n target difference information from the difference information set according to the difference degree of the difference information and the criticality of the corresponding description type; Determine n first component adjustment information according to n target difference information and corresponding description types; Using n pieces of the first component adjustment information to pre-adjust the corresponding second low-code component to obtain a reference low-code component; Run the reference low-code component to obtain the running result; Optimizing the n pieces of the first component adjustment information according to the operation result to obtain n pieces of the second component adjustment information; Determine n pieces of the second component adjustment information as reference component adjustment information; Repeat the above-mentioned step of obtaining the difference information between the target description information and the component description information of the corresponding low-code component, and obtain the difference information set to the step of determining n pieces of the second component adjustment information as reference component adjustment information, until m pieces of reference component adjustment information are obtained.

4. The page rendering method based on low-code components according to claim 3 is characterized in that: The determining of n first component adjustment information according to the n target difference information and the corresponding description types includes: Determine component extension information according to the correspondence between the n target difference information and the corresponding description types, and obtain n first component extension information; Determine the extension functions corresponding to the n first component extension information respectively, to obtain n first extension functions; Obtain function insertion position information of each first extended function among the n first extended functions in the second low-code component corresponding to the target difference information, and obtain n first insertion position information; Component adjustment information is determined according to the n pieces of the first insertion position information and the corresponding first expansion functions, so as to obtain n pieces of the first component adjustment information.

5. The page rendering method based on low-code components according to any one of claims 1 to 4, characterized in that: The method further comprises: Receive user feedback on the target page; Scoring the target page according to the effect feedback information to obtain an effect score value; The effect rating value is displayed.

6. A page rendering device based on low-code components, characterized in that: The device comprises: A receiving unit, configured to receive first description information of a user for a page template to be processed; A splitting unit, configured to split the to-be-processed page template according to the first description information to obtain k functional modules; A first acquisition unit is used to acquire low-code components corresponding to the k functional modules respectively, to obtain k first low-code components; A second acquisition unit is used to obtain the degree of fit between k first low-code components and corresponding functional modules to obtain k first degrees of fit; A division unit, used for dividing the k first low-code components into a first low-code component set and a second low-code component set according to the k first fits and a preset fit threshold, wherein the first fit corresponding to the second low-code component in the second low-code component set is less than the preset fit threshold; An adjustment unit, configured to adjust each second low-code component in the second low-code component set to obtain a third low-code component set; A rendering unit is used to use the first low-code component set and the third low-code component set to perform page rendering to obtain a target page corresponding to the page template to be processed.

7. The page rendering method based on low-code components according to claim 1 is characterized in that: The second low-code component set includes m second low-code components, and the adjustment unit is specifically used to: Obtain description information of the functional modules corresponding to the m second low-code components respectively, and obtain m second description information; Use m pieces of the second description information to generate component adjustment information of the corresponding second low-code component to obtain m pieces of reference component adjustment information; The corresponding second low-code components are adjusted using m reference component adjustment information to obtain the third low-code component set.

8. The page rendering method based on low-code components according to claim 7 is characterized in that: In the aspect of using the m second description information to generate the component adjustment information of the corresponding second low-code component and obtaining the m reference component adjustment information, the adjustment unit is specifically used for: Obtain difference information between the target description information and the component description information of the corresponding low-code component to obtain a difference information set, where the target description information is any one of the m second description information; Determining n target difference information from the difference information set according to the difference degree of the difference information and the criticality of the corresponding description type; Determine n first component adjustment information according to n target difference information and corresponding description types; Using n pieces of the first component adjustment information to pre-adjust the corresponding second low-code component to obtain a reference low-code component; Run the reference low-code component to obtain the running result; Optimizing the n pieces of the first component adjustment information according to the operation result to obtain n pieces of the second component adjustment information; Determine n pieces of the second component adjustment information as reference component adjustment information; Repeat the above-mentioned step of obtaining the difference information between the target description information and the component description information of the corresponding low-code component, and obtain the difference information set to the step of determining n pieces of the second component adjustment information as reference component adjustment information, until m pieces of reference component adjustment information are obtained.

9. A terminal, characterized in that: The method comprises a processor, an input device, an output device and a memory, wherein the processor, the input device, the output device and the memory are interconnected, wherein the memory is used to store a computer program, the computer program comprises program instructions, and the processor is configured to call the program instructions to execute the method according to any one of claims 1 to 5.

10. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores a computer program, wherein the computer program includes program instructions, and when the program instructions are executed by a processor, the processor is caused to perform the method according to any one of claims 1 to 5.

Images