Low-code Configuration Method, Device and Electronic Equipment for Clinical Research Forms

Abstract

The present invention discloses a low-code configuration method, device and electronic device for clinical research forms. The method includes: invoking a graphic connection control; obtaining a picture to be configured, and determining graphic information corresponding to the picture to be configured based on the picture to be configured; associating the graphic information with the graphic connection control, and performing format conversion on the associated graphic information and the graphic connection control to obtain a graphic connection form component, where the graphic connection form component is used to form a form page when being invoked. Through the above technical solution, by invoking the graphic connection control and generating graphic information, and associating the graphic information with the graphic connection control, the configuration of question types including graphic connections is realized; further, by performing format conversion on the graphic information and the graphic connection control to obtain a graphic connection form component, a form page is formed when being invoked, which provides convenience for the subsequent generation of clinical research form pages.

Description

Technical Field

[0001] The embodiments of the present invention relate to the technical field of page development, and in particular, to a low-code configuration method, device, and electronic device for clinical research forms. Background Art

[0002] Currently, low-code page development products on the market generally take the rapid configuration of forms, processes, and reports as the core functions, mainly covering high-frequency scenarios such as data collection, maintenance of business processes, and data presentation, providing common front-end components such as titles, text boxes, pictures, etc. Moreover, the pages are fixed and generated according to the configuration, with relatively large limitations in styles and operation experiences, and cannot meet the customized configuration requirements of clinical research forms.

[0003] In the prior art, relevant scales are generally multiple-choice form questions, such as which of the following options to choose, or short-answer form questions, such as what hobbies one usually has. Therefore, all current low-code configuration systems and methods are developed for the configuration of the above forms, with single functions and unable to meet the needs of users. Summary of the Invention

[0004] The embodiments of the present invention provide a low-code configuration method, device, and electronic device for clinical research forms to achieve the low-code configuration of forms including graphic connection questions and meet the user's need for low-code configuration of connection question forms.

[0005] In a first aspect, the embodiments of the present invention provide a low-code configuration method for clinical research forms, including:

[0006] Invoking a graphic connection control;

[0007] Obtaining a to-be-configured picture, and determining graphic information corresponding to the to-be-configured picture based on the to-be-configured picture;

[0008] Associating the graphic information with the graphic connection control, and performing format conversion on the associated graphic information and graphic connection control to obtain a graphic connection form component, where the graphic connection form component is used to form a form page when being invoked.

[0009] In a second aspect, the embodiments of the present invention further provide a low-code configuration device for clinical research forms, including:

[0010] A control invocation module for invoking a graphic connection control;

[0011] A picture information determination module for obtaining a to-be-configured picture and determining graphic information corresponding to the to-be-configured picture based on the to-be-configured picture;

[0012] An image association module, configured to associate the graphic information with a graphic connection control, perform format conversion on the associated graphic information and graphic connection control to obtain a graphic connection form component, where the graphic connection form component is used to form a form page when called.

[0013] In a third aspect, an embodiment of the present invention further provides an electronic device, which includes:

[0014] One or more processors;

[0015] A storage device for storing one or more programs,

[0016] When the one or more programs are executed by the one or more processors, the one or more processors implement any one of the low-code configuration methods of the clinical research form in the embodiments of the present invention.

[0017] The present invention calls a graphic connection control, obtains a picture to be configured, determines graphic information corresponding to the picture to be configured based on the picture to be configured, associates the graphic information with the graphic connection control, and performs format conversion on the associated graphic information and graphic connection control to obtain a graphic connection form component, where the graphic connection form component is used to form a form page when called. Through the above technical solutions, the graphic connection control is called and graphic information is generated, and the graphic information is associated with the graphic connection control, realizing the low-code configuration of the clinical research form including the image connection question type, meeting the user's demand for the low-code configuration of the connection question type form; further, the graphic information and the graphic connection control are subjected to format conversion to obtain a graphic connection form component, which forms a form page when called, providing convenience for the subsequent generation of the form page. BRIEF DESCRIPTION OF THE DRAWINGS

