Component generation method, device, computer equipment, storage medium and program product

Abstract

The present application relates to a component generation method, apparatus, computer equipment, storage medium and computer program product. The method comprises: obtaining at least one first trigger operation based on the development interface of a visual development platform; generating at least one filling module based on the operation track of the at least one first trigger operation; for each of the filling modules, in response to a selection operation on a target basic component, filling the target basic component into the filling module to generate a target component, and the target component is used to create a display interface. The use of this method can effectively improve the usability of the visual development platform, thereby effectively improving the work efficiency of generating an application program interface based on the visual development platform.

Description

Technical Field

[0001] The present application relates to the field of computer technology, and in particular to a component generation method, apparatus, computer equipment, storage medium and computer program product. Background Art

[0002] A visual development platform refers to a development platform that quickly generates applications based on visual programming. Users can build various application interfaces through various components provided by the visual development platform.

[0003] In the prior art, the components in the visual development platform are components pre-set by the visual development platform technicians, and users can build the required application program interface based on these components.

[0004] However, such an approach makes the usability of the visualization development platform poor and difficult to meet user needs. Summary of the invention

[0005] Based on this, it is necessary to provide a component generation method, device, computer equipment, computer-readable storage medium and computer program product to address the above technical problems, which can effectively improve the usability of the visual development platform, and thus effectively improve the work efficiency of building application program interfaces based on the visual development platform.

[0006] In a first aspect, the present application provides a component generation method, comprising:

[0007] At least one first trigger operation is acquired based on a development interface of a visual development platform; at least one filling module is generated based on the operation track of the at least one first trigger operation; for each of the filling modules, in response to a selection operation on a target basic component, the target basic component is filled into the filling module to generate a target component, and the target component is used to create a display interface.

[0008] In one of the embodiments, the method further includes: in response to a page layout instruction, dividing the virtual page of the development interface into a grid to obtain a grid virtual page; the development interface based on the visual development platform obtains at least one first trigger operation, including: obtaining the at least one first trigger operation based on the grid virtual page.

[0009] In one of the embodiments, the method also includes: obtaining a first configuration instruction, the first configuration instruction including attribute information of the filling module, the attribute information including at least one of size information, position information, and shape information of the filling module; in response to the first configuration instruction, configuring the filling module in the grid virtual page, wherein the size of the filling module is an integer multiple of the grid unit size in the grid virtual page.

[0010] In one embodiment, the obtaining of the configuration instruction includes: obtaining a first configuration instruction for the filling module based on the grid virtual page; or obtaining a first configuration instruction for the filling module based on a configuration bar of the development interface.

[0011] In one of the embodiments, in response to a selection operation on a target basic component, the target basic component is filled into the filling module to generate the target component, including: in response to the selection operation on the target basic component, displaying the target basic component in the filling module; in response to a second configuration instruction on the target basic component, configuring the attribute information of the target basic component to generate the target component.

[0012] In one of the embodiments, the method further includes: saving source code corresponding to the target component to the visual development platform, and displaying the target component in the development interface.

[0013] In a second aspect, the present application also provides a component generation device, including:

[0014] An acquisition module, used to acquire at least one first trigger operation based on a development interface of a visual development platform;

[0015] A generating module, configured to generate at least one filling module based on the operation track of the at least one first triggering operation;

[0016] The execution module is used for filling the target basic component into each of the filling modules in response to a selection operation on the target basic component to generate a target component, and the target component is used to create a display interface.

[0017] In a third aspect, the present application further provides a computer device, comprising a memory and a processor, wherein the memory stores a computer program, and the processor implements any of the methods described in the first aspect when executing the computer program.

[0018] In a fourth aspect, the present application further provides a computer-readable storage medium having a computer program stored thereon, wherein the computer program, when executed by a processor, implements any of the methods described in the first aspect above.

[0019] In a fifth aspect, the present application further provides a computer program product, comprising a computer program, which, when executed by a processor, implements any of the methods described in the first aspect above.

