CN115080044B - Processing method and device of combined assembly, front-end equipment and storage medium - Google Patents
Processing method and device of combined assembly, front-end equipment and storage medium Download PDFInfo
- Publication number
- CN115080044B CN115080044B CN202210860024.9A CN202210860024A CN115080044B CN 115080044 B CN115080044 B CN 115080044B CN 202210860024 A CN202210860024 A CN 202210860024A CN 115080044 B CN115080044 B CN 115080044B
- Authority
- CN
- China
- Prior art keywords
- component
- parameter
- combined
- components
- page
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000003672 processing method Methods 0.000 title claims abstract description 22
- 239000002131 composite material Substances 0.000 claims abstract description 77
- 238000000034 method Methods 0.000 claims abstract description 45
- 230000004044 response Effects 0.000 claims abstract description 13
- 238000012545 processing Methods 0.000 claims description 31
- 238000011144 upstream manufacturing Methods 0.000 claims description 12
- 238000004590 computer program Methods 0.000 claims description 3
- 238000011161 development Methods 0.000 abstract description 14
- 230000018109 developmental process Effects 0.000 description 17
- 230000011218 segmentation Effects 0.000 description 16
- 238000010586 diagram Methods 0.000 description 10
- 230000006870 function Effects 0.000 description 10
- 230000008569 process Effects 0.000 description 8
- 238000013528 artificial neural network Methods 0.000 description 5
- 230000000712 assembly Effects 0.000 description 5
- 238000000429 assembly Methods 0.000 description 5
- 238000012549 training Methods 0.000 description 5
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 239000000203 mixture Substances 0.000 description 3
- 238000004891 communication Methods 0.000 description 2
- 230000010365 information processing Effects 0.000 description 2
- 238000010606 normalization Methods 0.000 description 2
- 230000009467 reduction Effects 0.000 description 2
- 238000000638 solvent extraction Methods 0.000 description 2
- 230000002776 aggregation Effects 0.000 description 1
- 238000004220 aggregation Methods 0.000 description 1
- 238000003491 array Methods 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000011946 reduction process Methods 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 238000012800 visualization Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/36—Software reuse
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
- Stored Programmes (AREA)
Abstract
The embodiment of the invention provides a processing method and device of a combined component, front-end equipment and a storage medium, relates to the field of software development, and is applied to the front-end equipment for presenting a graphical user interface, wherein a canvas page and a parameter setting page are displayed on the graphical user interface; the method comprises the following steps: displaying a plurality of components on the canvas page, the plurality of components comprising: at least one first base component and a composite component; in response to the selection of the composite component, loading a component list of the composite component from the backend device, the component list comprising: identification information of a plurality of second base components constituting the composite component; and loading the parameter controls of the plurality of second basic components from the back-end equipment according to the identification information of the plurality of second basic components, and embedding the parameter controls into a parameter setting page to obtain a setting page of the combined component. By adopting the invention, the reusability and diversity of the combined assembly can be improved, and the cost of modular development is reduced.
Description
Technical Field
The invention relates to the field of software development, in particular to a processing method and device of a combined component, front-end equipment and a storage medium.
Background
The software development mode based on the components is a current high-heat mode, and the efficiency and the resource reuse rate of software development can be effectively improved.
Especially in the visualization modeling development, a plurality of components can be combined into one combined component, so that the rapid and repeated deployment of a user is facilitated, and the interface display is clearer.
However, once a composite component is formed, a user cannot adaptively edit individual components included in the composite component, which makes development difficult.
Disclosure of Invention
The processing method and device, the front-end equipment and the storage medium of the combined assembly provided by the embodiment of the invention can improve the reusability and diversity of the combined assembly and reduce the cost of modular development.
In a first aspect, an embodiment of the present invention provides a processing method for a combined component, which is applied to a front-end device presenting a graphical user interface, where a canvas page and a parameter setting page are displayed on the graphical user interface; the method comprises the following steps:
displaying a plurality of components on the canvas page, the plurality of components including: at least one first base component and a composite component;
in response to a selection operation for the composite component, loading a component list for the composite component from a backend device, the component list containing: identification information of a plurality of second base components constituting the composite component;
and loading the parameter controls of the plurality of second basic components from the back-end equipment according to the identification information of the plurality of second basic components, and embedding the parameter controls into the parameter setting page to obtain the setting page of the combined component.
Optionally, the method further comprises:
loading parameter visibility configuration information of the plurality of second basic components from the backend equipment according to the identification information of the plurality of second basic components;
and correspondingly displaying or hiding the parameter control corresponding to the parameter visibility configuration information in the setting interface of the combined assembly according to the parameter visibility configuration information.
Optionally, before displaying the plurality of components on the canvas page, the method further comprises:
displaying a plurality of base components in the canvas page, the base components comprising: the at least one first base component and the plurality of second base components;
responding to the selected operation input aiming at each second basic component, and displaying the parameter control of the second basic component in the parameter setting page to obtain the setting page of the second basic component;
responding to visibility setting operation input through each parameter control in a setting page of the second basic component, and generating parameter visibility configuration information of the second basic component;
storing the parameter visibility configuration information of the plurality of base components to the backend device.
Optionally, the setting page of the combination component further displays: switching the control;
and responding to the component switching operation input through the switching control, and displaying the parameter control of the target second basic component corresponding to the component switching operation in the parameter setting page so as to switch from the setting page of the combined component to the setting page of the target second basic component.
Optionally, the method further comprises:
responding to the restoration operation input through the combined component, and updating and displaying the combined component control on the canvas page into an identification frame with a preset size;
displaying the plurality of second base components in the identification box.
Optionally, before the displaying the plurality of second basic components in the identification box, the method further comprises:
and respectively adjusting the position of an upstream component and the position of a downstream component of the combined component on the canvas page so that the upstream component and the downstream component are outside the identification frame.
Optionally, the method further comprises:
and storing the combined assembly serving as an assembly template into a preset assembly warehouse according to the attribute information of the combined assembly.
In a second aspect, an embodiment of the present invention further provides a processing apparatus for a combined component, where the processing apparatus is applied to a front-end device presenting a graphical user interface, and a canvas page and a parameter setting page are displayed on the graphical user interface; the device comprises:
a display module to display a plurality of components on the canvas page, the plurality of components including: at least one first base component and a composite component;
a response module, configured to load a component list of the composite component from a backend device in response to a selection operation for the composite component, where the component list includes: identification information of a plurality of second base components constituting the composite component;
and the processing module is used for loading the parameter controls of the plurality of second basic components from the back-end equipment according to the identification information of the plurality of second basic components, and embedding the parameter controls into the parameter setting page to obtain the setting page of the combined component.
In a third aspect, an embodiment of the present invention further provides a front-end device, including: a processor, a memory and a bus, wherein the memory stores program instructions executable by the processor, the processor and the memory communicate with each other through the bus when the front-end device runs, and the processor executes the program instructions to execute the steps of the processing method of the combined component according to any one of the first aspect.
In a fourth aspect, the present invention further provides a computer-readable storage medium, where the storage medium stores a computer program, and the computer program is executed by a processor to perform the steps of the processing method for a combination component according to any one of the first aspect.
The invention provides a processing method and a processing device of a combined component, front-end equipment and a storage medium, which are applied to the front-end equipment for presenting a graphical user interface, wherein a canvas page and a parameter setting page are presented on the graphical user interface, and at least one first basic component and the combined component are displayed on the canvas page; the method comprises the steps of responding to the selection operation of a user on the combined component, loading a component list of the combined component from the back-end equipment, loading parameter controls of a plurality of second basic components from the back-end equipment according to identification information of the plurality of second basic components forming the combined component contained in the component list, embedding the parameter controls into a parameter setting page, and finally obtaining the setting page of the combined component. By the method, even if a plurality of basic assemblies are combined into the combined assembly, the parameter controls of all the basic assemblies contained in the combined assembly can be still checked, meanwhile, parameters can be modified for all the basic assemblies in the combined assembly based on the parameter controls, the editing range of the combined assembly can be expanded, the reusability and diversity of the combined assembly are improved, the processing process of the combined assembly is clear, the time of the combined assembly is shortened, a user is helped to realize personalized assembly development, and the cost of componentization development is reduced.
Drawings
In order to more clearly illustrate the technical solutions of the embodiments of the present invention, the drawings needed to be used in the embodiments will be briefly described below, it should be understood that the following drawings only illustrate some embodiments of the present invention and therefore should not be considered as limiting the scope, and for those skilled in the art, other related drawings can be obtained according to the drawings without inventive efforts.
FIG. 1 is a schematic flow chart of a method for processing a composite assembly according to the present invention;
FIG. 2 is a schematic diagram of a graphical user interface provided by the present invention;
FIG. 3 is a schematic flow chart of a control visibility processing method according to the present invention;
FIG. 4 is a flowchart illustrating another control visibility processing method according to the present invention;
FIG. 5 is a schematic diagram of a basic component visibility configuration page provided by the present invention;
FIG. 6 is a schematic diagram of component switching provided by the present invention;
FIG. 7 is a flowchart illustrating a component switching method according to the present invention;
FIG. 8 is a schematic view of a reducing interface of a composite assembly provided by the present invention;
FIG. 9 is a schematic view of a processing apparatus of a modular assembly according to the present invention;
fig. 10 is a schematic diagram of a front-end device provided in the present invention.
Icon: 1000, a display module; 2000, a response module; 3000, a processing module; 10, front-end equipment; 11, a processor; 12, a memory; 13, a bus; 101, a component warehouse; 102, a canvas page; 103, setting a parameter page; 102a, "read database" component; 102b, "normalize" component; 102c, a "data partitioning" component; 102d, a "BP neural network training" component; 102e, "model library" component; 103a, switching the control; 103b, a drop-down frame; 201a, "split mode" control; 201b, "split ratio" control; 202, "set to visible" control; 203 "set to invisible" control; 601, a combined component; 601a, restoring a control; 601b, marking a frame; 601c, retracting the control; 701, a center point of the combined assembly; 702, the center point of the frame is indicated.
Detailed Description
In order to make the objects, technical solutions and advantages of the embodiments of the present invention clearer, the technical solutions in the embodiments of the present invention will be clearly and completely described below with reference to the drawings in the embodiments of the present invention, and it is obvious that the described embodiments are some, but not all, embodiments of the present invention. The components of embodiments of the present invention generally described and illustrated in the figures herein may be arranged and designed in a wide variety of different configurations.
Thus, the following detailed description of the embodiments of the present invention, as presented in the figures, is not intended to limit the scope of the invention, as claimed, but is merely representative of selected embodiments of the invention. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present invention.
It should be noted that: like reference numbers and letters refer to like items in the following figures, and thus, once an item is defined in one figure, it need not be further defined and explained in subsequent figures.
Before explaining the present invention in detail, an application scenario of the present invention will be described.
In software engineering development, in order to simplify the development process and reduce the workload of developers, component technologies are widely applied, users can customize specific application programs through reusable components, and componentized development is an effective means for realizing software reuse and avoiding repeated labor in the development process.
In order to achieve aggregation of multiple functions, composite components are also increasingly used. A plurality of single assemblies are embedded in the combined assembly, so that the functions and the performances of the original assemblies are integrated, and the special function requirements are met. However, in the combined component, different components depend on services or data provided by other components, and there is a dependency between the different components, and if the combined component is multiplexed into different application scenarios, it is necessary to modify parameters of each component in the combined component for the different application scenarios. However, once the combination of the combined components is completed, the related art cannot directly edit or modify the parameters of a single component from the front end, which results in low multiplexing rate of the combined components.
Based on the above, the invention provides a processing method and device of a combined component, a front-end device and a storage medium, which are applied to the front-end device presenting a graphical user interface, wherein a canvas page and a parameter setting page are presented on the graphical user interface, and at least one first basic component and the combined component are displayed on the canvas page; the method comprises the steps of responding to the selection operation of a user on the combined component, loading a component list of the combined component from the back-end equipment, loading parameter controls of a plurality of second basic components from the back-end equipment according to identification information of the plurality of second basic components forming the combined component contained in the component list, embedding the parameter controls into a parameter setting page, and finally obtaining the setting page of the combined component.
The processing method of the combined component provided in the following embodiments of the present invention is executed by a front-end device capable of presenting a Graphical User Interface (GUI), where the front-end device may be a computer device providing a GUI, and the front-end device may be a computer device such as a notebook computer, a desktop computer, a server, and the like. The graphical user interface may be provided with a control for receiving a user operation, so that a user may perform an input operation in the graphical user interface, and it can be understood that specific content of the graphical user interface may be determined according to an actual application scenario, which is not specifically limited in the embodiment of the present invention.
The following is an explanation by way of various embodiments in conjunction with the accompanying drawings. Fig. 1 is a schematic flow chart of a processing method of a combined component according to the present invention. As shown in fig. 1, the method is applied to a front-end device for presenting a graphical user interface, where a canvas page and a parameter setting page are displayed on the graphical user interface, and the method includes:
s110, displaying a plurality of components on the canvas page.
Wherein, including in a plurality of subassemblies: at least one first base component and a composite component.
First, a canvas page (canvas) for building component instances, such as a canvas page built using HTML (Hyper Text Markup Language) and JavaScript (JS) frames, needs to be created. Optionally, after the front-end device receives an instruction for creating a component instance, which is input by a user through the front-end device on the graphical user interface, a canvas page for creating the component instance is created, and the size and the color of the canvas are not limited in this embodiment.
After the canvas page is created, optionally, because a large number of reusable components exist in software development, in order to facilitate reuse of developers, the components can be directly dragged from a preset component warehouse to build component instances, and the application does not limit the sources of the components contained in the preset component warehouse at all. In the embodiment, the component instance displayed on the canvas page comprises a plurality of components, wherein the plurality of components comprise at least one first basic component and a combined component, namely, the plurality of components comprise at least one first basic component which only realizes single function and at least one combined component which aggregates a plurality of functions and is composed of a plurality of basic components. Wherein, the first basic component is a basic component for realizing single function in the canvas page.
In a possible implementation manner, a user may directly drag a preset combined component from a preset component repository and place the combined component in a canvas page for creating a component instance, or may directly select a plurality of connected basic components in the canvas page, and then "create combined component" is pressed by a right mouse button to create the combined component.
S120, responding to the selection operation aiming at the combined component, and loading the component list of the combined component from the back-end equipment.
The component list contains: identification information of a plurality of second base components constituting the composite component.
In this embodiment, even if a plurality of basic components have been combined to form a combined component, if a user inputs a selection operation on any combined component in a canvas page at a front-end device, the front-end device loads a component list of the combined component from a back-end device in response to the selection operation on the combined component. Specifically, in this embodiment, the combination component in the canvas page is formed by combining a plurality of second basic components, and each second basic component has unique identification information to identify different basic component functions. When selected by the user, in one possible implementation, the component identifier of each second base component included in the selected composite component can be loaded from the backend device by way of an element selection tool in the DevTools. And the second basic component is a basic component which is formed in the canvas page and is used as the minimum unit of the combined component.
And S130, loading the parameter controls of the plurality of second basic components from the back-end equipment according to the identification information of the plurality of second basic components, and embedding the parameter controls into a parameter setting page to obtain a setting page of the combined component.
After the back end loads the component list in the composite component, the identification information of each second basic component contained in the composite component is obtained, the parameter controls of the plurality of second basic components can be loaded from the back end device according to the identification information of the plurality of second basic components contained in the component list, and the parameter controls are embedded into the parameter setting page, so that the setting page of the composite component is finally obtained. In a possible implementation manner, the original code of the setup page of each second basic component may be referred to the setup page of the composite component by means of code segment replacement or iframe (tag specifies an inline frame), so that the parameter control of the second basic component is embedded into the parameter setup page. In this embodiment, the parameter control of each second basic component includes at least one parameter setting control corresponding to the basic component. If the second basic component is a data segmentation component, the corresponding parameter controls are a segmentation mode control and a segmentation scale control.
In a possible implementation manner, after the user sets the combined component based on the obtained setting page of the combined component, the combined component may be set individually, and finally, the component instance including the combined component is saved. If the user saves the setting page of the composite component, the setting page sends a saving instruction to the setting page of each second basic component included in the composite component, for example, the saving instruction is realized through a PostMessage (cross-domain messaging) and through a preset interface, and after the setting page of each second basic component receives the saving instruction, the parameter information can be obtained from each parameter control included in the setting page of each second basic component, and the parameter information is sent to the back-end equipment for saving based on the saving instruction. At this time, the setting page of the combined component waits for the storage result of each second basic component, and if each second basic component is successfully stored, the graphical user interface presented by the front-end equipment prompts the user that the storage is successful; and if the second basic component which fails to be stored exists, the graphical user interface presented by the front-end equipment prompts the user of the storage failure and informs the user of the component which fails to be stored.
In this embodiment, even though a plurality of basic components are already combined into a combined component, parameter controls of each basic component included in the combined component can still be checked, and meanwhile, parameters of each basic component in the combined component can be modified based on the parameter controls, so that the editing range of the combined component can be expanded, the reusability and diversity of the combined component can be improved, the processing process of the combined component is clear, the time of the combined component is shortened, a user is helped to realize personalized component development, and the cost of componentization development is reduced.
In order to clearly introduce the graphical user interface in the embodiment, the present invention further provides a possible implementation manner of the graphical user interface. FIG. 2 is a schematic diagram of a graphical user interface provided by the present invention. As shown in fig. 2, the graphical user interface includes: component repository 101, canvas page 102, parameter settings page 103. In the component warehouse 101, selectable components are shown in a tree structure, different components are divided into a plurality of classes according to different functional descriptions, and if the component class is double-clicked, for example, the component class is classified, so that the components in the class can be expanded into two classes and multiple classes; in the middle is a canvas page 102 for a user to edit, and the user can select a desired component from the component repository 101 to drag into the canvas page 102 and use a mouse connection between them to represent the data flow between them. As shown in FIG. 2, included in the canvas page 102 of the present embodiment are a "read database" component 102a and a "model library" component 102e as first base components, as well as a composition component 601. When a user inputs a selection operation on the composite component 601, the front-end device loads a component list of the composite component from the back-end device, where the component list of the composite component 601 in this embodiment includes "normalization", "data segmentation", and "BP neural network training", that is, according to the identification information of the three second basic components, the parameter controls of the three basic components are loaded from the back-end device respectively and embedded into the parameter setting page 103, so as to obtain a setting page of the composite component 601. As shown in FIG. 2, the parameter controls of the "normalize" component include a "minimum" control and a "maximum" control; the parameter controls of the data segmentation comprise a segmentation mode control and a segmentation proportion control; the parameter controls of the BP neural network training component comprise an iteration number control, a batch size control, a loss function control and an optimizer control. In this embodiment, the user may set each of the parameter controls, and click the "save" control after the setting is completed, that is, the creation of the component instance is completed.
In the embodiment, the processing process of the combined component can be clearly shown through the graphical user interface presented by the front-end equipment, developers are helped to quickly develop and apply, the development time is greatly shortened, and the reusability of the combined component is improved.
On the basis of the processing method of the combined component provided by the above fig. 1, the present invention also provides a possible implementation manner of visibility processing for the control. Fig. 3 is a flowchart illustrating a control visibility processing method according to the present invention. As shown in fig. 3, the method further includes:
and S210, loading the parameter visibility configuration information of the plurality of second basic components from the back-end equipment according to the identification information of the plurality of second basic components.
In order to reduce the information processing workload of the developer and perform the processing procedure of the composite component more quickly, in this embodiment, the parameter controls of the second base components included in the composite component may be configured to be visible, for example, configured to be "visible" or "invisible". Alternatively, the user may configure the visibility of the parameter controls of any component, with the default configuration being "visible".
For each second basic component, each parameter control of each second basic component may be configured for visibility, and the front-end device may load, according to the identification information of the plurality of second basic components, parameter visibility configuration information of the plurality of second basic components from the back-end device, that is, load parameter visibility configuration information of each second basic component in the composite component, to obtain visibility configuration information of each parameter control of each second basic component.
And S220, correspondingly displaying or hiding the parameter control corresponding to the parameter visibility configuration information in the setting interface of the combined assembly according to the parameter visibility configuration information.
Based on the obtained parameter visibility configuration information of the multiple second basic components, corresponding display or hiding processing can be performed on parameter controls corresponding to the parameter visibility configuration information in a setting interface of the combined component. For example, for a "data segmentation" component, a "segmentation mode" control and a "segmentation scale" control are provided, and since the "segmentation scale" is usually used in a fixed scale without secondary modification, a user can set the parameter control to be "invisible", and set the "segmentation mode" control to be "visible", that is, parameter visibility configuration information of a second basic component, that is, "data segmentation", is obtained.
For a parameter setting page presented by front-end equipment, when a selection operation for the combined component is responded, the information of each parameter control of the contained data segmentation component does not need to be displayed, and a segmentation scale control can be hidden based on the obtained parameter visibility configuration information, namely the parameter setting page is not displayed; the "split mode" control remains displayed. Alternatively, the parameter control may be hidden by setting a property of the parameter control (e.g., setting display to done).
In this embodiment, the parameter control is displayed or hidden according to the parameter visibility configuration of the basic component included in the composite component, so that the information processing amount of developers is reduced, repeated setting of part of fixed parameters is avoided, and the processing efficiency of the composite component is improved.
On the basis of the control visibility processing method provided by the above fig. 3, the present invention also provides another possible implementation manner of control visibility processing. Fig. 4 is a flowchart illustrating another control visibility processing method provided in the present invention. As shown in fig. 4, before displaying the plurality of components on the canvas page in S110, the method further includes:
s310, displaying a plurality of basic components in the canvas page.
The base assembly includes: at least one first base component and a plurality of second base components.
In this embodiment, the first base component is a base component that implements a single function in a canvas page. The second base component is the base component in the canvas page that constitutes the smallest unit of the composite component. Before the combined component is formed, the plurality of basic components displayed in the canvas page comprise at least one first basic component which realizes a single function and is not combined into the combined component in the component instance construction, and a plurality of second basic components which are to be combined into the combined component.
And S320, responding to the selection operation input aiming at each second basic component, and displaying the parameter control of the second basic component in the parameter setting page to obtain the setting page of the second basic component.
For a plurality of second basic components to be combined into a combined component, a user can select each second basic component to configure parameter visibility, and the front-end device can respond to the selection operation input for each basic component and display the parameter control of the selected second basic component in a parameter setting page, so as to obtain a setting interface of each second basic component.
And S330, responding to the visibility setting operation input through each parameter control in the setting page of the second basic component, and generating parameter visibility configuration information of the second basic component.
In this embodiment, for each parameter control in the device page of the second basic component, the user may configure the visibility of each parameter control, and the front-end device may respond to the visibility setting operation input through each parameter control in the setting page of the second basic component, so as to generate parameter visibility configuration information of the second basic component, that is, obtain the visibility configuration information of each parameter control included in the selected second basic component.
And S340, storing the parameter visibility configuration information of the plurality of basic components to the back-end equipment.
After the front-end device generates the visibility configuration information of the plurality of second basic components, the front-end device may send the generated parameter visibility configuration information of the plurality of basic components to the back-end device for storage, so that the parameter visibility configuration information of the plurality of second basic components may be loaded from the back-end device subsequently according to the identification information of the second basic components included in the generated combined component.
In the embodiment, the basic components are configured in a visibility manner before the components are combined, so that the efficiency of processing the combined components is improved, and the development time is saved.
In order to clearly illustrate the visibility configuration process of the basic component, the invention also provides a possible implementation mode of the visibility configuration of the basic component. FIG. 5 is a diagram of a basic component visibility configuration page provided by the present invention. As shown in fig. 5, the visibility configuration page of the base component includes: the "division manner" control 201a, the "division ratio" control 201b, the "visible" control 202, and the "invisible" control 203. In a possible implementation manner, because 70% of parameters of the 'division ratio' control 201b are classical common ratio numbers and do not need to be modified frequently, the control 201b can be clicked first, and then the control 203 can be clicked, so that invisible configuration of the control 201b is completed; similarly, the control 201a may be clicked first, and then the control 202 may be clicked, so that the visible configuration of the control 201a is completed, and finally, the parameter visibility configuration information of the "data partitioning" component is obtained.
On the basis of the processing method of the combined component provided by fig. 1, the present invention also provides a possible implementation manner of component switching. Optionally, the setting page of the combined component further displays: switching the control;
s410, responding to the component switching operation input through the switching control, displaying the parameter control of the target second basic component corresponding to the component switching operation in the parameter setting page, and switching from the setting page of the combined component to the setting page of the target second basic component.
In this embodiment, since the setting interface of the composite component includes the parameter controls of the plurality of second basic components, but the parameter controls of the plurality of second basic components may be selectively presented, for example, there may be a case where some of the parameter controls are hidden, and if a user needs to set the hidden parameter controls, the current setting page of the composite component may be switched to the setting page of the selected target second basic component through the switching control in the setting page of the composite component.
In order to more clearly illustrate the process of component switching, the invention also provides a possible implementation mode of component switching. Fig. 6 is a schematic diagram of component switching according to the present invention. As shown in fig. 6, the schematic diagram of the switching of the components includes: switching the control 103a, and pulling down the frame 103b; when a user desires to set or display all parameter controls of any second basic component in the composite component, the switching control 103a may be clicked, so that any second basic component is selected as a target second basic component in a drop-down box 103b generated after clicking, and a setting page of a current composite component is switched to a setting page of the target second basic component.
In this embodiment, the setting page of the basic component included in the composite component can be called out according to the switching component, so that even if multiple basic components are combined into the composite component, the original setting page of the basic component can be switched back, so that the composite component is more freely personalized in the processing process, and the reuse rate of the composite component is improved.
On the basis of the processing method of the combined assembly provided by the figure 1, the invention also provides a possible implementation mode of assembly restoration. Fig. 7 is a flowchart illustrating a component switching method according to the present invention. As shown in fig. 7, the method further comprises:
s510, responding to the restoration operation input through the combined component, and updating and displaying the combined component control on the canvas page into an identification box with a preset size.
When a user needs to check the information of each basic component contained in the combined component, the user can input the restoration operation of the combined component, and then the front-end device can respond to the restoration operation input through the combined component to update the combined component control on the canvas page into a marking frame with a preset size, namely, the original combined component control is converted into a marking frame with a preset size, and the size of the marking frame needs to meet the arrangement of each second basic component. In this embodiment, the size, the style and the shape of the label frame are not particularly limited.
S520, displaying a plurality of second basic components in the identification frame.
After the indication frame is generated, a plurality of second basic components can be displayed in the indication frame. Specifically, the plurality of second basic components are connected pairwise to form a combined component.
Optionally, in S520, before displaying the plurality of second basic components in the identification box, the method further includes:
s610, respectively adjusting the positions of the upstream component and the downstream component of the combined component on the canvas page so that the upstream component and the downstream component are outside the identification box.
Because the combined assembly occupies a small position in the canvas page and the marking frame obtained after restoration occupies a large position in the canvas page, the position of the upstream assembly of the combined assembly on the canvas page needs to be integrally moved by a certain size for picture balance, so that the frame of the upstream assembly of the combined assembly is moved out of the marking frame; the position of the downstream component of the composite component on the canvas page needs to be wholly moved down by a certain size, so that the frame of the downstream component of the composite component is moved out of the marking frame.
In order to clearly illustrate the reduction process of the combined assembly, the invention also provides a possible implementation mode of the reduction interface of the combined assembly. FIG. 8 is a schematic view of a reducing interface of a composite assembly according to the present invention. As shown in fig. 8, the reduction interface of the combined valency includes: restoring a control 601a, marking a frame 601b, combining the component 601, normalizing the component 102b, dividing the data component 102c, training the BP neural network component 102d, retracting the control 601c, combining the center point 701 of the component, and marking the center point 702 of the frame.
As shown in fig. 8, the "normalization" component 102b, the "data segmentation" component 102c, and the "BP neural network training" 102d are combined into one combination component 601. In order to facilitate the user to restore, the back end saves the relative positions of the components when merging, and after merging, a restore control 601a (for example, a plus sign) is displayed above the composite component 601 for restoring the composite component 601. After the user clicks the restore control 601a, or clicks the restore in the menu popped up by the right button of the composite component 601, the composite component 601 will be restored. The labeled box 601b and the various base components contained therein are schematic representations of the composite component 601 after restoration. The shape of the composite component 601 after restoration becomes the mark frame 601b, and the restoration control 601a becomes the retraction control 601c (for example, a minus sign) for retracting the restored composite component.
Optionally, the method for determining the position and size of the mark box 601b includes: since the horizontal positions of the center point 701 before the restoration of the composite assembly and the center point 702 of the indication frame are the same, the indication frame 601b is a rectangular frame obtained by enlarging the center point 702 of the indication frame to the periphery by a certain proportion or by a fixed size. Meanwhile, since the area occupied by the combined component 601 is increased after restoration, the positions of the components on the periphery need to be changed. The other components located upstream of the composite component 601 need to be moved upward as a whole until the frame thereof moves out of the indication frame 601 b; the other components downstream from composite component 601 are moved down in their entirety until their borders move outside of the indicated box 601 b.
In this embodiment, the merged composite component is restored, so that the information of each basic component contained in the composite component is displayed, and developers are helped to develop applications quickly.
On the basis of any of the above embodiments, the method further comprises:
and S710, storing the combined assembly serving as an assembly template into a preset assembly warehouse according to the attribute information of the combined assembly.
After the combined component is processed in the canvas page, the combined component may be saved according to attribute information of the combined component, such as a name of the combined component, identification information of each included second base component, port information of each included second base component connected with the upstream and downstream, a relative position of each included second base component, a parameter control of each included second base component, and a parameter visibility configuration of each included second base component, so that the combined component may be stored as a component module in a preset component repository, and a user may subsequently directly call the combined component from the component repository to construct a component instance.
In this embodiment, the assembly warehouse can be enriched by using the combined assembly as an assembly template to be stored in a preset assembly warehouse, and the reuse rate of the assembly is increased.
Fig. 9 is a schematic diagram of a processing apparatus of a combined component provided in the present invention, as shown in fig. 9, the processing apparatus of the combined component is applied to a front-end device presenting a graphical user interface, where a canvas page and a parameter setting page are displayed on the graphical user interface, and the processing apparatus includes:
a display module 1000 for displaying a plurality of components on a canvas page, the plurality of components comprising: at least one first base component and a composite component;
a response module 2000, configured to respond to the selection operation for the composite component, load a component list of the composite component from the backend device, where the component list includes: identification information of a plurality of second base components constituting the composite component;
the processing module 3000 is configured to load the parameter controls of the multiple second basic components from the backend device according to the identification information of the multiple second basic components, and embed the parameter controls into a parameter setting page to obtain a setting page of the composite component.
Optionally, the processing module 3000 is further specifically configured to load parameter visibility configuration information of the plurality of second basic components from the backend device according to the identification information of the plurality of second basic components; and correspondingly displaying or hiding the parameter control corresponding to the parameter visibility configuration information in the setting interface of the combined assembly according to the parameter visibility configuration information.
Optionally, the display module 1000 is specifically further configured to display a plurality of basic components in the canvas page, where the basic components include: at least one first base component and a plurality of second base components;
optionally, the response module 2000 is further specifically configured to respond to the selection operation input for each second basic component, and display a parameter control of the second basic component in a parameter setting page, so as to obtain a setting page of the second basic component; responding to visibility setting operation input through each parameter control in a setting page of the second basic component, and generating parameter visibility configuration information of the second basic component;
optionally, the processing module 3000 is further specifically configured to store parameter visibility configuration information of a plurality of basic components to the backend device.
Optionally, the setting page of the combined component further displays: switching the control;
optionally, the response module 2000 is further specifically configured to respond to a component switching operation input through the switching control, and display a parameter control of a target second basic component corresponding to the component switching operation in a parameter setting page, so as to switch from the setting page of the composite component to the setting page of the target second basic component.
Optionally, the response module 2000 is further configured to respond to a restore operation input through a composition component, and update and display a composition component control on the canvas page to an identification box with a preset size;
optionally, the display module 1000 is further specifically configured to display a plurality of second basic components in the identification frame.
Optionally, the display module 1000 is further specifically configured to adjust a position of an upstream component and a position of a downstream component of the combined component on the canvas page, respectively, so that the upstream component and the downstream component are outside the identification box.
Optionally, the processing module 3000 is further specifically configured to store the combined component as a component template in a preset component warehouse according to the attribute information of the combined component.
These above modules may be one or more integrated circuits configured to implement the above methods, such as: one or more Application Specific Integrated Circuits (ASICs), or one or more Digital Signal Processors (DSPs), or one or more Field Programmable Gate Arrays (FPGAs), etc. For another example, when one of the above modules is implemented in the form of a Processing element scheduler code, the Processing element may be a general-purpose processor, such as a Central Processing Unit (CPU) or other processor capable of calling program code. For another example, the modules may be integrated together and implemented in the form of a System-on-a-Chip (SOC).
Fig. 10 is a schematic diagram of a front-end device provided in the present invention. As shown in fig. 10, the front-end apparatus 10 includes: a processor 11, a memory 12 and a bus 13, wherein the memory 12 stores program instructions executable by the processor 11, when the front-end device 10 is running, the processor 11 communicates with the memory 12 via the bus 13, and the processor 11 executes the program instructions to execute the above-mentioned method embodiments.
Optionally, the invention also provides a program product, for example a computer-readable storage medium, comprising a program which, when being executed by a processor, is adapted to carry out the above-mentioned method embodiments.
In the several embodiments provided in the present invention, it should be understood that the disclosed apparatus and method may be implemented in other manners. For example, the above-described apparatus embodiments are merely illustrative, and for example, the division of the units is only one logical division, and other divisions may be realized in practice, for example, a plurality of units or components may be combined or integrated into another system, or some features may be omitted, or not executed. In addition, the shown or discussed mutual coupling or direct coupling or communication connection may be an indirect coupling or communication connection through some interfaces, devices or units, and may be in an electrical, mechanical or other form.
The units described as separate parts may or may not be physically separate, and parts displayed as units may or may not be physical units, may be located in one position, or may be distributed on multiple network units. Some or all of the units can be selected according to actual needs to achieve the purpose of the solution of the embodiment.
In addition, functional units in the embodiments of the present invention may be integrated into one processing unit, or each unit may exist alone physically, or two or more units are integrated into one unit. The integrated unit can be realized in a form of hardware, or in a form of hardware plus a software functional unit.
The integrated unit implemented in the form of a software functional unit may be stored in a computer readable storage medium. The software functional unit is stored in a storage medium and includes several instructions to enable a computer device (which may be a personal computer, a server, or a network device) or a Processor (Processor) to execute some steps of the methods according to the embodiments of the present invention. And the aforementioned storage medium includes: a U-disk, a portable hard disk, a Read-Only Memory (ROM), a Random Access Memory (RAM), a magnetic disk or an optical disk, and other media capable of storing program codes.
The above description is only for the specific embodiment of the present invention, but the scope of the present invention is not limited thereto, and any changes or substitutions that can be easily conceived by those skilled in the art within the technical scope of the present invention are included in the scope of the present invention. Therefore, the protection scope of the present invention shall be subject to the protection scope of the claims.
Claims (10)
1. The processing method of the combined component is characterized by being applied to front-end equipment presenting a graphical user interface, wherein a canvas page and a parameter setting page are displayed on the graphical user interface; the method comprises the following steps:
displaying a plurality of components on the canvas page, the plurality of components including: at least one first base component and a composite component;
in response to a selected operation on the composite component, loading a component list of the composite component from a backend device, the component list containing: identification information of a plurality of second base components constituting the composite component;
and loading the parameter controls of the plurality of second basic components from the back-end equipment according to the identification information of the plurality of second basic components, and embedding the parameter controls into the parameter setting page to obtain the setting page of the combined component, so that a user can modify the parameters of the plurality of second basic components contained in the combined component based on the plurality of parameter controls in the setting page.
2. The method of claim 1, further comprising:
loading parameter visibility configuration information of the plurality of second basic components from the backend equipment according to the identification information of the plurality of second basic components;
and correspondingly displaying or hiding a parameter control corresponding to the parameter visibility configuration information in a setting interface of the combined assembly according to the parameter visibility configuration information.
3. The method of claim 2, wherein prior to displaying the plurality of components on the canvas page, the method further comprises:
displaying a plurality of base components in the canvas page, the base components comprising: the at least one first base component and the plurality of second base components;
responding to the selected operation input aiming at each second basic component, and displaying the parameter control of the second basic component in the parameter setting page to obtain the setting page of the second basic component;
responding to visibility setting operation input through each parameter control in a setting page of the second basic component, and generating parameter visibility configuration information of the second basic component;
storing parameter visibility configuration information for the plurality of base components to the backend device.
4. The method of claim 1, wherein the setup page of the composite component further displays: switching the control;
and responding to the component switching operation input through the switching control, and displaying the parameter control of the target second basic component corresponding to the component switching operation in the parameter setting page so as to switch from the setting page of the combined component to the setting page of the target second basic component.
5. The method of claim 1, further comprising:
responding to the restoration operation input through the combined component, and updating and displaying the combined component control on the canvas page into an identification frame with a preset size;
displaying the plurality of second base components in the identification box.
6. The method of claim 5, wherein prior to displaying the plurality of second base components in the identification box, the method further comprises:
and respectively adjusting the position of an upstream component and the position of a downstream component of the combined component on the canvas page so that the upstream component and the downstream component are outside the identification frame.
7. The method according to any one of claims 1-6, further comprising:
and storing the combined assembly serving as an assembly template into a preset assembly warehouse according to the attribute information of the combined assembly.
8. The processing device of the combined component is applied to front-end equipment for presenting a graphical user interface, wherein a canvas page and a parameter setting page are displayed on the graphical user interface; the device comprises:
a display module to display a plurality of components on the canvas page, the plurality of components including: at least one first base component and a composite component;
a response module, configured to load a component list of the composite component from a backend device in response to a selection operation for the composite component, where the component list includes: identification information of a plurality of second base components constituting the composite component;
and the processing module is used for loading the parameter controls of the plurality of second basic components from the back-end equipment according to the identification information of the plurality of second basic components, embedding the parameter controls into the parameter setting page to obtain the setting page of the combined component, and enabling a user to modify the parameters of the plurality of second basic components contained in the combined component based on the plurality of parameter controls in the setting page.
9. A front-end device, comprising: a processor, a memory and a bus, the memory storing program instructions executable by the processor, the processor and the memory communicating via the bus when the front end device is running, the processor executing the program instructions to perform the steps of the processing method of the composite assembly according to any one of claims 1 to 7.
10. A computer-readable storage medium, characterized in that the storage medium has stored thereon a computer program which, when being executed by a processor, carries out the steps of the method of processing a composite component according to one of claims 1 to 7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210860024.9A CN115080044B (en) | 2022-07-22 | 2022-07-22 | Processing method and device of combined assembly, front-end equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210860024.9A CN115080044B (en) | 2022-07-22 | 2022-07-22 | Processing method and device of combined assembly, front-end equipment and storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN115080044A CN115080044A (en) | 2022-09-20 |
| CN115080044B true CN115080044B (en) | 2022-11-11 |
Family
ID=83242507
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202210860024.9A Active CN115080044B (en) | 2022-07-22 | 2022-07-22 | Processing method and device of combined assembly, front-end equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN115080044B (en) |
Family Cites Families (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7379769B2 (en) * | 2003-09-30 | 2008-05-27 | Sunnybrook Health Sciences Center | Hybrid imaging method to monitor medical device delivery and patient support for use in the method |
| JP2007526796A (en) * | 2003-12-15 | 2007-09-20 | アレックザ ファーマシューティカルズ， インコーポレイテッド | Treatment of breakthrough pain by drug aerosol inhalation |
| CN1640687A (en) * | 2004-01-08 | 2005-07-20 | 陈金元 | Combined box drawing device and method |
| US9575639B2 (en) * | 2014-02-27 | 2017-02-21 | Ab Initio Technology Llc | Compound controls |
| US10467320B2 (en) * | 2014-08-05 | 2019-11-05 | Polycom, Inc. | Method for providing seamless graphical user interface control for a complex system consisting of distributed hardware modules |
| CN105893022A (en) * | 2015-12-28 | 2016-08-24 | 乐视致新电子科技（天津）有限公司 | Production method and system of combined user interface control, and control method and system of combined user interface control |
| CN108228287B (en) * | 2016-12-15 | 2021-05-25 | 龙芯中科技术股份有限公司 | QT-based user interface control generation method and device |
| CN110673848B (en) * | 2019-09-30 | 2022-12-02 | 厦门荆艺软件有限公司 | Enterprise information management system configuration device based on JavaWeb |
| CN111667546B (en) * | 2020-06-08 | 2023-07-18 | 浙江中控技术股份有限公司 | Drawing method and device of trend picture, electronic equipment and storage medium |
| CN111708971A (en) * | 2020-06-22 | 2020-09-25 | 平安养老保险股份有限公司 | Page configuration method and device, computer equipment and storage medium |
-
2022
- 2022-07-22 CN CN202210860024.9A patent/CN115080044B/en active Active
Also Published As
| Publication number | Publication date |
|---|---|
| CN115080044A (en) | 2022-09-20 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10726195B2 (en) | Filtered stylesheets | |
| CN109284103A (en) | A kind of Web application and development and update method based on control development mode | |
| US10459696B2 (en) | Composable action flows | |
| US11625243B2 (en) | Micro-application creation and execution | |
| US20130080879A1 (en) | Methods and apparatus providing document elements formatting | |
| CN112215960A (en) | Scene construction method, scene rendering method, device and computing equipment | |
| CN112241265A (en) | Visual page processing method and equipment | |
| CN113515275A (en) | WYSIWYG cloud industrial configuration software system and development method thereof | |
| CN115080044B (en) | Processing method and device of combined assembly, front-end equipment and storage medium | |
| CN115562652B (en) | Component style processing method and system for low-code development platform | |
| CN112015410A (en) | Webpage editing method, device and system and computer storage medium | |
| CN116909553A (en) | Page online development and local compiling operation system | |
| CN114281310A (en) | Page frame setting method, device, equipment, storage medium and program product | |
| CN114237593A (en) | Front-end page generation method, computer device and storage medium | |
| CN113806596B (en) | Operation data management method and related device | |
| CN111124386A (en) | Unity-based animation event processing method, device, equipment and storage medium | |
| CN112579144A (en) | Data processing method and device | |
| JP2001273125A (en) | Method and system for automatically generating source program, and program recording medium therefor | |
| CN113918152B (en) | Low-code application development method and equipment in page building process | |
| CN113722341B (en) | Operation data processing method and related device | |
| CN115826974A (en) | Pluggable chart expansion method and device | |
| CN113918194A (en) | Page component display method and device, electronic equipment and storage medium | |
| CN117348870A (en) | Page customization method and device, medium and electronic equipment | |
| CN112685015A (en) | Low-code quick digital development system for new retail | |
| CN115422221A (en) | Query construction method, query construction device, equipment and medium for webpage table |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant | ||
| CP03 | Change of name, title or address | ||
| CP03 | Change of name, title or address |
Address after: 310053 No. 309 Liuhe Road, Binjiang District, Hangzhou City, Zhejiang Province Patentee after: Zhongkong Technology Co.,Ltd. Country or region after: China Address before: 309 Liuhe Road, Binjiang District, Hangzhou, Zhejiang 310000 Patentee before: ZHEJIANG SUPCON TECHNOLOGY Co.,Ltd. Country or region before: China |