[0018] To more clearly illustrate the technical solutions of the exemplary embodiments of the present invention, the following briefly introduces the drawings required for describing the embodiments. Obviously, the introduced drawings are only the drawings of a part of the embodiments to be described in the present invention, rather than all the drawings. For those of ordinary skill in the art, other drawings can also be obtained based on these drawings without creative efforts.

[0019] Figure 1 is a schematic flowchart of a low-code configuration method for a clinical research form provided by Embodiment 1 of the present invention;

[0020] Figure 2 is a schematic flowchart of a low-code configuration method for a clinical research form provided by Embodiment 2 of the present invention;

[0021] Figure 3It is a schematic flowchart of a low-code configuration method for a clinical research form provided in Embodiment 3 of the present invention;

[0022] Figure 4 It is a schematic structural diagram of a low-code configuration device for a clinical research form provided in Embodiment 4 of the present invention;

[0023] Figure 5 It is a schematic structural diagram of an electronic device provided in Embodiment 5 of the present invention. Detailed implementation manners

[0024] The present invention will be further described in detail below with reference to the accompanying drawings and embodiments. It can be understood that the specific embodiments described herein are only used to explain the present invention, rather than limiting the present invention.

[0025] In addition, it should also be noted that for the sake of convenience of description, only parts related to the present invention are shown in the drawings rather than all the content. Before discussing the exemplary embodiments in more detail, it should be mentioned that some exemplary embodiments are described as processes or methods depicted as flowcharts. Although the flowcharts describe the operations (or steps) as sequential processes, many of the operations can be implemented in parallel, concurrently, or simultaneously. In addition, the order of the operations can be rearranged. When the operations are completed, the process can be terminated, but there can also be additional steps not included in the drawings. The process can correspond to a method, function, procedure, subroutine, subprogram, etc.

[0026] Embodiment 1

[0027] Figure 1 It is a flowchart of a low-code configuration method for a clinical research form provided in Embodiment 1 of the present invention. This embodiment is applicable to the situation of generating connection questions in a research form. This method can be executed by the low-code configuration device for a clinical research form provided in the embodiments of the present invention. The device can be implemented by software and / or hardware, and the device can be configured on an electronic computing device, such as a personal computer. The specific steps are as follows:

[0028] S110. Invoke the graphic connection control.

[0029] Among them, the graphic connection control refers to a control that can be used for connection and can display pictures. The graphic connection control can pre-configure attribute information, and through the pre-configured attribute information, the graphic connection function of the graphic connection control can be realized. Optionally, at least one graphic connection control is called. It can be understood that the one graphic connection control includes at least one picture. Furthermore, through the configuration attribute information of the graphic connection control, each picture can be set to a state where it can be connected by a line, thereby realizing the connection function. The graphic connection control can include two or more. It can be understood that when the graphic connection control is two or more, two or more graphic connection questions can be set on a form page.

[0030] Based on the above embodiments, before calling the graphic connection control, the method further includes: setting the graphic connection control based on preset attribute information, where the preset attribute information includes a pointer detection attribute and a draggable attribute.

[0031] Among them, the preset attribute information can be understood as pre-configured attribute information. The preset attribute information of the graphic connection control can be configured through code. The preset attribute information can include, but is not limited to, a pointer detection attribute and a draggable attribute. The pointer detection attribute can be understood as detecting pointer events for dragging the graphic connection control to move, and can include, but is not limited to, detecting events such as mouse button pressing, lifting, and moving. The draggable attribute can be understood as setting the graphic connection control to a state where it can be dragged. For example, the graphic connection control can be a graphic connection scale control. By setting the div attribute draggable of the graphic connection scale control, the graphic connection control is set to a state where it can be dragged.

[0032] Exemplarily, the user can select the required graphic connection control label from the control library in the form configuration interface and drag it to the canvas. When the mouse button lift event is detected, it indicates that the graphic connection control has been dragged to the preset position on the canvas. Parse the source code of the graphic connection control and render the selected graphic connection control on the canvas.

[0033] S120. Obtain the picture to be configured, and determine the graphic information corresponding to the picture to be configured based on the picture to be configured.

