Low-code based visual interface generation method, device and electronic device

Abstract

The embodiments of the present disclosure disclose a method, device and electronic device for generating a visual interface based on low code. A specific implementation of the method includes: obtaining a data configuration information set; for each data configuration information in the data configuration information set, recalling the visual interface components in the visual interface component library that match the data configuration information to obtain a visual interface component sequence; generating a visual interface according to the obtained visual interface component sequence group and a pre-trained visual interface generation model; injecting verification data into the visual interface; in response to the completion of the injection, performing interface verification on the visual interface injected with the verification data to generate a verification result; in response to the verification result indicating that the visual interface has passed the verification, storing the visual interface. This implementation improves the generation efficiency and reuse rate of the visual interface.

Description

Technical Field

[0001] Embodiments of the present disclosure relate to the field of computer technology, and in particular to a method, device, and electronic device for generating a visual interface based on low code. Background Art

[0002] Data visualization is a technology that displays data in a visual way, especially for scenarios that require analysis of large amounts of data. However, for changing data analysis scenarios, conventional visualization interface generation methods are inefficient, and the generated visualization interface has a low reuse rate.

[0003] The above information disclosed in this Background section is only for enhancement of understanding of the background of the inventive concept and therefore it may contain information that does not form the prior art that is already known to a person of ordinary skill in the art. Summary of the invention

[0004] The content of this disclosure is used to introduce concepts in a brief form, which will be described in detail in the detailed implementation section below. The content of this disclosure is not intended to identify the key features or essential features of the technical solution claimed for protection, nor is it intended to limit the scope of the technical solution claimed for protection.

[0005] Some embodiments of the present disclosure propose a low-code-based visual interface generation method, device, and electronic device to solve one or more of the technical problems mentioned in the above background technology section.

[0006] In a first aspect, some embodiments of the present disclosure provide a method for generating a visualization interface based on low code, the method comprising: obtaining a data configuration information set, wherein the data configuration information in the above data configuration information set represents an indicator description for the indicator to be visualized; for each data configuration information in the above data configuration information set, recalling the visualization interface components in the visualization interface component library that match the above data configuration information to obtain a visualization interface component sequence, wherein the visualization interface components in the above visualization interface component sequence are arranged in order according to the degree of matching with the above data configuration information; generating a visualization interface according to the obtained visualization interface component sequence group and a pre-trained visualization interface generation model; injecting verification data into the above visualization interface; in response to completion of the injection, performing interface verification on the visualization interface injected with the verification data to generate a verification result; in response to the verification result indicating that the above visualization interface has passed the verification, performing interface storage on the above visualization interface.

[0007] In a second aspect, some embodiments of the present disclosure provide a low-code-based visualization interface generation device, the device comprising: an acquisition unit, configured to acquire a data configuration information set, wherein the data configuration information in the above data configuration information set represents an indicator description for the indicator to be visualized; a recall unit, configured to recall, for each data configuration information in the above data configuration information set, visualization interface components in a visualization interface component library that match the above data configuration information, to obtain a visualization interface component sequence, wherein the visualization interface components in the above visualization interface component sequence are arranged in order according to the degree of matching with the above data configuration information; a generation unit, configured to generate a visualization interface based on the obtained visualization interface component sequence group and a pre-trained visualization interface generation model; a verification data injection unit, configured to perform verification data injection into the above visualization interface; an interface verification unit, configured to perform interface verification on the visualization interface into which the verification data is injected in response to the completion of the injection, to generate a verification result; an interface storage unit, configured to perform interface storage on the above visualization interface in response to the verification result representing that the above visualization interface has passed the verification.

[0008] In a third aspect, some embodiments of the present disclosure provide an electronic device comprising: one or more processors; a storage device on which one or more programs are stored, and when the one or more programs are executed by the one or more processors, the one or more processors implement the method described in any implementation manner of the above-mentioned first aspect.

[0009] In a fourth aspect, some embodiments of the present disclosure provide a computer-readable medium having a computer program stored thereon, wherein when the program is executed by a processor, the method described in any implementation manner of the above-mentioned first aspect is implemented.

