CN115408968A - A construction method and system based on SVG virtual circuit - Google Patents

Abstract

The invention discloses a method and system for constructing a virtual circuit based on SVG, comprising the following steps: defining metadata models of components based on SVG, and generating corresponding components; defining front-end components between components based on SVG, Generate the corresponding front-end components; define the background model of the component based on SVG, and generate the corresponding background model; build a virtual circuit according to the component and the front-end component; after receiving the startup command sent by the background model, start and run the virtual circuit; According to the state data returned by the background model at runtime, the state of the front-end components is dynamically switched, and the interaction between components is controlled, thereby simulating the operation of the actual circuit; among them, when building a virtual circuit, it includes: selecting components, according to the selection The components are automatically connected and wires are generated. The invention realizes the purpose of reducing the difference in operation effect between the real circuit and the virtual circuit.

Description

A construction method and system based on SVG virtual circuit

technical field

The invention relates to the technical field of simulation, in particular to a construction method and system based on an SVG virtual circuit.

Background technique

In teaching, experiments play a very important role, which can improve students' hands-on ability and enhance students' understanding of knowledge. However, there are many deficiencies in traditional experimental components, such as huge purchase and maintenance costs, easy damage, and potential safety hazards. These aspects seriously limit the popularity of experiments and in-depth teaching of experiments. At the same time, with the development of computer and network technology, the technology of using virtual simulation to simulate chemical, physical, electrical and other experiments is becoming more and more mature. Virtual simulation experiment is an important application of virtual simulation technology in the field of education. Virtual simulation experiments refer to various experiments in simulated teaching through computers, network equipment, etc. Virtual simulation experiments can make up for the shortcomings of traditional teaching equipment and are an important means of assisting teaching in the future.

Virtual circuit is an important part of virtual simulation experiment, which is to virtualize actual experimental components and wires, so as to make up for various shortcomings of traditional experimental components and solve potential safety hazards. It can also be used to verify circuit theory Knowledge. After verifying the theoretical knowledge of the circuit, the hardware is built based on the virtual circuit, which not only increases the flexibility of the experiment, but also stimulates the students' learning interest and learning cost, expands the learning scope of the students, and deepens the students' understanding of the teaching content. understanding.

However, the virtual circuit built in the prior art cannot accurately simulate the dynamic interaction between components, which leads to a large difference in the operation effect of the virtual circuit after the real circuit is built later.

Contents of the invention

In order to overcome the deficiencies of the prior art, the present invention provides a method and system for constructing a virtual circuit based on SVG, which is used to solve the technical problem that the virtual circuit built by the prior art cannot accurately simulate the dynamic interaction between components, thereby The purpose of reducing the difference in operation effect between the real circuit and the virtual circuit is realized.

In order to solve the above problems, the technical scheme adopted in the present invention is as follows:

A construction method based on SVG virtual circuit, comprising the following steps:

Define the metadata model of components based on SVG, and generate corresponding components;

Define the front-end components between components based on SVG, and generate the corresponding front-end components;

Define the background model of components based on SVG, and generate the corresponding background model;

According to the components and the front-end components selected by the user, perform automatic wiring, generate wires, and complete the construction of the virtual circuit;

After receiving the startup command sent by the background model, start and run the virtual circuit;

The state of the front-end component is dynamically switched according to the state data returned by the background model during operation, so as to control the interaction between the components, thereby simulating the operation of the actual circuit.

As a preferred embodiment of the present invention, when defining the metadata model of components, it includes:

Define the structural information of components;

Define the visual information of components;

Define the functional part information of components;

Define the status information of components;

A component is generated according to the structure information, the visualization information, the functional part information and the status information.

As a preferred embodiment of the present invention, when performing automatic wiring and generating wires, it includes:

Get the starting point coordinates of the starting component and the end point coordinates of the ending component;

and obtain a direct vector according to the starting point coordinates of the starting component and the end point coordinates of the ending component;

obtaining the initial direction and the final direction of the orthogonal line according to the direct vector;

determining the number of inflection points according to the initial direction of the orthogonal line and the final direction of the orthogonal line, and obtaining the coordinates of the inflection points;

performing automatic wiring to generate wires according to the starting point coordinates of the starting component, the ending point coordinates of the ending component, the starting direction and the final direction of the orthogonal line, and the coordinates of the inflection point;