[0034] Among them, the picture to be configured refers to the picture to be configured into the graphic connection control. The picture to be configured can be one, two, or more. The method for obtaining the picture to be configured can include: selecting the picture to be configured required by the user from the graphic library; or obtaining the picture to be configured in real time through retrieval. This application does not limit the method for obtaining the picture to be configured. The graphic information can refer to the address information for storing the picture to be configured, or the encoding information of the picture to be configured. The graphic information includes, but is not limited to, picture address information and / or picture encoding information.

[0035] Based on the above embodiments, determining the graphic information corresponding to the to-be-configured picture based on the to-be-configured picture includes: storing the to-be-configured picture in a file format to obtain the picture address information corresponding to the to-be-configured picture; or, converting the to-be-configured picture in an encoding format to obtain the picture encoding information corresponding to the to-be-configured picture.

[0036] Among them, encoding is a form of symbol preservation, which is unreadable and needs to be decoded before it can be read. The picture address information can be the address information of the to-be-configured picture in the server. For example, the picture address information can be a URL address. Optionally, the obtained to-be-configured picture is stored in the server in the form of a file, and the corresponding to-be-configured picture can be retrieved from the server through the picture address information. The picture encoding information refers to the character form of the to-be-configured picture. For example, the picture encoding information can be Base64 encoding information. It can also be the encoding information of binary characters. The picture encoding information can be used to transfer longer identification information in an HTTP environment.

[0037] In some embodiments, the picture encoding information can be directly stored together with the graphic connection control. The advantage of this setting is that: the picture encoding information and the graphic connection control can be directly retrieved at one time, avoiding the need to frequently access the server when the front-end browser dynamically parses and generates the form page to obtain the picture, improving the page generation efficiency, and at the same time overcoming the dependence of the form page on the server, making the applicable range of this page more flexible and diverse. For example, when disconnected from the server, the form page can also be dynamically generated by directly parsing the picture encoding information and the graphic connection control.

[0038] In some embodiments, a URL-based picture encoding method can also be adopted, and this method can include an improved Base64 method. Exemplarily, standard Base64 is not suitable for direct transmission in a URL because the URL encoder will change the " / " and "+" characters in the standard Base64 into forms such as "%XX", and these "%" need to be converted again when stored in the database because the "%" sign has been used as a wildcard in ANSI SQL. The URL-based picture encoding method in this embodiment will fill in the "=" sign at the end and change the "+" and " / " in the standard Base64 to "-" and "_" respectively. Compared with the traditional Base64 encoding, the URL-based picture encoding method eliminates the conversion required for the to-be-configured picture in the URL address encoding and decoding and database storage, avoids the increase in the length of the encoding information, and unifies the format of object identifiers such as databases and forms, improving the storage and retrieval efficiency of the to-be-configured picture.

[0039] S130. Associate the graphic information with the graphic connection control, and perform format conversion on the associated graphic information and graphic connection control to obtain a graphic connection form component, where the graphic connection form component is used to form a form page when called.

[0040] In this embodiment, the method for associating graphic information with the graphic connection control specifically includes: configuring the graphic information in the attribute information of the graphic connection control, thereby associating the graphic information with the graphic connection control, that is, associating the to-be-configured picture corresponding to the graphic information with the graphic connection control. The graphic connection form component is the form after the format conversion of the graphic information and the graphic connection control is completed. The format conversion can be the conversion of data formats, and the data formats can include but are not limited to XSL format, XML format, or JSON format, etc.

[0041] Specifically, the graphic connection control loads the to-be-configured picture corresponding to the graphic information by reading the graphic information in the attribute information, and adaptively loads and displays the to-be-configured picture according to the picture display format in the attribute information of the graphic connection control, such as the width and height of the picture.

[0042] In some embodiments, the graphic connection form component can be a JSON package file. Adopting the form of a JSON package can improve the transmission efficiency, save storage space, facilitate browser parsing, and can store all the information in the graphic connection form component at one time, which is beneficial to improving the speed of storing and calling the graphic connection form component.

[0043] Based on the above embodiments, after associating the graphic information with the graphic connection control, the method further includes: loading the to-be-configured picture into the graphic connection control; setting the graphic connection control to a state where it can be captured by a connection.