[0020] The above-mentioned component generation method, apparatus, computer equipment, storage medium and computer program product obtain at least one first trigger operation based on the development interface of the visual development platform; generate at least one filling module based on the operation track of the at least one first trigger operation; for each of the filling modules, in response to the selection operation of the target basic component, fill the target basic component into the filling module to generate a target component, and the target component is used to create a display interface. The component generation method provided by the present application, when the target component required by the user does not exist on the visual development platform, receives at least one first trigger operation for obtaining a development interface based on the visual development platform, and generates a corresponding filling module based on the operation trajectory of the first trigger operation. For each filling module, based on the selection operation on the target basic component, the target basic component is filled into the filling module to generate the target component. This avoids the problem in the prior art that when the target component required by the user does not exist on the visual development platform, the technical personnel of the visual development platform need to develop the target component according to the user's needs, which leads to poor usability of the visual development platform. By adopting the component generation method provided by the present application, the target component can be generated based on the needs of the user for use by the user, which effectively improves the usability of the visual development platform, and further effectively improves the work efficiency of generating application program interfaces based on the visual development platform. BRIEF DESCRIPTION OF THE DRAWINGS

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

[0022] Figure 1 A schematic diagram of a flow chart of a component generation method in one embodiment;

[0023] Figure 2 A schematic diagram of a flow chart of a method for gridding a virtual page of a development interface in one embodiment;

[0024] Figure 3 is a flow chart of a method after generating the filling module in one embodiment;

[0025] Figure 4 A flowchart of a method for filling the target basic component into the filling module to generate a target component in response to a selection operation on the target basic component in an embodiment;

[0026] Figure 5 A schematic flow chart of a component generation method in another embodiment;

[0027] Figure 6 A structural block diagram of a component generating device in one embodiment;

[0028] Figure 7 A structural block diagram of a component generating device in another embodiment;

[0029] Figure 8 is an internal structure diagram of a computer device in one embodiment;

[0030] Fig. 9 is a schematic diagram of a grid virtual page in one embodiment;

[0031] Fig.10 A schematic diagram of a development page in one embodiment;

[0032] Fig.11 A schematic diagram of a development page in another embodiment. DETAILED DESCRIPTION

[0033] In order to make the purpose, technical solution and advantages of the present application more clearly understood, the present application is further described in detail below in conjunction with the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are only used to explain the present application and are not used to limit the present application.

[0034] A visual development platform refers to a development platform that quickly generates applications based on visual programming. Users can build various application interfaces through various components provided by the visual development platform.

[0035] In the prior art, the visualization development platform is provided with components pre-developed by visualization development platform technicians, and users can select these components according to their needs to build the required application program interface.

[0036] However, since the components in the visualization development platform are all pre-developed by technicians, when the visualization development platform does not have the components required by the user, the technicians are required to develop the components according to the user's needs, or the user chooses other visualization development platforms to build the required application program interface. Therefore, the existing method results in low availability of the visualization development platform and cannot meet the needs of users.

[0037] In view of this, the present application provides a component generation method, which can effectively improve the usability of a visual development platform, and further effectively improve the work efficiency of building an application program interface based on the visual development platform.

[0038] The component generation method provided in the embodiment of the present application may be executed by a computer device, which may be a server.

[0039] In an exemplary embodiment, Figure 1 As shown, a component generation method is provided, the method comprising the following steps:

[0040] Step 101: Acquire at least one first trigger operation based on a development interface of a visual development platform.

[0041] Optionally, the first trigger operation may be used to instruct generation of a filling module.

[0042] In an embodiment of the present application, in one possible implementation method, the user can trigger the first trigger operation by clicking and dragging the mouse on the development interface. After the user triggers the first trigger operation, the server can obtain the first trigger operation based on the development interface of the visual development platform.

[0043] In another possible implementation, the development interface displays a first identifier corresponding to the first trigger operation, and the user can click the first identifier with a mouse to trigger the first trigger operation. After the user triggers the first trigger operation, the server can obtain the first trigger operation based on the development interface of the visual development platform.

[0044] Step 102: Generate at least one filling module based on the operation track of the at least one first triggering operation.

[0045] In an embodiment of the present application, in one possible implementation method, if the user triggers the first trigger operation by clicking and dragging the mouse on the development interface, a filling module corresponding to the first trigger operation can be generated based on the operation trajectory of the first trigger operation. Specifically, the operation trajectory can be determined according to the starting position and the end position of the first trigger operation, and the corresponding filling module can be generated according to the operation trajectory. It can also be that a filling module matching the shape of the operation trajectory is generated along the operation trajectory of the first trigger operation.