[0010] The above-mentioned embodiments of the present disclosure have the following beneficial effects: through the low-code-based visualization interface generation method of some embodiments of the present disclosure, the generation efficiency and reuse rate of the visualization interface are improved. Specifically, first, a data configuration information set is obtained, wherein the data configuration information in the above-mentioned data configuration information set represents the indicator description for the indicator to be visualized. In this way, the indicator description of the indicator to be displayed in the visualization interface is obtained, and in this way, the corresponding indicator to be displayed can be dynamically selected according to the changing analysis scenario. Secondly, for each data configuration information in the above-mentioned data configuration information set, the visualization interface component in the visualization interface component library that matches the above-mentioned data configuration information is recalled to obtain a visualization interface component sequence, wherein the visualization interface components in the above-mentioned visualization interface component sequence are arranged in order according to the matching degree with the above-mentioned data configuration information. In practice, different data have different data characteristics, so the use of a suitable data display method can better express the data change trend, so the matching visualization interface component is selected for data display by recalling. Then, according to the obtained visualization interface component sequence group and the pre-trained visualization interface generation model, a visualization interface is generated. By combining the visualization interface generation model, the visualization interface components are automatically typeset, thereby realizing the automatic generation of the visualization interface. Furthermore, verification data is injected into the above-mentioned visualization interface. In addition, in response to the completion of the injection, the visualization interface into which the verification data is injected is verified to generate a verification result. In practice, by injecting verification data, the interface effect of the visualization interface when displaying actual data is verified to avoid problems such as deformation of the interface after the data is injected. Finally, in response to the verification result indicating that the above-mentioned visualization interface has passed the verification, the above-mentioned visualization interface is stored. In this way, the generation efficiency and reuse rate of the visualization interface are greatly improved. BRIEF DESCRIPTION OF THE DRAWINGS

[0011] The above and other features, advantages and aspects of the embodiments of the present disclosure will become more apparent with reference to the following detailed description in conjunction with the accompanying drawings. Throughout the accompanying drawings, the same or similar reference numerals represent the same or similar elements. It should be understood that the drawings are schematic and that components and elements are not necessarily drawn to scale.

[0012] Figure 1 is a flowchart of some embodiments of the low-code-based visual interface generation method according to the present disclosure;

[0013] Figure 2 It is a structural schematic diagram of some embodiments of a low-code-based visual interface generation device according to the present disclosure;

[0014] Figure 3 It is a schematic diagram of the structure of an electronic device suitable for implementing some embodiments of the present disclosure. DETAILED DESCRIPTION

[0015] Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. Although certain embodiments of the present disclosure are shown in the accompanying drawings, it should be understood that the present disclosure can be implemented in various forms and should not be construed as being limited to the embodiments set forth herein. On the contrary, these embodiments are provided to provide a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are only for exemplary purposes and are not intended to limit the scope of protection of the present disclosure.

[0016] It should also be noted that, for ease of description, only the parts related to the invention are shown in the drawings. In the absence of conflict, the embodiments and features in the embodiments of the present disclosure can be combined with each other.

[0017] It should be noted that the concepts such as "first" and "second" mentioned in the present disclosure are only used to distinguish different devices, modules or units, and are not used to limit the order or interdependence of the functions performed by these devices, modules or units.

[0018] It should be noted that the modifications of "one" and "plurality" mentioned in the present disclosure are illustrative rather than restrictive, and those skilled in the art should understand that unless otherwise clearly indicated in the context, it should be understood as "one or more".

[0019] The names of the messages or information exchanged between multiple devices in the embodiments of the present disclosure are only used for illustrative purposes and are not used to limit the scope of these messages or information.

[0020] The present disclosure will be described in detail below with reference to the accompanying drawings and in conjunction with embodiments.

[0021] refer to Figure 1 , showing a process 100 of some embodiments of the low-code based visual interface generation method according to the present disclosure. The low-code based visual interface generation method comprises the following steps:

[0022] Step 101: Obtain a data configuration information set.

[0023] In some embodiments, the execution subject (for example, a computing device) of the low-code-based visualization interface generation method can obtain a data configuration information set through a wired connection or a wireless connection. Among them, the data configuration information in the data configuration information set represents the indicator description for the indicator to be visualized. Specifically, the data configuration information may include but is not limited to: indicator format, indicator parameters, indicator path, and indicator description. In practice, according to the analysis requirements corresponding to the data analysis scenario, the indicator description corresponding to the corresponding indicator can be pulled to obtain a data configuration information set.

[0024] It should be noted that the above-mentioned wireless connection methods may include but are not limited to 3G / 4G / 5G connection, WiFi connection, Bluetooth connection, WiMAX connection, Zigbee connection, UWB (ultra wideband) connection, and other wireless connection methods currently known or to be developed in the future.

[0025] It should be noted that the above-mentioned computing device can be hardware or software. When the computing device is hardware, it can be implemented as a distributed cluster consisting of multiple servers or terminal devices, or it can be implemented as a single server or a single terminal device. When the computing device is embodied as software, it can be installed in the hardware devices listed above. It can be implemented as multiple software or software modules for providing distributed services, for example, or it can be implemented as a single software or software module. No specific limitation is made here.

[0026] Step 102: for each piece of data configuration information in the data configuration information set, recall the visualization interface component in the visualization interface component library that matches the data configuration information to obtain a visualization interface component sequence.