Wherein, the wires include orthogonal wires.

As a preferred embodiment of the present invention, when obtaining the initial direction and the final direction of the orthogonal line, it includes:

Obtaining the coordinates of the starting point of the orthogonal line and the coordinates of the end point of the orthogonal line;

obtaining the starting point direction according to the starting point coordinates of the orthogonal line and the starting point coordinates of the starting component;

obtaining an end point direction according to the end point coordinates of the orthogonal line and the end point coordinates of the end component;

Select a vector parallel to the starting point direction from the horizontal vector and the vertical vector, and judge whether it is in the same direction as the starting point direction, if so, the starting direction of the orthogonal line is in the same direction as the selected vector, if No, the starting direction of the orthogonal line is the same as another vector;

Select a vector parallel to the end point direction from the horizontal vector and the vertical vector, and judge whether it is in the same direction as the end point direction, if so, the end point direction of the orthogonal line is in the same direction as the selected vector, if not , the direction of the end point of the orthogonal line is in the same direction as another vector;

Wherein, the direct vectors include horizontal vectors and vertical vectors.

As a preferred embodiment of the present invention, when determining the quantity of inflection points and obtaining the coordinates of inflection points, it includes:

Judging whether the starting direction of the orthogonal line and the final direction of the orthogonal line are in the same direction, if so, the number of inflection points is 2, and if not, the number of inflection points is 1;

When the number of inflection points is 1, the inflection point coordinates are obtained by formula 1, and the formula 1 is specifically as follows:

G=Z+Q (Formula 1);

Among them, G is the coordinate of the inflection point, Z is the coordinate of the starting point of the orthogonal line, and Q is the starting direction vector of the orthogonal line;

When the number of inflection points is 2, the inflection point coordinates are obtained by formula 2 and formula 3, and the formula 2 and formula 3 are as follows:

G ₁ =Z+Q*0.5 (Formula 2);

G ₂ =G ₁ +F (Formula 3);

Among them, G ₂ is the coordinate of the second inflection point, G ₁ is the coordinate of the first inflection point, and F is the vector perpendicular to the starting direction of the orthogonal line among the horizontal vector and the vertical vector.

As a preferred embodiment of the present invention, when defining the background model, it includes:

Define the name of each component;

Define the interaction information between the components;

The return data is defined according to the interaction information.

As a preferred embodiment of the present invention, after completing the construction of the virtual circuit, it includes:

After the background model receives the generation command, it generates a circuit diagram and a script file according to the virtual circuit;

saving the circuit diagram and the script file into a visualization file.

As a preferred embodiment of the present invention, when running the virtual circuit, it includes:

Dynamically start the virtual circuit through circuit configuration parameters in the script file;

Dynamically switch the state of the front-end component through the circuit configuration parameters in the script file;

The running status of the front-end component and the virtual circuit is displayed through the visualization file.

As a preferred implementation of the present invention, when dynamically switching the status of the front-end components, it includes:

Traverse all script files through Vuex's monitoring tool to obtain multiple state data;

Monitor the change state of the state data through the monitoring tool of the Vuex, and reacquire the state data through the monitoring tool of the Vuex to update the state data when the state data changes are detected;

switching the state of the front-end component according to the updated state data, so as to obtain the updated state of the front-end component.

A construction system based on SVG virtual circuits, including:

The front end is used to define the metadata model of the components and the front-end components between the components, generate corresponding components and front-end components, and build a virtual circuit according to the components and the front-end components, and convert the virtual circuit to The data is transmitted to the server through the interactive protocol, and the startup command, circuit configuration parameters and status data from the server are received through the websocket link, and the virtual circuit is started and operated according to the startup command and circuit configuration parameters, and the virtual circuit is started and operated according to the status data. Dynamically switch the state of the front-end component;

The server, after receiving the data from the front-end virtual circuit, transmits it to the back-end through an interactive protocol, receives the start command from the back-end and the returned circuit configuration parameters and status data, and transmits it to the back-end through the websocket link. Describe the front end.

The backend is used to define the background model of the component, generate the corresponding background model, issue a startup command through the background model, and return circuit configuration parameters and status data to the server.

Compared with the prior art, the beneficial effects of the present invention are:

(1) The virtual circuit of the present invention is constructed based on SVG, which can realize arbitrary scaling without destroying the clarity and details of the graphics;