[0046] Step 103: For each of the filling modules, in response to a selection operation on a target basic component, fill the target basic component into the filling module to generate a target component.

[0047] The target component is used to create a display interface.

[0048] In an embodiment of the present application, in one possible implementation method, a component toolbar may be displayed in the development interface of the visual development platform, and multiple basic components are displayed in the component toolbar. For each filling module, the user can determine the target basic component from the multiple basic components according to needs, and drag the target component to the filling module. The user's dragging operation is the above-mentioned selection operation. In response to the user's selection operation on the target basic component, the target basic component is filled into the filling module to generate the target component.

[0049] In another possible implementation, for each filling module, the user can click on the filling module to trigger the display of the component toolbar, and determine the target basic component from the multiple basic components as required, and click on the target basic component. The user's clicking operation is the above-mentioned selection operation. In response to the user's selection operation on the target basic component, the target basic component is filled into the filling module to generate the target component.

[0050] The above-mentioned component generation method obtains at least one first trigger operation based on the development interface of the visual development platform; generates at least one filling module based on the operation track of the at least one first trigger operation; for each of the filling modules, in response to the selection operation for the target basic component, fills the target basic component into the filling module to generate the target component, and the target component is used to create a display interface. The component generation method provided by the present application, when the visual development platform does not have the target component required by the user, receives the target basic component obtained based on the development interface of the visual development platform, and generates a corresponding filling module based on the operation track of the first trigger operation; for each filling module, based on the selection operation for the target basic component, fills the target basic component into the filling module to generate the target component, avoiding the problem in the prior art that when the visual development platform does not have the target component required by the user, the technicians of the visual development platform need to develop the target component according to the user's needs, thereby resulting in the problem of poor availability of the visual development platform. The component generation method provided by the present application can generate the target component based on the needs of the user for use by the user, effectively improving the availability of the visual development platform, and thus effectively improving the work efficiency of generating application program interfaces based on the visual development platform.

[0051] In an exemplary embodiment, Figure 2 As shown, the method further comprises the following steps:

[0052] Step 201 : In response to a page layout instruction, the virtual page of the development interface is divided into grids to obtain a grid virtual page.

[0053] Optionally, the page layout instruction is determined and input by the user according to the page layout requirements of the target component.

[0054] Optionally, the virtual page is used to simulate the target component, that is, the user can simulate the target component through the virtual page by operating the virtual page.

[0055] In a possible implementation, a page layout instruction for a target component from a user may be received first, and in response to the page layout instruction, the virtual page of the development interface is grid-divided to obtain a grid virtual page. Specifically, assuming that the page layout instruction indicates that the page is divided into a 16×8 grid, in response to the page layout instruction, the virtual page of the development interface is grid-divided to obtain a grid virtual page. Fig. 9 shown.

[0056] In the above step 101, obtaining at least one first trigger operation based on the development interface of the visual development platform includes:

[0057] Step 202: Acquire the at least one first trigger operation based on the grid virtual page.

[0058] In a possible implementation, the user can click and drag the mouse in the grid virtual page to trigger the first trigger operation. After the user triggers the first trigger operation, the server can obtain the first trigger operation based on the development interface of the visual development platform and generate a filling module corresponding to the first trigger operation, which can be as follows: Fig. 9 As shown, Fig. 9 Two filling modules generated based on two first trigger operations are shown in FIG.

[0059] In another possible implementation, the user can also trigger the first trigger operation by clicking the first mark in the grid virtual page with the mouse. After the user triggers the first trigger operation, the server can obtain the first trigger operation based on the development interface of the visual development platform and generate a filling module corresponding to the first trigger operation, which can be as follows: Fig. 9 As shown, Fig. 9 Two filling modules generated based on two first trigger operations are shown in FIG.

[0060] In the above-mentioned method of responding to the page layout instruction, dividing the virtual page of the development interface into a grid to obtain a grid virtual page, and obtaining the at least one first trigger operation based on the grid virtual page, first divides the virtual page into a grid based on the page layout instruction, and then obtains the first trigger operation based on the virtual page to generate a filling module. Since the virtual page is divided into a grid in advance, the user can refer to the divided grid when triggering the first trigger operation to generate the filling module, so that the layout of the filling module is more accurate.