[0044] Exemplarily, the graphic connection control can read the URL address of the to-be-configured picture in the attribute information, load the to-be-configured picture corresponding to the URL address into the graphic connection control. The graphic connection control can be divided into two columns on the left and right. Through the jsplumb source code, the graphic connection controls in the two columns on the left and right or the picture borders in the two columns on the left and right can be set to a state where they can be captured by a connection, realizing the preview of the form page and facilitating the user to perform detection and adjustment.

[0045] An embodiment of the present invention provides a low-code configuration method for a clinical research form. By calling a graphic connection control, obtaining a picture to be configured, and determining graphic information corresponding to the picture to be configured based on the picture to be configured; associating the graphic information with the graphic connection control, and performing format conversion on the associated graphic information and the graphic connection control to obtain a graphic connection form component, where the graphic connection form component is used to form a form page when called. Through the above technical solution, by calling the graphic connection control and generating graphic information, and associating the graphic information with the graphic connection control, the low-code configuration of a clinical research form including an image connection question type is realized; further, by performing format conversion on the graphic information and the graphic connection control to obtain a graphic connection form component, a form page is formed when called, which provides convenience for the subsequent generation of the form page.

[0046] Embodiment 2

[0047] Figure 2 FIG. is a flowchart schematic diagram of a low-code configuration method for a clinical research form provided in Embodiment 2 of the present invention. On the basis of the above embodiment, the "obtaining a picture to be configured" is further refined. The specific implementation manner can refer to the detailed description of this technical solution. Among them, the same or corresponding technical terms as those in the above embodiment will not be described in detail here. As Figure 2 shown, the method of the embodiment of the present invention specifically includes the following steps:

[0048] S210. Call the graphic connection control.

[0049] S220. Obtain at least two groups of pictures to be configured in groups, where at least one picture containing at least one type of graphic element is included in the same group, and pictures containing different types of graphic elements are included between groups.

[0050] Among them, the types of graphic elements include but are not limited to text and patterns. Each group can correspond to an object of a connection of the same graphic connection control. One group can include one or more pictures of the same type of graphic element, and different types of graphic elements can be included between groups. For example, one group includes pictures of the text type, and the other group includes pictures of the picture type; or one group includes pictures of cats, and the other group includes pictures of dogs.

[0051] Exemplarily, one side of the graphic connection control is text, and the other side is a picture containing at least one type of graphic element. The text content and the picture containing at least one type of graphic element form a group of connections. Among them, two groups of pictures to be configured are obtained in groups. The text content of one group of connections is "cat", and the picture is a picture containing a cat; the text content of the other group of connections is "dog", and the picture is a picture containing a dog.

[0052] Based on the above embodiments, at least two pictures containing the same type of graphic elements are included in the same group. Obtaining at least two groups of pictures to be configured in units of groups further includes: screening graphic elements of the same type in groups in the graphic library based on a preset graphic selection rule to obtain the pictures to be configured; or downloading graphic elements of the same type in groups on the website based on a preset keyword to obtain the pictures to be configured.

[0053] Among them, the preset graphic selection rule can be the picture screening requirement set according to the user's needs. The pictures in the graphic library can be stored in groups, that is, the graphic library contains multiple picture groups. The picture group is a grouping of the pictures in the graphic library. The graphic element types of all pictures in any picture group are the same, and the graphic element types between different picture groups can be different. The preset keyword can be a word input according to the user's needs. For example, if the user needs to use cat pictures as the pictures to be configured, the preset keyword can be "cat".

[0054] Exemplarily, in some embodiments, the pictures in the graphic library can be grouped manually. For example, the pictures related to cats are grouped into one group, and the pictures related to dogs are grouped into one group. The grouped pictures are used as the pictures to be configured; in some embodiments, the pictures in the graphic library can be recognized and classified by a deep learning model, and the pictures recognized as the same type are grouped into one group, and the grouped pictures are used as the pictures to be configured; in some embodiments, it is also possible to retrieve on the website by inputting a preset keyword, download the retrieved pictures, and use these pictures as the pictures to be configured. The acquisition method of the pictures to be configured is not limited here.