[0027] In some embodiments, the above-mentioned execution subject can recall the visual interface components in the visual interface component library that match the data configuration information for each data configuration information in the data configuration information set, and obtain a sequence of visual interface components. Among them, the visual interface components in the above-mentioned sequence of visual interface components are arranged in order according to the degree of matching with the above-mentioned data configuration information. The visual interface component library is a pre-built database storing different types of visual interface components. Visual interface components may include but are not limited to: line chart components, bar chart components, pie chart components, scatter chart components, K-line chart components, radar chart components, box and whisker chart components, heat map components, relationship diagram components, path diagram components, tree map components, rectangular tree map components, sunrise map components, sankey diagram components, and funnel map components. Specifically, the visual interface component library not only stores visual interface components, but also stores corresponding visual component feature vectors. For example, the visual component feature vector can be a 1×512 feature vector constructed according to the applicable scenario of the visual component. The above-mentioned execution subject can recall the visual interface components that match the data configuration information by similarity calculation to obtain a sequence of visual interface components.

[0028] In some optional implementations of some embodiments, the execution subject recalls, for each data configuration information in the data configuration information set, a visualization interface component in a visualization interface component library that matches the data configuration information to obtain a visualization interface component sequence, including:

[0029] The first step is to obtain the component description information corresponding to the above data configuration information.

[0030] Among them, the above component description information includes constraint keywords.

[0031] The second step is to extract constraint keyword features from the above component description information to obtain component description information features.

[0032] In practice, the Word2Vec model can be used to extract constrained keyword features from the above component description information.

[0033] The third step is to extract data configuration information features from the above data configuration information to obtain data configuration information features.

[0034] In practice, the data configuration information features can be extracted from the above data configuration information through a Transformer-based model, such as the BERT model, to obtain the data configuration information features.

[0035] The fourth step is to construct a matching vector based on the above component description information characteristics and the above data configuration information characteristics.

[0036] In practice, considering that the component description information features and the data configuration information features are not located in the same feature space, first, the execution entity performs feature mapping on the component description information features and the data configuration information features. Specifically, the component description information features and the data configuration information features can be mapped to the same feature space through a convolutional network. Secondly, considering the problem that the extracted component description information features and data configuration information features may have high dimensions. Therefore, the mapped component description information features and the mapped data configuration information features can be adjusted in feature dimension and spliced ​​through a fully connected layer as a matching vector.

[0037] The fifth step is to perform feature matching with the visual interface components in the visual interface component library according to the matching vector to obtain a visual interface component sequence corresponding to the data configuration information.

[0038] In practice, feature similarity calculation can be used to perform feature matching with the visual interface components in the visual interface component library based on the matching vector to obtain a visual interface component sequence corresponding to the data configuration information. Specifically, feature similarity calculation can be performed by calculating cosine similarity.

[0039] The above-mentioned "in some optional implementations of some embodiments" is an inventive point of the present disclosure, which combines component description information and data configuration information and constructs corresponding features to recall visual interface components. In this way, the recall of visual interface components can be effectively realized.

[0040] Step 103 , generating a visual interface according to the obtained visual interface component sequence group and a pre-trained visual interface generation model.

[0041] In some embodiments, the above-mentioned execution subject can generate a visual interface based on the obtained visual interface component sequence group and the pre-trained visual interface generation model. Among them, the visual interface generation model can be a machine learning model for automatically layouting the visual interface components. In practice, the visual interface generation model can adopt the Design2Code-18B model. Specifically, the visual interface component sequence contains visual interface components with different matching degrees for a single data configuration information. Therefore, one visual interface component can be randomly selected from the visual interface component sequence. Since the data configuration information set contains multiple data configuration information, multiple visual interface components can be selected. The visual interface generation model can automatically layout multiple visual interface components to obtain a visual interface, and generate corresponding code representations at the same time, which is convenient for subsequent code fine-tuning.

[0042] In some optional implementations of some embodiments, the execution subject generates a visualization interface according to the obtained visualization interface component sequence group and a pre-trained visualization interface generation model, including:

[0043] The first step is to initialize the visualization interface and get a blank interface.

[0044] The interface size of the blank interface is consistent with the cross-sectional size of the visualization interface.

[0045] The second step is to perform the following steps of visual interface generation according to the visual interface component sequence group:

[0046] In the first sub-step, visual interface components are extracted without duplication from the visual interface component sequence in the visual interface component sequence group to construct a visual interface component group to be combined.

[0047] As an example, a visual interface component sequence group may include [[component A1, component A2, component A3], [component B1, component B2, component B3], [component C1, component C2, component C3]]. Therefore, there may be 9 combinations of visual interface component groups to be combined.

[0048] The second sub-step is to mesh the blank interface to obtain a meshed blank interface.