[0061] In an exemplary embodiment, Figure 3 As shown, after generating the filling module, the method further includes the following steps:

[0062] Step 301: Obtain a first configuration instruction.

[0063] The first configuration instruction includes attribute information of the filling module, and the attribute information includes at least one of size information, position information, and shape information of the filling module.

[0064] In an optional embodiment of the present application, the obtaining of the configuration instruction includes: obtaining a first configuration instruction for the filling module based on the grid virtual page; or obtaining a first configuration instruction for the filling module based on a configuration bar of the development interface.

[0065] In one possible implementation, the development page only includes the virtual page. After the virtual page is grid-divided to generate a grid virtual page, and a filling module is generated based on the grid virtual page and the first trigger operation, the user can click on the filling module in the grid virtual page to trigger the display of the configuration bar, and input attribute information for the filling module based on the displayed configuration bar, so that the server obtains the first configuration instruction based on the attribute information input by the user.

[0066] In another possible implementation, the development page only includes the virtual page. After the virtual page is gridded to generate a grid virtual page, and a filling module is generated based on the grid virtual page and the first trigger operation, the user can drag the filling module with a mouse to move it, so that the server obtains the location information in the first configuration instruction based on the movement operation. The user can also drag the border of the filling module with a mouse to move it, so that the service obtains the size information in the first configuration instruction based on the movement operation.

[0067] In another possible implementation, Fig.10As shown, the development page includes the virtual page and the configuration bar. The user can click on the filling module with the mouse to trigger the configuration items of the filling module to be displayed in the configuration bar. The user can set the configuration items according to needs. After the setting is completed, the server can obtain the first configuration instruction for the filling module through the configuration bar.

[0068] Step 302: Configure the filling module in the grid virtual page in response to the first configuration instruction.

[0069] The size of the filling module is an integer multiple of the size of the grid unit in the grid virtual page.

[0070] In one possible implementation, after obtaining the first configuration instruction, the configuration items of the filling module are configured according to the information in the first configuration instruction. It should be noted that the length or width of the filling module must be an integer multiple of the grid unit size in the grid virtual page. For example, the length or width of the filling module can be 1 grid unit or 2 grid units.

[0071] After the filling module is generated, the first configuration instruction is obtained, and the filling module is configured in the grid virtual page in response to the first configuration instruction, wherein the first configuration instruction includes attribute information of the filling module, and the attribute information includes at least one of the size information, position information, and shape information of the filling module. The size, position, shape, etc. of the filling module can be flexibly adjusted through the first configuration instruction to meet user needs. Moreover, the size of the filling module is limited to an integer multiple of the grid unit size in the grid virtual page, which can effectively avoid deformation of the target component in the filling module, thereby effectively improving stability.

[0072] In an exemplary embodiment, Figure 4 As shown, in response to a selection operation on a target basic component, the target basic component is filled into the filling module to generate a target component, including the following steps:

[0073] Step 401: In response to a selection operation on the target basic component, display the target basic component in the filling module.

[0074] In one possible implementation, Fig.11As shown, a component toolbar is also displayed in the development interface of the visual development platform. A plurality of basic components are displayed in the component toolbar. For each filling module, the user can determine the target basic component from the plurality of basic components according to the needs, and drag the target component to the filling module. The user's dragging operation is the above-mentioned selection operation. In response to the user's selection operation on the target basic component, the target basic component is filled into the filling module to generate the target component.

[0075] In another possible implementation, for each filling module, the user can click on the filling module to trigger the display of the component toolbar, and determine the target basic component from the multiple basic components as required, and click on the target basic component. The user's clicking operation is the above-mentioned selection operation. In response to the user's selection operation on the target basic component, the target basic component is filled into the filling module to generate the target component.

[0076] Step 402: In response to a second configuration instruction for the target basic component, configure the attribute information of the target basic component to generate the target component.

[0077] In one possible implementation, Fig.11 As shown, the development page includes the virtual page and the configuration bar. The user can click the target basic component with the mouse to trigger the configuration item of the target basic component displayed in the configuration bar. The user can set the configuration item according to the needs. After the setting is completed, the server can obtain the second configuration instruction for the target basic component through the configuration bar, and configure the attribute information of the target basic component based on the second configuration instruction to generate the target component.