(2) SVG is designed based on the XML standard, and can be connected with other technologies, thereby expanding the scope of application of the present invention;

(3) SVG can describe vector graphics with elements such as rectangles, ellipses, circles, straight lines, polylines, polygons and paths, has powerful drawing capabilities, and can improve the accuracy of the simulation of the present invention;

(4) Based on the SVG, the present invention can accurately simulate the dynamic interaction between components, thereby effectively reducing the difference between the operation effect and the real circuit.

The present invention will be described in further detail below in conjunction with the accompanying drawings and specific embodiments.

Description of drawings

Fig. 1 - is the construction method step chart based on SVG virtual circuit of the embodiment of the present invention;

Fig. 2 - is the structural information definition diagram of the components and parts of the embodiment of the present invention;

Fig. 3 - is the visual representation diagram of the components and parts of the embodiment of the present invention;

Fig. 4-is the display diagram of the metadata model of the components and parts of the embodiment of the present invention on the serial port communication assistant;

Fig. 5 - is the definition diagram of the metadata model of the wire of the embodiment of the present invention;

Fig. 6-is the display diagram of the metadata model of the wire of the embodiment of the present invention on the serial port communication assistant;

Figure 7 - is a schematic diagram of the wire structure of an embodiment of the present invention;

Figure 8 - is a direct vector schematic diagram of an embodiment of the present invention;

Figure 9 - is a schematic diagram of the inflection point of the wire according to the embodiment of the present invention;

Fig. 10 - is the architecture diagram of the construction system based on the SVG virtual circuit of the embodiment of the present invention.

Explanation of reference numerals: 1. Front end; 2. Server end; 3. Back end.

Detailed ways

The construction method based on the SVG virtual circuit provided by the present invention, as shown in Figure 1, comprises the following steps:

Step S1: Define the metadata model of the component based on SVG, and generate the corresponding component;

Step S2: Define front-end components between components based on SVG, and generate corresponding front-end components;

Step S3: Define the background model of the component based on SVG, and generate the corresponding background model;

Step S4: According to the components and front-end components selected by the user, perform automatic wiring, generate wires, and complete the construction of the virtual circuit;

Step S5: After receiving the startup command sent by the background model, start and run the virtual circuit;

Step S6: Dynamically switch the state of the front-end components according to the state data returned by the background model at runtime to control the interaction between components, thereby simulating the operation of the actual circuit.

In the above step S1, when defining the metadata model of components, it includes:

Define the structural information of components;

Define the visual information of components;

Define the functional part information of components;

Define the status information of components;

Generate components based on structural information, visualization information, feature information, and status information.

Further, the structural information definition of components is in a json format, as shown in Figure 2.

Among them, the attribute explanation in Figure 2 is as follows:

component_id: component type, unique, and at the same time package the corresponding component (svg) according to the needs of the front end, and use it to display the corresponding state during the debugging process;

kindof: component category, used to distinguish components belonging to cores or peripherals, optional values "CPU" and "peripherals";

img: component cover image, that is, the image displayed in the circuit diagram construction;

name: The name of the component. Considering that the user may drag and drop multiple components for a certain component in the circuit diagram, the name attribute is preset to distinguish which component of the same category;

cname: the Chinese name of the component, which is the name displayed in the component list;

aliasName: the alias of the component displayed on the circuit diagram, which is used to facilitate the custom name;

version: component version, some components have been upgraded later, in order to be compatible with the old version in the old experiment, the version attribute is preset;

docurl: Some components need to be associated with implementation principle documents or usage documents, so the docurl attribute is preset;

Width: the width of the component, read the width of the cover image of the component by default, that is, the width of the component display in the circuit diagram construction;

height: the height of the component, the height of the cover image of the component is read by default, that is, the height of the component displayed in the circuit diagram construction;

index: The list of component pins, that is, where the component displays the pins, and it is necessary to set a unique name and connection direction (start, end) for each pin;

x: the x coordinate of the pin relative to the upper left corner of the component;

y: The y coordinate of the pin relative to the upper left corner of the component;

name: the name of the pin, the name will be displayed when the mouse moves over the pin;

direction: The direction of the pin connection (start, end).