[0049] The third sub-step is to fill the gridded blank interface with the visual interface components to be combined in the visual interface component group to obtain a filled blank interface.

[0050] In practice, the visual interface group to be combined in the above visual interface component group to be combined can be filled to the initial position of the blank interface after gridding to obtain a filled blank interface.

[0051] The fourth sub-step is to determine the interface score of the filled blank interface according to the visual interface generation model.

[0052] In practice, the visual interface generation model can adopt the scoring model constructed by VVG16. Since the blank interface is processed in a grid, the above-mentioned execution subject can control the step size of the visual interface components to be combined in the gridded blank interface, so that the interface score of the filled blank interface changes towards an increasing trend until the interface score converges. At this time, the filled blank interface with the highest interface score can be obtained.

[0053] The third step is to select the filled blank interfaces whose corresponding interface scores meet the screening conditions from the obtained filled blank interfaces as the above-mentioned visualization interface.

[0054] In practice, since there are multiple combinations of visualization interface component groups to be combined, multiple filled blank interfaces will be obtained, from which the filled blank interface corresponding to the maximum interface score can be screened out as the visualization interface.

[0055] The above-mentioned content of "in some optional implementations of some embodiments" is an inventive point of the present disclosure. After screening out the visual interface components, how to automatically layout multiple components so that the interface is beautiful and easy to use becomes an urgent problem to be solved. Therefore, the present disclosure grids the blank interface to quantify the moving steps and directions of the visual interface components, and controls the visual interface components to move in the blank interface toward the trend of high interface scores, thereby obtaining the visual interface components with the best layout. In this way, automatic visual interface generation can be achieved, greatly improving the efficiency of page generation.

[0056] Step 104, inject verification data into the visual interface.

[0057] In some embodiments, the execution subject may inject verification data into the visualization interface. The verification data may be test data for testing the visualization interface. By injecting the verification data, it is possible to test whether the visualization interface has display anomalies when displayed on different terminals. Specifically, the verification data corresponding to the data configuration information may be injected into the corresponding visualization interface component.

[0058] Step 105 , in response to completion of the injection, performing interface verification on the visual interface of the injected verification data to generate a verification result.

[0059] In some embodiments, the execution subject may perform interface verification on the visual interface of the injected verification data in response to the injection being completed to generate a verification result. The verification result indicates whether the display of the visual interface is abnormal. In practice, the visual interface of the injected verification data may be verified by trial calculation to generate a verification result.

[0060] In some optional implementations of some embodiments, the execution subject performs interface verification on the visual interface into which the verification data is injected to generate a verification result, including:

[0061] The first step is to render a visual interface that injects verification data.

[0062] In practice, first, the execution subject may construct a DOM tree for the visualization interface for the injected verification data. Then, a CSSOM tree for the visualization interface for the injected verification data may be constructed. Next, the DOM tree and the CSSOM tree may be combined to construct a rendering tree. Further, the nodes on the rendering tree may be rendered as components to obtain a rendered visualization interface.

[0063] The second step is, in response to the rendering being completed, verifying the interface display effect of the rendered visualization interface to generate the above-mentioned verification result.

[0064] Step 106 , in response to the verification result indicating that the visualization interface has passed the verification, the visualization interface is stored.

[0065] In some embodiments, in response to the verification result indicating that the visualization interface has passed the verification, the visualization interface is stored. In practice, in order to improve the reuse rate, the visualization interface can be stored in a cloud server so that different terminals can remotely access and use the visualization interface if they have permission.

[0066] In some optional implementations of some embodiments, the above method further includes:

[0067] In the first step, in response to the verification result indicating that the visualization interface fails the verification, a non-verified area in the visualization interface is marked.

[0068] In practice, for example, for each visualization interface component, the corresponding data display area can be pre-calibrated. When an abnormality occurs, especially when the data exceeds the data display area, the data display area corresponding to the corresponding visualization interface component can be marked as an unverified area. For another example, when an occlusion occurs in a visualization interface component after data filling, the areas corresponding to at least two visualization interface components with occlusion can be marked as unverified areas. For another example, when a visualization interface component with abnormal data display occurs, the area corresponding to the visualization interface component can also be marked as an unverified area.

[0069] The second step is to determine the anomaly type corresponding to the above unverified pass area.

[0070] In practice, for different scenarios, the unverified pass area corresponds to different exception types. Therefore, the exception type that triggers the generation of the unverified area can be determined as the exception type corresponding to the unverified pass area.

[0071] The third step is to initiate a region adjustment prompt for the unverified region to the target client according to the above exception type.

[0072] The target client is bound to a target account. The target account has the permission to adjust the visual interface. In practice, different abnormality types correspond to different regional adjustment prompts, so the corresponding regional adjustment prompt can be triggered according to the abnormality type and sent to the target client.