[0078] In another possible implementation, the user can click on the target basic component to trigger the display of a floating configuration bar, which displays the configuration items of the target basic component. The user can set the configuration items as needed. After the setting is completed, the server can obtain a second configuration instruction for the target basic component through the floating configuration bar, and configure the attribute information of the target basic component based on the second configuration instruction to generate the target component.

[0079] The above method of displaying the target basic component in the filling module in response to the selection operation on the target basic component and configuring the attribute information of the target basic component in response to the second configuration instruction on the target basic component to generate the target component improves the flexibility of the target component.

[0080] In an exemplary embodiment, the method further includes: saving source code corresponding to the target component to the visual development platform, and displaying the target component in the development interface.

[0081] In one possible implementation, after the target component is generated, in response to a save operation on the target component, the html code file corresponding to the target component is obtained, and the js file and css file corresponding to the target basic component in each filling module are obtained and introduced into the html code file to generate a target html code file, which is the source code corresponding to the target component. The source code corresponding to the target component is saved to the visual development platform, and the target component is displayed in the development interface for user use.

[0082] The above method of saving the source code corresponding to the target component to the visual development platform and displaying the target component in the development interface can allow the user to build the target component based on the visual development platform for the user to use when the target component required by the user does not exist on the visual development platform, thereby effectively improving the usability of the visual development platform and further effectively improving the work efficiency of generating application program interfaces based on the visual development platform.

[0083] In an exemplary embodiment, Figure 5 As shown, another component generation method is provided, the method comprising the following steps:

[0084] Step 501: In response to a page layout instruction, the virtual page of the development interface is divided into a grid to obtain a grid virtual page; and the at least one first trigger operation is obtained based on the grid virtual page.

[0085] Step 502: Generate at least one filling module based on the operation track of the at least one first trigger operation; obtain a first configuration instruction for the filling module based on the grid virtual page; or obtain a first configuration instruction for the filling module based on the configuration bar of the development interface.

[0086] Step 503: Configure the filling module in the grid virtual page in response to the first configuration instruction, wherein the size of the filling module is an integer multiple of the size of the grid unit in the grid virtual page.

[0087] Step 504: In response to the selection operation on the target basic component, display the target basic component in the filling module; in response to the second configuration instruction on the target basic component, configure the attribute information of the target basic component to generate the target component.

[0088] Step 505: Save the source code corresponding to the target component to the visual development platform, and display the target component in the development interface.

[0089] It should be understood that, although the various steps in the flowcharts involved in the above-mentioned embodiments are displayed in sequence according to the indication of the arrows, these steps are not necessarily executed in sequence according to the order indicated by the arrows. Unless there is a clear explanation in this article, the execution of these steps does not have a strict order restriction, and these steps can be executed in other orders. Moreover, at least a part of the steps in the flowcharts involved in the above-mentioned embodiments can include multiple steps or multiple stages, and these steps or stages are not necessarily executed at the same time, but can be executed at different times, and the execution order of these steps or stages is not necessarily to be carried out in sequence, but can be executed in turn or alternately with other steps or at least a part of the steps or stages in other steps.

[0090] Based on the same inventive concept, the embodiment of the present application also provides a component generation device for implementing the component generation method involved above. The implementation scheme for solving the problem provided by the device is similar to the implementation scheme recorded in the above method, so the specific limitations in one or more component generation device embodiments provided below can refer to the limitations on the component generation method above, and will not be repeated here.

[0091] In an exemplary embodiment, Figure 6 As shown, a component generation device 600 is provided, comprising: an acquisition module 601, a generation module 602 and an execution module 603, wherein:

[0092] An acquisition module 601 is used to acquire at least one first trigger operation based on a development interface of a visual development platform;

[0093] A generating module 602, configured to generate at least one filling module based on the operation track of the at least one first triggering operation;

[0094] The execution module 603 is used for filling the target basic component into each of the filling modules in response to a selection operation on the target basic component to generate a target component, and the target component is used to create a display interface.

[0095] In one embodiment, the acquisition module 601 is specifically configured to divide the virtual page of the development interface into a grid in response to a page layout instruction to obtain a grid virtual page; and acquire the at least one first trigger operation based on the grid virtual page.