Further, referring to the SVG standard, the basic tags used to define visual information include <line>, <rect>, <circle>, <polyline>, <polygon>, <path>, <text>, <image>, <foreignObject>; Among them, <line> means straight line, <rect> means rectangle, <circle> means circle, <polyline> means polyline, <polygon> means polygon, <path> means any curve or polyline, <text> Indicates the inserted text, and <image> indicates the inserted image.

The visualized information is represented by the structural information of the components automatically processed into the above several basic tags through json, and the representation results are shown in Figure 3.

Further, the functional parts of components include pins, display panels, etc.; when defining, for example, the TX pin of the serial port communication assistant needs to be connected to the PA10 pin of STM32, and the output content of STM32 needs to be displayed on the display panel (that is, the serial port Communication assistant component), the metadata model of components is displayed through the serial communication assistant, as shown in Figure 4.

Furthermore, during the running of the virtual simulation experiment, a certain component will switch between different states according to the returned state data. For example, a switch has two states of "on" and "off", so the state information of the component is required to define.

In the above step S1, when performing automatic wiring and generating wires, include:

Get the starting point coordinates of the starting component and the end point coordinates of the ending component;

And get the direct vector according to the starting point coordinates of the starting component and the end point coordinates of the ending component;

Obtain the initial direction and final direction of the orthogonal line according to the direct vector;

Determine the number of inflection points according to the initial direction of the orthogonal line and the final direction of the orthogonal line, and obtain the coordinates of the inflection point;

According to the starting point coordinates of the starting component, the end point coordinates of the ending component, the starting direction and the final direction of the orthogonal line and the coordinates of the inflection point, the wire is automatically connected and generated;

Wherein, the wire includes an orthogonal line, a starting point extension line, and an end point extension line, and the orthogonal line includes a starting point coordinate, an end point coordinate, a starting direction, and a final direction, as shown in FIG. 7 .

When the wire is generated, it also includes defining the metadata model of the wire, as shown in FIG. 5 .

Among them, the attribute explanation in Figure 5 is as follows:

from: starting component information, including component index and component pin index;

to: end component information, including component index and component pin index;

pointer: several inflection point coordinates of the wire;

concactArr: wire connection sequence.

The metadata model of the above wires is displayed through the serial communication assistant, as shown in Figure 6.

Further, when obtaining the initial direction and final direction of the orthogonal line, include:

Get the starting point coordinates of the orthogonal line and the end point coordinates of the orthogonal line;

Obtain the starting point direction according to the starting point coordinates of the orthogonal line and the starting point coordinates of the starting component;

Obtain the end point direction according to the end point coordinates of the orthogonal line and the end point coordinates of the end component;

Select the vector parallel to the starting point from the horizontal vector and vertical vector, and judge whether it is in the same direction as the starting point. If so, the starting direction of the orthogonal line is in the same direction as the selected vector. If not, the direction of the orthogonal line The starting direction is the same as the other vector;

Select the vector parallel to the end point direction from the horizontal vector and vertical vector, and judge whether it is in the same direction as the end point direction, if so, the end point direction of the orthogonal line is in the same direction as the selected vector, if not, the end point of the orthogonal line the direction is the same as the other vector;

Wherein, the direct vector includes a horizontal vector and a vertical vector, as shown in FIG. 8 .

Furthermore, when determining the number of inflection points and obtaining the coordinates of inflection points, include:

Determine whether the initial direction of the orthogonal line and the final direction of the orthogonal line are in the same direction, if so, the number of inflection points is 2, if not, the number of inflection points is 1, as shown in Figure 9;

When the number of inflection points is 1, the coordinates of the inflection point are obtained by formula 1, and the details of formula 1 are as follows:

G=Z+Q (Formula 1);

Among them, G is the coordinate of the inflection point, Z is the coordinate of the starting point of the orthogonal line, and Q is the starting direction vector of the orthogonal line;

When the number of inflection points is 2, the coordinates of the inflection points are obtained by formula 2 and formula 3, and the details of formula 2 and formula 3 are as follows:

G ₁ =Z+Q*0.5 (Formula 2);

G ₂ =G ₁ +F (Formula 3);

Among them, G ₂ is the coordinate of the second inflection point, G ₁ is the coordinate of the first inflection point, and F is the vector perpendicular to the starting direction of the orthogonal line among the horizontal vector and the vertical vector.

In the above step S3, when defining the background model, it includes:

Define the name of each component;

Define the interaction information between the components;

The return data is defined according to the interaction information.