[0055] In some embodiments, the graphic library contains multiple groups of pictures. The graphic element types of all pictures in any group are the same. A preset number of picture groups can be selected from the graphic library, and two pictures are randomly selected from the picture groups as the pictures to be configured. In some embodiments, if at least two pictures containing the same type of graphic elements are in the same group, then two pictures containing the same type of graphic elements can be randomly selected from the same group, and the two pictures containing the same type of graphic elements are used as the pictures to be configured. It should be noted that the two pictures containing the same type of graphic elements need to be loaded separately, that is, one is loaded into the left column of the graphic connection control, and the other is loaded into the right column of the graphic connection control.

[0056] Exemplarily, both sides of the graphic connection control are pictures containing the same type of graphic elements, and the two pictures containing the same type of graphic elements form a group of connections. Among them, two groups of pictures to be configured are obtained in units of groups. The two pictures of one group of connections are both pictures containing cats; the two pictures of the other group of connections are both pictures containing dogs.

[0057] Based on the above embodiments, determining the graphic information corresponding to the to-be-configured picture from the to-be-configured picture further includes: marking the pictures in the same group with the same numerical value to obtain the picture identification information corresponding to the to-be-configured picture; correspondingly, performing format conversion on the associated graphic information and the graphic connection control to obtain a graphic connection form component, including: performing format conversion on the graphic information, the picture identification information, and the graphic connection control to obtain a graphic connection form component. In this embodiment, marking the pictures in the same group with the same numerical value can automatically compare the connections of the to-be-configured pictures later, determine whether the connections are correct, and calculate the connection scores.

[0058] S230. Determine the graphic information corresponding to the to-be-configured picture based on the to-be-configured picture.

[0059] S240. Associate the graphic information with the graphic connection control, and perform format conversion on the associated graphic information and the graphic connection control to obtain a graphic connection form component, where the graphic connection form component is used to form a form page when being called.

[0060] The embodiment of the present invention provides a low-code configuration method for a clinical research form. By calling the graphic connection control and generating graphic information, and associating the graphic information with the graphic connection control, the low-code configuration of the clinical research form including graphic connection question types is realized; further, performing format conversion on the graphic information and the graphic connection control to obtain a graphic connection form component, which forms a form page when being called, providing convenience for the subsequent generation of the form page.

[0061] Embodiment III

[0062] Figure 3 As shown in the figure, the method of the embodiment of the present invention specifically includes the following steps:

[0063] As Figure 3 shown, the method of the embodiment of the present invention specifically includes the following steps:

[0064] S310. Call the graphic connection control.

[0065] S320. Obtain the picture to be configured, and determine the graphic information corresponding to the picture to be configured based on the picture to be configured.

[0066] In an embodiment of the present invention, after obtaining the picture to be configured, the method further includes sending the picture to be configured to the server. The method for uploading the picture to be configured to the server may include, but is not limited to, synchronous uploading and asynchronous uploading.

[0067] Exemplarily, synchronous uploading requires one-by-one uploading. For example, the next two pictures can only be uploaded after the first two pictures are uploaded; asynchronous uploading allows the front-end user to operate the uploading of the other two pictures while the first two pictures are being uploaded to the server.

[0068] S330. Associate the graphic information with the graphic connection control.

[0069] S340. Perform data format conversion on the graphic information and the graphic connection control respectively to obtain a format conversion file corresponding to the graphic information and a format conversion file corresponding to the graphic connection control.

[0070] Among them, data format conversion can be to convert the graphic information and the graphic connection control into Json format. Json format data is easy to be parsed and generated by machines and can effectively improve network transmission efficiency.

[0071] Exemplarily, generate Json statements for the graphic connection control, add the graphic information to the Json statements, that is, add the URL address to the Json statements. In addition, the attribute information of the graphic connection control can also be converted into Json statements, and the attribute information includes newly added attribute information and modified attribute information; the canvas and other controls can also be converted into Json statements.

[0072] S350. Package the format conversion file corresponding to the graphic information and the format conversion file corresponding to the graphic connection control to obtain a graphic connection form component.

[0073] Among them, the graphic connection form component is used to form a form page when it is called.

[0074] In an embodiment of the present invention, packaging the format conversion file corresponding to the graphic information and the format conversion file corresponding to the graphic connection control can save storage space, facilitate browser parsing, and can store the graphic connection form component separately at one time, which is beneficial to improving the speed of storing and calling the graphic connection form component. Optionally, a page identifier of the graphic connection form component can be generated to facilitate subsequent retrieval of the graphic connection form component through the page identifier.