[0096] In one embodiment, the generation module 602 is specifically used to obtain a first configuration instruction, which includes attribute information of the filling module, and the attribute information includes at least one of size information, position information, and shape information of the filling module; in response to the first configuration instruction, the filling module is configured in the grid virtual page, wherein the size of the filling module is an integer multiple of the grid unit size in the grid virtual page.

[0097] In one embodiment, the generating module 602 is specifically configured to obtain a first configuration instruction for the filling module based on the grid virtual page; or, to obtain a first configuration instruction for the filling module based on a configuration bar of the development interface.

[0098] In one embodiment, the execution module 603 is specifically used to display the target basic component in the filling module in response to a selection operation on the target basic component; in response to a second configuration instruction on the target basic component, configure the attribute information of the target basic component to generate the target component.

[0099] In one embodiment, Figure 7 As shown, another component generation module 700 is provided. In addition to the various modules included in the component generation device 600, the component generation device 700 also includes a display module 604. The display module 604 is used to save the source code corresponding to the target component to the visual development platform and display the target component in the development interface.

[0100] Each module in the above-mentioned component generation device can be implemented in whole or in part by software, hardware and a combination thereof. Each of the above-mentioned modules can be embedded in or independent of a processor in a computer device in the form of hardware, or can be stored in a memory in a computer device in the form of software, so that the processor can call and execute the operations corresponding to each of the above modules.

[0101] In an exemplary embodiment, a computer device is provided. The computer device may be a server, and its internal structure diagram may be as shown in FIG. Figure 8As shown. The computer device includes a processor, a memory, an input / output interface (Input / Output, referred to as I / O) and a communication interface. The processor, the memory and the input / output interface are connected through a system bus, and the communication interface is connected to the system bus through the input / output interface. The processor of the computer device is used to provide computing and control capabilities. The memory of the computer device includes a non-volatile storage medium and an internal memory. The non-volatile storage medium stores an operating system, a computer program and a database. The internal memory provides an environment for the operation of the operating system and the computer program in the non-volatile storage medium. The database of the computer device is used to store data. The input / output interface of the computer device is used to exchange information between the processor and an external device. The communication interface of the computer device is used to communicate with an external terminal through a network connection. When the computer program is executed by the processor, a component generation method is implemented.

[0102] Those skilled in the art will understand that Figure 8 The structure shown in the figure is only a block diagram of a part of the structure related to the solution of the present application, and does not constitute a limitation on the computer device to which the solution of the present application is applied. The specific computer device may include more or fewer components than those shown in the figure, or combine certain components, or have a different arrangement of components.

[0103] In an exemplary embodiment, a computer device is provided, including a memory and a processor, wherein a computer program is stored in the memory, and when the processor executes the computer program, the following steps are implemented:

[0104] At least one first trigger operation is acquired based on a development interface of a visual development platform; at least one filling module is generated based on the operation track of the at least one first trigger operation; for each of the filling modules, in response to a selection operation on a target basic component, the target basic component is filled into the filling module to generate a target component, and the target component is used to create a display interface.

[0105] In one embodiment, when the processor executes the computer program, the following steps are also implemented: in response to the page layout instruction, the virtual page of the development interface is grid-divided to obtain a grid virtual page; the development interface based on the visual development platform obtains at least one first trigger operation, including: obtaining the at least one first trigger operation based on the grid virtual page.

[0106] In one embodiment, when the processor executes the computer program, the following steps are also implemented: obtaining a first configuration instruction, the first configuration instruction including attribute information of the filling module, the attribute information including at least one of size information, position information, and shape information of the filling module; in response to the first configuration instruction, configuring the filling module in the grid virtual page, wherein the size of the filling module is an integer multiple of the size of the grid unit in the grid virtual page.

[0107] In one embodiment, when the processor executes the computer program, the following steps are also implemented: obtaining a first configuration instruction for the filling module based on the grid virtual page; or obtaining a first configuration instruction for the filling module based on the configuration bar of the development interface.

[0108] In one embodiment, when the processor executes the computer program, the following steps are also implemented: in response to a selection operation for the target basic component, the target basic component is displayed in the filling module; in response to a second configuration instruction for the target basic component, the attribute information of the target basic component is configured to generate the target component.