[0073] In a fourth step, in response to receiving the area adjustment content for the unverified area sent by the target client,

[0074] In practice, the developer of the target account partially adjusts the code corresponding to the unverified area in the visual interface by combining the area adjustment prompt, so as to obtain the area adjustment content. Specifically, the area adjustment content can be the corresponding adjusted HTML (HyperText Markup Language) code.

[0075] The fifth step is to perform local interface adjustment on the above visualization interface according to the above regional adjustment content to obtain an adjusted visualization interface.

[0076] In practice, an incremental replacement method may be used to adjust the content of the above-mentioned area and perform local interface adjustments on the above-mentioned visualization interface to obtain an adjusted visualization interface.

[0077] In some optional implementations of some embodiments, the above method further includes:

[0078] The first step is to inject verification data into the above adjusted visualization interface.

[0079] In the second step, in response to the injection being completed, an interface verification is performed on the adjusted visual interface into which the injection verification data is injected to generate a verification result.

[0080] In a third step, in response to the verification result indicating that the adjusted visual interface passes the verification, the adjusted visual interface is stored.

[0081] In practice, the implementation of the first to third steps above can refer to steps 104 to 106, which will not be described in detail here.

[0082] In some optional implementations of some embodiments, the above method further includes:

[0083] The first step is to generate permission information for the above visualization interface in response to successful interface storage.

[0084] The above-mentioned permission information includes: at least one of editing permission, access permission and sharing permission. In practice, the user can grant the permission information of the visualization interface through the target account.

[0085] In the second step, in response to the permission information including sharing permission, the visualization interface is shared to accounts to be shared other than the target account. In practice, different users may have different data display requirements for different data analysis scenarios. Therefore, the visualization interface can be shared on the basis of the visualization interface to achieve interface sharing across data analysis scenarios.

[0086] In a third step, in response to receiving an update request for the visualization interface and the permission information including access permission and editing permission, the visualization interface is re-adjusted.

[0087] In practice, the target account or the account to be shared with access and editing permissions can adjust the above visualization interface according to the update content of the update request, including but not limited to adjusting the position of the visualization interface components in the visualization interface.

[0088] The above-mentioned embodiments of the present disclosure have the following beneficial effects: through the low-code-based visualization interface generation method of some embodiments of the present disclosure, the generation efficiency and reuse rate of the visualization interface are improved. Specifically, first, a data configuration information set is obtained, wherein the data configuration information in the above-mentioned data configuration information set represents the indicator description for the indicator to be visualized. In this way, the indicator description of the indicator to be displayed in the visualization interface is obtained, and in this way, the corresponding indicator to be displayed can be dynamically selected according to the changing analysis scenario. Secondly, for each data configuration information in the above-mentioned data configuration information set, the visualization interface component in the visualization interface component library that matches the above-mentioned data configuration information is recalled to obtain a visualization interface component sequence, wherein the visualization interface components in the above-mentioned visualization interface component sequence are arranged in order according to the matching degree with the above-mentioned data configuration information. In practice, different data have different data characteristics, so the use of a suitable data display method can better express the data change trend, so the matching visualization interface component is selected for data display by recalling. Then, according to the obtained visualization interface component sequence group and the pre-trained visualization interface generation model, a visualization interface is generated. By combining the visualization interface generation model, the visualization interface components are automatically typeset, thereby realizing the automatic generation of the visualization interface. Furthermore, verification data is injected into the above-mentioned visualization interface. In addition, in response to the completion of the injection, the visualization interface into which the verification data is injected is verified to generate a verification result. In practice, by injecting verification data, the interface effect of the visualization interface when displaying actual data is verified to avoid problems such as deformation of the interface after the data is injected. Finally, in response to the verification result indicating that the above-mentioned visualization interface has passed the verification, the above-mentioned visualization interface is stored. In this way, the generation efficiency and reuse rate of the visualization interface are greatly improved.

[0089] Further references Figure 2 As an implementation of the methods shown in the above figures, the present disclosure provides some embodiments of a low-code-based visual interface generation device. These device embodiments are similar to Figure 1 Corresponding to the method embodiments shown, the low-code-based visual interface generation device can be specifically applied to various electronic devices.