[0075] An embodiment of the present invention provides a low-code configuration method for a clinical research form. By separately performing data format conversion on graphic information and graphic connection controls, the network transmission efficiency can be effectively improved. Further, by packaging the format conversion files corresponding to the graphic information and the format conversion files corresponding to the graphic connection controls, the storage space can be saved, which is convenient for browser parsing, and the graphic connection form components can be stored separately at one time, which is beneficial to improving the speed of storing and calling the graphic connection form components.

[0076] Embodiment 4

[0077] Figure 4 FIG. 7 is a schematic structural diagram of a low-code configuration device for a clinical research form provided in Embodiment 4 of the present invention. The low-code configuration device for a clinical research form provided in this embodiment can be implemented by software and / or hardware, and can be configured in a terminal and / or a server to implement the low-code configuration method for a clinical research form in the embodiments of the present invention. The device may specifically include: a control call module 410, a picture information determination module 420, and an image association module 430.

[0078] Among them, the control call module 410 is used to call graphic connection controls; the picture information determination module 420 is used to obtain a picture to be configured and determine the graphic information corresponding to the picture to be configured based on the picture to be configured; the image association module 430 is used to associate the graphic information with the graphic connection controls, and perform format conversion on the associated graphic information and graphic connection controls to obtain a graphic connection form component, where the graphic connection form component is used to form a form page when being called.

[0079] An embodiment of the present invention provides a low-code configuration device for a clinical research form. By calling graphic connection controls; obtaining a picture to be configured and determining the graphic information corresponding to the picture to be configured based on the picture to be configured; associating the graphic information with the graphic connection controls, and performing format conversion on the associated graphic information and graphic connection controls to obtain a graphic connection form component, where the graphic connection form component is used to form a form page when being called. Through the above technical solutions, graphic connection controls are called and graphic information is generated, and the graphic information is associated with the graphic connection controls, realizing the low-code configuration of a clinical research form including image connection questions; further, the graphic information and the graphic connection controls are subjected to format conversion to obtain a graphic connection form component, which forms a form page when being called, providing convenience for the subsequent generation of the form page.

[0080] Based on any optional technical solution in the embodiments of the present invention, optionally, the device further includes:

[0081] A control setting module for setting a graphic connection control based on preset attribute information, where the preset attribute information includes pointer detection attributes and draggable attributes.

[0082] Based on any optional technical solution in the embodiments of the present invention, optionally, the picture information determination module 420 further includes:

[0083] A grouping acquisition unit for acquiring at least two groups of pictures to be configured in groups, where at least one picture containing at least one type of graphic element is included in the same group, and pictures containing different types of graphic elements are included between groups.

[0084] Based on any optional technical solution in the embodiments of the present invention, optionally, at least two pictures containing the same type of graphic element are included in the same group, and the grouping acquisition unit is specifically used for:

[0085] Grouping and screening graphic elements of the same type in the graphic library based on a preset graphic selection rule to obtain pictures to be configured; or,

[0086] Grouping and downloading graphic elements of the same type from a website based on a preset keyword to obtain pictures to be configured.

[0087] Based on any optional technical solution in the embodiments of the present invention, optionally, the picture information determination module 420 is further used for:

[0088] Performing the same numerical marking on the pictures in the same group to obtain picture identification information corresponding to the pictures to be configured;

[0089] Correspondingly, the image association module 430 can also be used for:

[0090] Converting the graphic information, picture identification information, and graphic connection control into a graphic connection form component

[0091] Based on any optional technical solution in the embodiments of the present invention, optionally, the picture information determination module 420 can also be used for:

[0092] Storing the pictures to be configured in a file form to obtain picture address information corresponding to the pictures to be configured;

[0093] Or, converting the pictures to be configured into an encoded form to obtain picture encoding information corresponding to the pictures to be configured.

[0094] Based on any optional technical solution in the embodiments of the present invention, optionally, the image association module 430 can also be used for:

[0095] Perform data format conversion on the graphic information and the graphic connection control respectively to obtain a format conversion file corresponding to the graphic information and a format conversion file corresponding to the graphic connection control;