[0109] In one embodiment, when the processor executes the computer program, the following steps are also implemented: saving the source code corresponding to the target component to the visual development platform, and displaying the target component in the development interface.

[0110] In one embodiment, a computer readable storage medium is provided, on which a computer program is stored, and when the computer program is executed by a processor, the following steps are implemented:

[0111] At least one first trigger operation is acquired based on a development interface of a visual development platform; at least one filling module is generated based on the operation track of the at least one first trigger operation; for each of the filling modules, in response to a selection operation on a target basic component, the target basic component is filled into the filling module to generate a target component, and the target component is used to create a display interface.

[0112] In one embodiment, when the computer program is executed by the processor, the following steps are also implemented: in response to the page layout instruction, the virtual page of the development interface is grid-divided to obtain a grid virtual page; the development interface based on the visual development platform obtains at least one first trigger operation, including: obtaining the at least one first trigger operation based on the grid virtual page.

[0113] In one embodiment, when the computer program is executed by a processor, the following steps are also implemented: obtaining a first configuration instruction, the first configuration instruction including attribute information of the filling module, the attribute information including at least one of size information, position information, and shape information of the filling module; in response to the first configuration instruction, configuring the filling module in the grid virtual page, wherein the size of the filling module is an integer multiple of the grid unit size in the grid virtual page.

[0114] In one embodiment, when the computer program is executed by the processor, the following steps are also implemented: obtaining a first configuration instruction for the filling module based on the grid virtual page; or obtaining a first configuration instruction for the filling module based on the configuration bar of the development interface.

[0115] In one embodiment, when the computer program is executed by a processor, the following steps are also implemented: in response to a selection operation for the target basic component, the target basic component is displayed in the filling module; in response to a second configuration instruction for the target basic component, the attribute information of the target basic component is configured to generate the target component.

[0116] In one embodiment, when the computer program is executed by the processor, the following steps are also implemented: the source code corresponding to the target component is saved to the visual development platform, and the target component is displayed in the development interface.

[0117] In one embodiment, a computer program product is provided, comprising a computer program, which, when executed by a processor, implements the following steps:

[0118] At least one first trigger operation is acquired based on a development interface of a visual development platform; at least one filling module is generated based on the operation track of the at least one first trigger operation; for each of the filling modules, in response to a selection operation on a target basic component, the target basic component is filled into the filling module to generate a target component, and the target component is used to create a display interface.

[0119] In one embodiment, when the computer program is executed by the processor, the following steps are also implemented: in response to the page layout instruction, the virtual page of the development interface is grid-divided to obtain a grid virtual page; the development interface based on the visual development platform obtains at least one first trigger operation, including: obtaining the at least one first trigger operation based on the grid virtual page.

[0120] In one embodiment, when the computer program is executed by a processor, the following steps are also implemented: obtaining a first configuration instruction, the first configuration instruction including attribute information of the filling module, the attribute information including at least one of size information, position information, and shape information of the filling module; in response to the first configuration instruction, configuring the filling module in the grid virtual page, wherein the size of the filling module is an integer multiple of the grid unit size in the grid virtual page.

[0121] In one embodiment, when the computer program is executed by the processor, the following steps are also implemented: obtaining a first configuration instruction for the filling module based on the grid virtual page; or obtaining a first configuration instruction for the filling module based on the configuration bar of the development interface.

[0122] In one embodiment, when the computer program is executed by a processor, the following steps are also implemented: in response to a selection operation for the target basic component, the target basic component is displayed in the filling module; in response to a second configuration instruction for the target basic component, the attribute information of the target basic component is configured to generate the target component.

[0123] In one embodiment, when the computer program is executed by the processor, the following steps are also implemented: the source code corresponding to the target component is saved to the visual development platform, and the target component is displayed in the development interface.