[0090] like Figure 2As shown, the low-code-based visual interface generation device 200 of some embodiments includes: an acquisition unit 201, a recall unit 202, a generation unit 203, a verification data injection unit 204, an interface verification unit 205 and an interface storage unit 206. Among them, the acquisition unit 201 is configured to acquire a data configuration information set, wherein the data configuration information in the above data configuration information set represents the indicator description for the indicator to be visualized; the recall unit 202 is configured to recall the visualization interface components in the visualization interface component library that match the above data configuration information for each data configuration information in the above data configuration information set, and obtain a visualization interface component sequence, wherein the visualization interface components in the above visualization interface component sequence are arranged in order according to the degree of matching with the above data configuration information; the generation unit 203 is configured to generate a visualization interface according to the obtained visualization interface component sequence group and a pre-trained visualization interface generation model; the verification data injection unit 204 is configured to inject verification data into the above visualization interface; the interface verification unit 205 is configured to perform interface verification on the visualization interface into which the verification data is injected in response to the completion of the injection, so as to generate a verification result; the interface storage unit 206 is configured to store the above visualization interface in response to the verification result indicating that the above visualization interface has passed the verification.

[0091] It can be understood that the units recorded in the low-code based visual interface generation device 200 and the reference Figure 1 The steps in the described method correspond to each other. Therefore, the operations, features and beneficial effects described above for the method are also applicable to the low-code-based visual interface generation device 200 and the units contained therein, and will not be repeated here.

[0092] Reference below Figure 3 , which shows a structural schematic diagram of an electronic device (eg, a computing device) 300 suitable for implementing some embodiments of the present disclosure. Figure 3 The electronic device shown is only an example and should not bring any limitation to the functions and scope of use of the embodiments of the present disclosure.

[0093] like Figure 3 As shown, the electronic device 300 may include a processing device (e.g., a central processing unit, a graphics processing unit, etc.) 301, which can perform various appropriate actions and processes according to a program stored in a read-only memory 302 or a program loaded from a storage device 308 into a random access memory 303. Various programs and data required for the operation of the electronic device 300 are also stored in the random access memory 303. The processing device 301, the read-only memory 302, and the random access memory 303 are connected to each other via a bus 304. An input / output interface 305 is also connected to the bus 304.

[0094] Typically, the following devices may be connected to the input / output interface 305: an input device 306 including, for example, a touch screen, a touch pad, a keyboard, a mouse, a camera, a microphone, an accelerometer, a gyroscope, etc.; an output device 307 including, for example, a liquid crystal display (LCD), a speaker, a vibrator, etc.; a storage device 308 including, for example, a magnetic tape, a hard disk, etc.; and a communication device 309. The communication device 309 may allow the electronic device 300 to communicate with other devices wirelessly or by wire to exchange data. Although Figure 3 The electronic device 300 is shown with various devices, but it should be understood that it is not required to implement or possess all the devices shown. More or fewer devices may be implemented or possessed instead. Figure 3 Each block shown in the figure may represent one device, or may represent multiple devices as required.

[0095] In particular, according to some embodiments of the present disclosure, the process described above with reference to the flowchart can be implemented as a computer software program. For example, some embodiments of the present disclosure include a computer program product, which includes a computer program carried on a computer-readable medium, and the computer program contains program code for executing the method shown in the flowchart. In some such embodiments, the computer program can be downloaded and installed from the network through the communication device 309, or installed from the storage device 308, or installed from the read-only memory 302. When the computer program is executed by the processing device 301, the above-mentioned functions defined in the method of some embodiments of the present disclosure are executed.

[0096] It should be noted that the computer-readable medium recorded in some embodiments of the present disclosure may be a computer-readable signal medium or a computer-readable storage medium or any combination of the above two. The computer-readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device or device, or any combination of the above. More specific examples of computer-readable storage media may include, but are not limited to: an electrical connection with one or more wires, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above. In some embodiments of the present disclosure, a computer-readable storage medium may be any tangible medium containing or storing a program, which may be used by or in combination with an instruction execution system, device or device. In some embodiments of the present disclosure, a computer-readable signal medium may include a data signal propagated in a baseband or as part of a carrier wave, which carries a computer-readable program code. Such propagated data signals may take a variety of forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the above. Computer readable signal media may also be any computer readable medium other than computer readable storage media, which may send, propagate or transmit a program for use by or in conjunction with an instruction execution system, apparatus or device. The program code contained on the computer readable medium may be transmitted using any appropriate medium, including but not limited to: wires, optical cables, RF (radio frequency), etc., or any suitable combination of the above.

[0097] In some embodiments, the client and the server may communicate using any currently known or future developed network protocol such as HTTP (Hyper Text Transfer Protocol), and may be interconnected with any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include a local area network ("LAN"), a wide area network ("WAN"), an internet (e.g., the Internet), and a peer-to-peer network (e.g., an ad hoc peer-to-peer network), as well as any currently known or future developed network.