[0096] Package the format conversion file corresponding to the graphic information and the format conversion file corresponding to the graphic connection control to obtain a graphic connection form component.

[0097] Optionally, based on any optional technical solution in the embodiments of the present invention, the device further includes:

[0098] A page preview module, configured to load the to-be-configured picture into the graphic connection control; set the graphic connection control to a state where connection capture is possible.

[0099] The low-code configuration device for the clinical research form provided by the embodiments of the present invention can execute the low-code configuration method for the clinical research form provided by any embodiment of the present invention, and has functional modules and beneficial effects corresponding to the execution method.

[0100] Embodiment Five

[0101] Figure 5 It is a schematic structural diagram of an electronic device provided by Embodiment Five of the present invention. Figure 5 Shows a block diagram of an exemplary electronic device 12 suitable for implementing the embodiments of the present invention. Figure 5 The shown electronic device 12 is merely an example and should not impose any limitation on the functions and usage scope of the embodiments of the present invention.

[0102] As Figure 5 shown, the electronic device 12 is presented in the form of a general-purpose computing device. The components of the electronic device 12 may include, but are not limited to: one or more processors or processing units 16, a system memory 28, and a bus 18 connecting different system components (including the system memory 28 and the processing unit 16).

[0103] The bus 18 represents one or more of several types of bus structures, including a memory bus or a memory controller, a peripheral bus, a graphics acceleration port, a processor, or a local bus using any bus structure in a variety of bus structures. For example, these architectures include, but are not limited to, Industry Standard Architecture (ISA) bus, Micro Channel Architecture (MAC) bus, Enhanced ISA bus, Video Electronics Standards Association (VESA) local bus, and Peripheral Component Interconnect (PCI) bus.

[0104] The electronic device 12 typically includes a variety of computer system-readable media. These media can be any available media accessible by the electronic device 12, including volatile and non-volatile media, removable and non-removable media.

[0105] The system memory 28 may include computer system readable media in the form of volatile memory, such as random access memory (RAM) 30 and / or cache memory 32. The electronic device 12 may further include other removable / non-removable, volatile / non-volatile computer system storage media. By way of example only, the storage system 34 may be used for reading and writing on non-removable, non-volatile magnetic media ( Figure 5 not shown, commonly referred to as a "hard disk drive"). Although Figure 5 not shown in the figure, a disk drive for reading and writing on a removable non-volatile disk (such as a "floppy disk") and an optical disk drive for reading and writing on a removable non-volatile optical disk (such as a CD-ROM, DVD-ROM or other optical media) may be provided. In these cases, each drive may be connected to the bus 18 through one or more data media interfaces. The system memory 28 may include at least one program product having a set (e.g., at least one) of program modules that are configured to perform the functions of the embodiments of the present invention.

[0106] A program / utility 36 having a set (at least one) of program modules 26 may be stored, for example, in the system memory 28. Such program modules 26 include, but are not limited to, an operating system, one or more application programs, other program modules, and program data. Each of these examples or some combination thereof may include an implementation of a network environment. The program modules 26 generally perform the functions and / or methods in the embodiments described in the present invention.

[0107] The electronic device 12 may also communicate with one or more external devices 14 (such as a keyboard, a pointing device, a display 24, etc.), and may also communicate with one or more devices that enable a user to interact with the electronic device 12, and / or communicate with any device that enables the electronic device 12 to communicate with one or more other computing devices (such as a network card, a modem, etc.). Such communication may be carried out through the input / output (I / O) interface 22. Moreover, the electronic device 12 may also communicate with one or more networks (such as a local area network (LAN), a wide area network (WAN), and / or a public network, such as the Internet) through the network adapter 20. As Figure 5 shown, the network adapter 20 communicates with other modules of the electronic device 12 through the bus 18. It should be understood that although Figure 5 not shown in the figure, other hardware and / or software modules may be used in conjunction with the electronic device 12, including but not limited to: microcode, device drivers, redundant processing units, external disk drive arrays, RAID systems, tape drives, and data backup storage systems, etc.

[0108] The processing unit 16 executes various functional applications and data processing by running the programs stored in the system memory 28, for example, implementing a low-code configuration method for a clinical research form provided by the embodiments of the present invention.