[0124] Those skilled in the art can understand that all or part of the processes in the above-mentioned embodiment methods can be completed by instructing the relevant hardware through a computer program, and the computer program can be stored in a non-volatile computer-readable storage medium. When the computer program is executed, it can include the processes of the embodiments of the above-mentioned methods. Among them, any reference to the memory, database or other medium used in the embodiments provided in the present application can include at least one of non-volatile and volatile memory. Non-volatile memory can include read-only memory (ROM), magnetic tape, floppy disk, flash memory, optical memory, high-density embedded non-volatile memory, resistive random access memory (ReRAM), magnetoresistive random access memory (MRAM), ferroelectric random access memory (FRAM), phase change memory (PCM), graphene memory, etc. Volatile memory can include random access memory (RAM) or external cache memory, etc. As an illustration and not limitation, RAM can be in various forms, such as static random access memory (SRAM) or dynamic random access memory (DRAM). The database involved in each embodiment provided in this application may include at least one of a relational database and a non-relational database. Non-relational databases may include distributed databases based on blockchains, etc., but are not limited to this. The processor involved in each embodiment provided in this application may be a general-purpose processor, a central processing unit, a graphics processor, a digital signal processor, a programmable logic device, a data processing logic device based on quantum computing, etc., but are not limited to this.

[0125] The technical features of the above embodiments may be combined arbitrarily. To make the description concise, not all possible combinations of the technical features in the above embodiments are described. However, as long as there is no contradiction in the combination of these technical features, they should be considered to be within the scope of this specification.

[0126] The above-described embodiments only express several implementation methods of the present application, and the descriptions thereof are relatively specific and detailed, but they cannot be understood as limiting the scope of the present application. It should be pointed out that, for a person of ordinary skill in the art, several variations and improvements can be made without departing from the concept of the present application, and these all belong to the protection scope of the present application. Therefore, the protection scope of the present application shall be subject to the attached claims.

Claims

1. A component generation method, characterized in that: The method comprises: In response to the page layout instruction, a virtual page of a development interface of the visual development platform is grid-divided to obtain a grid virtual page; and at least one first trigger operation is acquired based on the grid virtual page; generating at least one filling module based on the operation track of the at least one first trigger operation, wherein the size of the filling module is an integer multiple of the size of the grid unit in the grid virtual page; For each of the filling modules, in response to a selection operation on a target basic component, the target basic component is filled into the filling module to generate a target component, and the target component is used to create a display interface.

2. The method according to claim 1, characterized in that The method further comprises: Acquire a first configuration instruction, where the first configuration instruction includes attribute information of the filling module, where the attribute information includes at least one of size information, position information, and shape information of the filling module; The fill module is configured in the grid virtual page in response to the first configuration instruction.

3. The method according to claim 2, characterized in that The obtaining of the first configuration instruction includes: Acquire a first configuration instruction for the filling module based on the grid virtual page; or, A first configuration instruction for the filling module is obtained based on the configuration bar of the development interface.

4. The method according to claim 1, characterized in that: In response to a selection operation on a target basic component, filling the target basic component into the filling module to generate a target component, including: In response to a selection operation on the target basic component, displaying the target basic component in the filling module; In response to a second configuration instruction for the target basic component, the attribute information of the target basic component is configured to generate the target component.

5. The method according to claim 1, characterized in that The method further comprises: The source code corresponding to the target component is saved to the visual development platform, and the target component is displayed in the development interface.

6. The method according to claim 1, characterized in that The generating at least one filling module based on the operation track of the at least one first triggering operation includes: Determining the operation trajectory according to the starting position and the ending position of the at least one first trigger operation; The at least one filling module is generated according to the operation trajectory.

7. A component generation device, characterized in that: The device comprises: An acquisition module, configured to, in response to a page layout instruction, grid-divide a virtual page of a development interface of a visual development platform to obtain a grid virtual page; and acquire at least one first trigger operation based on the grid virtual page; A generating module, configured to generate at least one filling module based on the operation track of the at least one first triggering operation, wherein the size of the filling module is an integer multiple of the size of a grid unit in the grid virtual page; An execution module is used for filling the target basic component into each of the filling modules in response to a selection operation on the target basic component to generate a target component, wherein the target component is used to create a display interface.

8. A computer device comprising a memory and a processor, wherein the memory stores a computer program, wherein: When the processor executes the computer program, the steps of the method according to any one of claims 1 to 6 are implemented.

9. A computer-readable storage medium having a computer program stored thereon, characterized in that: When the computer program is executed by a processor, the steps of the method according to any one of claims 1 to 6 are implemented.

10. A computer program product, comprising a computer program, characterized in that When the computer program is executed by a processor, the steps of the method according to any one of claims 1 to 6 are implemented.

Images