[0098] The computer-readable medium may be included in the electronic device; or it may exist independently without being assembled into the electronic device. The computer-readable medium carries one or more programs. When the one or more programs are executed by the electronic device, the electronic device: obtains a data configuration information set, wherein the data configuration information in the data configuration information set represents the indicator description for the indicator to be visualized; for each data configuration information in the data configuration information set, recalls the visual interface components in the visual interface component library that match the data configuration information to obtain a visual interface component sequence, wherein the visual interface components in the visual interface component sequence are arranged in order according to the matching degree with the data configuration information; generates a visual interface according to the obtained visual interface component sequence group and the pre-trained visual interface generation model; performs verification data injection into the visual interface; in response to the completion of injection, performs interface verification on the visual interface injected with the verification data to generate a verification result; in response to the verification result indicating that the visual interface has passed the verification, performs interface storage on the visual interface.

[0099] Computer program code for performing the operations of some embodiments of the present disclosure may be written in one or more programming languages ​​or a combination thereof, including object-oriented programming languages ​​such as Java, Smalltalk, C++, and conventional procedural programming languages ​​such as "C" or similar programming languages. The program code may be executed entirely on the user's computer, partially on the user's computer, as a separate software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. In the case of a remote computer, the remote computer may be connected to the user's computer through any type of network, including a local area network (LAN) or a wide area network (WAN), or may be connected to an external computer (e.g., via the Internet using an Internet service provider).

[0100] The flow chart and block diagram in the accompanying drawings illustrate the possible architecture, function and operation of the system, method and computer program product according to various embodiments of the present disclosure. In this regard, each square box in the flow chart or block diagram can represent a module, a program segment or a part of a code, and the module, the program segment or a part of the code contains one or more executable instructions for realizing the specified logical function. It should also be noted that in some implementations as replacements, the functions marked in the square box can also occur in a sequence different from that marked in the accompanying drawings. For example, two square boxes represented in succession can actually be executed substantially in parallel, and they can sometimes be executed in the opposite order, depending on the functions involved. It should also be noted that each square box in the block diagram and / or flow chart, and the combination of the square boxes in the block diagram and / or flow chart can be implemented with a dedicated hardware-based system that performs a specified function or operation, or can be implemented with a combination of dedicated hardware and computer instructions.

[0101] The units described in some embodiments of the present disclosure may be implemented by software or by hardware. The described units may also be provided in a processor, for example, may be described as: a processor including an acquisition unit, a recall unit, a generation unit, a verification data injection unit, an interface verification unit, and an interface storage unit. Among them, the names of these units do not constitute limitations on the units themselves in certain circumstances, for example, the interface storage unit may also be described as "a unit for storing the interface of the above-mentioned visual interface in response to the verification result indicating that the above-mentioned visual interface has been verified."

[0102] The functions described above herein may be performed at least in part by one or more hardware logic components. For example, without limitation, exemplary types of hardware logic components that may be used include: field programmable gate arrays (FPGAs), application specific integrated circuits (ASICs), application specific standard products (ASSPs), systems on chips (SOCs), complex programmable logic devices (CPLDs), and the like.

[0103] The above descriptions are only some preferred embodiments of the present disclosure and an explanation of the technical principles used. Those skilled in the art should understand that the scope of the invention involved in the embodiments of the present disclosure is not limited to the technical solutions formed by a specific combination of the above technical features, but should also cover other technical solutions formed by any combination of the above technical features or their equivalent features without departing from the above inventive concept. For example, the above features are replaced with (but not limited to) technical features with similar functions disclosed in the embodiments of the present disclosure.

Claims

1. A method for generating a visual interface based on low code, characterized in that: include: Acquire a data configuration information set, wherein the data configuration information in the data configuration information set represents an indicator description for the indicator to be visualized; For each data configuration information in the data configuration information set, recall the visual interface components in the visual interface component library that match the data configuration information to obtain a visual interface component sequence, wherein the visual interface components in the visual interface component sequence are arranged in order according to the degree of matching with the data configuration information, and for each data configuration information in the data configuration information set, recall the visual interface components in the visual interface component library that match the data configuration information to obtain a visual interface component sequence, including: obtaining component description information corresponding to the data configuration information, wherein the component description information includes constraint keywords; performing constraint keyword feature extraction on the component description information to obtain component description information features; performing data configuration information feature extraction on the data configuration information to obtain data configuration information features; constructing a matching vector based on the component description information features and the data configuration information features; performing feature matching with the visual interface components in the visual interface component library based on the matching vector to obtain a visual interface component sequence corresponding to the data configuration information; Generate a visualization interface according to the obtained visualization interface component sequence group and a pre-trained visualization interface generation model, wherein generating a visualization interface according to the obtained visualization interface component sequence group and a pre-trained visualization interface generation model comprises: initializing the visualization interface to obtain a blank interface, wherein the interface size of the blank interface is consistent with the cross-sectional size of the visualization interface; performing the following visualization interface generation steps according to the visualization interface component sequence group: extracting visualization interface components from the visualization interface component sequence in the visualization interface component sequence group without duplication to construct a visualization interface component group to be combined; gridding the blank interface to obtain a gridded blank interface; filling the visualization interface components to be combined in the visualization interface component group to be combined into the gridded blank interface to obtain a filled blank interface; determining the interface score of the filled blank interface according to the visualization interface generation model; and screening out the filled blank interface whose corresponding interface score meets the screening condition from the obtained filled blank interface as the visualization interface; Injecting verification data into the visualization interface; In response to the injection being completed, performing interface verification on the visual interface of the injected verification data to generate a verification result; In response to the verification result indicating that the visual interface passes the verification, the visual interface is stored.