In the above step S5, after completing the construction of the virtual circuit, including:

After the background model receives the generation command, it generates circuit diagrams and script files according to the virtual circuit;

Save the circuit diagram and said script file into a visualization.

In the above step S5, when running the virtual circuit, it includes:

Dynamically start the virtual circuit through the circuit configuration parameters in the script file;

Dynamically switch the state of the front-end components through the circuit configuration parameters in the script file;

Display the running status of front-end components and virtual circuits through visualization files.

Among them, the script file is the config.cfg file, and the visualization file is the view.json file.

Further, when dynamically switching the state of the front-end components, it includes:

Traverse all script files through Vuex's monitoring tool to obtain multiple state data;

Use the Vuex monitoring tool to monitor the status data change status. When the monitoring status data changes, re-acquire the status data through the Vuex monitoring tool to update the status data;

Switch the state of the front-end component according to the updated state data to obtain the updated state of the front-end component.

The construction system based on the SVG virtual circuit provided by the present invention, as shown in Figure 10, includes:

Front-end 1 is used to define the metadata model of components and front-end components between components, generate corresponding components and front-end components, and build virtual circuits based on components and front-end components, and pass the data of virtual circuits through interactive protocols Send it to the server 2, receive the startup command, circuit configuration parameters and status data from the server 2 through the websocket link, start and run the virtual circuit according to the startup command and circuit configuration parameters, and dynamically switch the status of the front-end components according to the status data;

Server 2, after receiving the virtual circuit data from front-end 1, transmits it to back-end 3 through the interactive protocol, receives the startup command from back-end 3 and the returned circuit configuration parameters and status data, and transmits it to front end1.

The backend 3 is used to define the background model of the component, generate the corresponding background model, issue a startup command through the background model, and return the circuit configuration parameters and status data to the server 2.

Compared with the prior art, the beneficial effects of the present invention are:

(1) The virtual circuit of the present invention is constructed based on SVG, which can realize arbitrary scaling without destroying the clarity and details of the graphics;

(2) SVG is designed based on the XML standard, and can be connected with other technologies, thereby expanding the scope of application of the present invention;

(3) SVG can describe vector graphics with elements such as rectangles, ellipses, circles, straight lines, polylines, polygons and paths, has powerful drawing capabilities, and can improve the accuracy of the simulation of the present invention;

(4) Based on the SVG, the present invention can accurately simulate the dynamic interaction between components, thereby effectively reducing the difference between the operation effect and the real circuit.

The above-mentioned embodiment is only a preferred embodiment of the present invention, and cannot be used to limit the protection scope of the present invention. Any insubstantial changes and substitutions made by those skilled in the art on the basis of the present invention belong to the scope of the present invention. Scope of protection claimed.

Claims (10)