[0109] Note that the above is only the preferred embodiment of the present invention and the technical principles applied. Those skilled in the art will understand that the present invention is not limited to the specific embodiments described herein, and various obvious changes, re-adjustments and substitutions can be made by those skilled in the art without departing from the protection scope of the present invention. Therefore, although the present invention has been described in detail through the above embodiments, the present invention is not limited to the above embodiments only. Without departing from the concept of the present invention, more other equivalent embodiments can be included, and the scope of the present invention is determined by the scope of the appended claims.

Claims

1. A low-code configuration method for clinical research forms, characterized in that, Including: Invoking a graphic connection control; Obtaining at least two groups of pictures to be configured in groups, where each group includes at least one picture containing at least one type of graphic element, pictures in different groups contain different types of graphic elements, one group contains pictures of text type, and the other group contains pictures of picture type, and determining graphic information corresponding to the pictures to be configured based on the pictures to be configured; Configuring the graphic information in the attribute information of the graphic connection control to associate the graphic information with the graphic connection control, and loading the pictures to be configured into the graphic connection control; setting the graphic connection control to a state that can be captured by a connection through the jsplumb source code, and performing format conversion on the associated graphic information and graphic connection control to obtain a graphic connection form component, where the graphic connection form component is used to form a form page when called.

2. The method according to claim 1, wherein Before invoking the graphic connection control, the method further includes: Setting the graphic connection control based on preset attribute information, where the preset attribute information includes pointer detection attribute and draggable attribute.

3. The method according to claim 1, characterized in that, Each group includes at least two pictures containing the same type of graphic element, and the obtaining at least two groups of pictures to be configured in groups includes: Grouping and screening the same type of graphic elements in the graphic library based on a preset graphic selection rule to obtain pictures to be configured; or Grouping and downloading the same type of graphic elements from a website based on a preset keyword to obtain pictures to be configured.

4. The method according to claim 3, wherein The determining the graphic information corresponding to the pictures to be configured based on the pictures to be configured further includes: Performing the same numerical marking on the pictures in the same group to obtain picture identification information corresponding to the pictures to be configured; Correspondingly, performing format conversion on the associated graphic information and the graphic connection control to obtain a graphic connection form component, including: Performing format conversion on the graphic information, picture identification information, and graphic connection control to obtain a graphic connection form component.

5. The method according to claim 1, wherein The determining the graphic information corresponding to the pictures to be configured based on the pictures to be configured includes: Storing the pictures to be configured in a file form to obtain picture address information corresponding to the pictures to be configured; Or, performing encoding format conversion on the pictures to be configured to obtain picture encoding information corresponding to the pictures to be configured.

6. The method according to claim 1, wherein The performing format conversion on the associated graphic information and the graphic connection control to obtain a graphic connection form component includes: Performing data format conversion on the graphic information and the graphic connection control respectively to obtain a format conversion file corresponding to the graphic information and a format conversion file corresponding to the graphic connection control; Packaging the format conversion file corresponding to the graphic information and the format conversion file corresponding to the graphic connection control to obtain a graphic connection form component.

7. A low-code configuration device for a clinical research form, characterized in that, Including: A control invocation module for invoking a graphic connection control; The picture information determination module is used to obtain at least two groups of pictures to be configured in groups, where at least one picture containing at least one type of graphic element is included in the same group, and pictures containing different types of graphic elements are included between groups. One group contains pictures of the text type, and the other group contains pictures of the picture type. Determine the graphic information corresponding to the pictures to be configured based on the pictures to be configured; The image association module is used to configure the graphic information in the attribute information of the graphic connection control, realize the association between the graphic information and the graphic connection control, and load the pictures to be configured into the graphic connection control; set the graphic connection control to a state that can be captured by the connection through the jsplumb source code, and perform format conversion on the associated graphic information and graphic connection control to obtain a graphic connection form component, where the graphic connection form component is used to form a form page when called.

8. An electronic device, characterized in that, The electronic device includes: One or more processors; A storage device for storing one or more programs, When the one or more programs are executed by the one or more processors, the one or more processors implement the low-code configuration method of the clinical research form as described in any one of claims 1-6.

Images