2. The method according to claim 1, characterized in that The method further comprises: In response to the verification result indicating that the visual interface fails verification, marking a failed verification area in the visual interface; Determine the abnormality type corresponding to the unverified pass area; According to the abnormality type, initiating a region adjustment prompt for the unverified region to a target client, wherein the target client is bound to a target account, and the target account has the adjustment authority to adjust the visual interface; In response to receiving the area adjustment content for the unverified area sent by the target client; According to the area adjustment content, the visualization interface is locally adjusted to obtain an adjusted visualization interface.

3. The method according to claim 2, characterized in that The method further comprises: Injecting verification data into the adjusted visual interface; In response to the injection being completed, performing interface verification on the adjusted visual interface into which the verification data is injected to generate a verification result; In response to the verification result indicating that the adjusted visual interface passes the verification, the adjusted visual interface is stored.

4. The method according to claim 3, characterized in that The performing interface verification on the visual interface of the injected verification data to generate a verification result includes: Render a visual interface for injecting validation data; In response to the rendering being completed, the rendered visualization interface is verified for an interface display effect to generate the verification result.

5. The method according to claim 4, characterized in that The method further comprises: In response to successful interface storage, generating permission information for the visualization interface, wherein the permission information includes: at least one of editing permission, access permission, and sharing permission; In response to the permission information including sharing permission, sharing the visual interface to accounts to be shared other than the target account; In response to receiving an update request for the visualization interface and the permission information including access permission and editing permission, the visualization interface is readjusted.

6. A visual interface generation device based on low code, characterized in that: include: An acquisition unit is configured to acquire a data configuration information set, wherein the data configuration information in the data configuration information set represents an indicator description for the indicator to be visualized; A recall unit is configured to recall, for each data configuration information in the data configuration information set, visual interface components in a visual interface component library that match the data configuration information, to obtain a visual interface component sequence, wherein the visual interface components in the visual interface component sequence are arranged in order according to the degree of matching with the data configuration information, and for each data configuration information in the data configuration information set, recalling the visual interface components in the visual interface component library that match the data configuration information to obtain a visual interface component sequence, comprising: obtaining component description information corresponding to the data configuration information, wherein the component description information includes constraint keywords; performing constraint keyword feature extraction on the component description information to obtain component description information features; performing data configuration information feature extraction on the data configuration information to obtain data configuration information features; constructing a matching vector based on the component description information features and the data configuration information features; performing feature matching with the visual interface components in the visual interface component library based on the matching vector to obtain a visual interface component sequence corresponding to the data configuration information; A generation unit is configured to generate a visualization interface according to the obtained visualization interface component sequence group and a pre-trained visualization interface generation model, wherein the generation of the visualization interface according to the obtained visualization interface component sequence group and the pre-trained visualization interface generation model comprises: initializing the visualization interface to obtain a blank interface, wherein the interface size of the blank interface is consistent with the cross-sectional size of the visualization interface; performing the following visualization interface generation steps according to the visualization interface component sequence group: extracting visualization interface components from the visualization interface component sequence in the visualization interface component sequence group without duplication to construct a visualization interface component group to be combined; gridding the blank interface to obtain a gridded blank interface; filling the visualization interface components to be combined in the visualization interface component group to be combined into the gridded blank interface to obtain a filled blank interface; determining the interface score of the filled blank interface according to the visualization interface generation model; and screening out the filled blank interface whose corresponding interface score meets the screening condition from the obtained filled blank interface as the visualization interface; A verification data injection unit, configured to inject verification data into the visualization interface; An interface verification unit is configured to perform interface verification on the visual interface of the injected verification data in response to completion of the injection, so as to generate a verification result; The interface storage unit is configured to store the visual interface in response to the verification result indicating that the visual interface has passed the verification.

7. An electronic device, characterized in that: include: one or more processors; a storage device having one or more programs stored thereon; When the one or more programs are executed by the one or more processors, the one or more processors implement the method according to any one of claims 1 to 5.

8. A computer-readable medium, characterized in that A computer program is stored thereon, wherein when the computer program is executed by a processor, the method according to any one of claims 1 to 5 is implemented.

Images