1. A construction method based on SVG virtual circuit, is characterized in that, comprises the following steps: Define the metadata model of components based on SVG, and generate corresponding components; Define the front-end components between components based on SVG, and generate the corresponding front-end components; Define the background model of components based on SVG, and generate the corresponding background model; According to the components and the front-end components selected by the user, perform automatic wiring, generate wires, and complete the construction of the virtual circuit; After receiving the startup command sent by the background model, start and run the virtual circuit; The state of the front-end component is dynamically switched according to the state data returned by the background model during operation, so as to control the interaction between the components, thereby simulating the operation of the actual circuit. 2. The construction method based on SVG virtual circuit according to claim 1, characterized in that, when defining the metadata model of components, it includes: Define the structural information of components; Define the visual information of components; Define the functional part information of components; Define the status information of components; A component is generated according to the structure information, the visualization information, the functional part information and the state information. 3. the construction method based on SVG virtual circuit according to claim 1, is characterized in that, when performing automatic wiring, when generating wire, comprising: Get the starting point coordinates of the starting component and the end point coordinates of the ending component; and obtain a direct vector according to the starting point coordinates of the starting component and the end point coordinates of the ending component; obtaining the initial direction and the final direction of the orthogonal line according to the direct vector; determining the number of inflection points according to the initial direction of the orthogonal line and the final direction of the orthogonal line, and obtaining the coordinates of the inflection points; performing automatic wiring to generate wires according to the starting point coordinates of the starting component, the ending point coordinates of the ending component, the starting direction and the final direction of the orthogonal line, and the coordinates of the inflection point; Wherein, the wires include orthogonal wires. 4. the construction method based on SVG virtual circuit according to claim 3, is characterized in that, when obtaining the starting direction and final direction of described orthogonal line, comprising: Obtaining the coordinates of the starting point of the orthogonal line and the coordinates of the end point of the orthogonal line; obtaining the starting point direction according to the starting point coordinates of the orthogonal line and the starting point coordinates of the starting component; obtaining an end point direction according to the end point coordinates of the orthogonal line and the end point coordinates of the end component; Select a vector parallel to the starting point direction from the horizontal vector and the vertical vector, and judge whether it is in the same direction as the starting point direction, if so, the starting direction of the orthogonal line is in the same direction as the selected vector, if No, the starting direction of the orthogonal line is the same as another vector; Select a vector parallel to the end point direction from the horizontal vector and the vertical vector, and judge whether it is in the same direction as the end point direction, if so, the end point direction of the orthogonal line is in the same direction as the selected vector, if not , the direction of the end point of the orthogonal line is in the same direction as another vector; Wherein, the direct vectors include horizontal vectors and vertical vectors. 5. the construction method based on SVG virtual circuit according to claim 4, is characterized in that, when determining the quantity of inflection point and obtaining inflection point coordinates, comprising: Judging whether the starting direction of the orthogonal line and the final direction of the orthogonal line are in the same direction, if so, the number of inflection points is 2, and if not, the number of inflection points is 1; When the number of inflection points is 1, the inflection point coordinates are obtained by formula 1, and the formula 1 is specifically as follows: G=Z+Q (Formula 1); Among them, G is the coordinate of the inflection point, Z is the starting point coordinate of the orthogonal line, and Q is the starting direction vector of the orthogonal line; When the number of inflection points is 2, the inflection point coordinates are obtained by formula 2 and formula 3, and the formula 2 and formula 3 are as follows: G ₁ =Z+Q*0.5 (Formula 2); G ₂ =G ₁ +F (Formula 3); Among them, G ₂ is the coordinate of the second inflection point, G ₁ is the coordinate of the first inflection point, and F is the vector perpendicular to the starting direction of the orthogonal line among the horizontal vector and the vertical vector. 6. The construction method based on SVG virtual circuit according to claim 1, characterized in that, when defining the background model, it includes: Define the name of each component; Define the interaction information between the components; The return data is defined according to the interaction information. 7. The construction method based on SVG virtual circuit according to claim 1, characterized in that, after completing the construction of virtual circuit, comprising: After the background model receives the generation command, it generates a circuit diagram and a script file according to the virtual circuit; saving the circuit diagram and the script file into a visualization file. 8. The construction method based on SVG virtual circuit according to claim 7, characterized in that, when running the virtual circuit, comprising: Dynamically start the virtual circuit through circuit configuration parameters in the script file; Dynamically switch the state of the front-end component through the circuit configuration parameters in the script file; The running status of the front-end component and the virtual circuit is displayed through the visualization file. 9. The construction method based on SVG virtual circuit according to claim 7, characterized in that, when dynamically switching the state of the front-end component, comprising: Traverse all script files through Vuex's monitoring tool to obtain multiple state data; Monitor the change state of the state data through the monitoring tool of the Vuex, and reacquire the state data through the monitoring tool of the Vuex to update the state data when the state data changes are detected; switching the state of the front-end component according to the updated state data, so as to obtain the updated state of the front-end component. 10. A construction system based on SVG virtual circuit, characterized in that, comprising: The front end is used to define the metadata model of the components and the front-end components between the components, generate corresponding components and front-end components, and build a virtual circuit according to the components and the front-end components, and convert the virtual circuit to The data is transmitted to the server through the interactive protocol, and the startup command, circuit configuration parameters and status data from the server are received through the websocket link, and the virtual circuit is started and operated according to the startup command and circuit configuration parameters, and the virtual circuit is started and operated according to the status data. Dynamically switch the state of the front-end component; The server, after receiving the data from the front-end virtual circuit, transmits it to the back-end through an interactive protocol, receives the start command from the back-end and the returned circuit configuration parameters and status data, and transmits it to the back-end through the websocket link. Describe the front end. The backend is used to define the background model of the component, generate the corresponding background model, issue a startup command through the background model, and return circuit configuration parameters and status data to the server.

Images