Hello, everyone, I am Lei Gong!
Learn to create a client project with KingFusion3.6 today, and record the creation process as follows.
As the data display function module of KingFusion3.6, the client component is mainly used to display data through various display forms such as configuration configuration, rich chart elements, and animation connections, so as to realize the display function of business data.
1. Development Center
Double-click the "Development Center" icon.
2. Log in to the development center
Click the "Login" button to log in to the development center of KingFusion3.6.
3. Click on the client project configuration
After logging in, click on the client project configuration to enter the client development system.
4. Introduction to the development system
The client development system is composed of project management and authority settings, and is used to realize client project creation, editing, deletion, project release, update, debugging and other functions.
Project management: manage client project groups and projects, and realize the functions of creating, deleting, modifying and viewing project groups and projects. At the same time, it can realize the specific operations of deleting, importing, exporting, publishing, updating, debugging and setting the client project.
Permission setting: manage the roles and permissions of the client project, which can realize the creation and management of roles and operation permissions, and at the same time associate the roles with set permissions with users to realize the permission management for client projects.
5. Create a client project
Click the project management or project group name in the tree directory on the left, and then click New on the client project management interface on the right to pop up the new project interface.
New project configuration interface configuration name and description
Name: Required, leigong01;
Description: Optional, Leigong notes test record.
6. Enter the project configuration interface
After the client project is created, double-click the newly created project to enter the project configuration interface.
7. Project configuration interface
The project configuration interface is divided into two parts, the left side is the project configuration tree, and the right side is the working area of specific functions.
The functions of the project configuration tree are introduced below:
- Page management: page management is mainly to manage all the screens in the project, and supports group management at the same time. Select page management in the tree directory, and all pages under the project will be displayed in the work area. Users can use page groups to manage pages, and page groups can be established with multiple levels, or no page groups can be created. Select a page group, and the workspace only displays the pages in the group. Pages that do not belong to any group are displayed directly at the root of the page. Double-click a page to enter the page editor for that page.
- Data source management: connect various types of data sources through data source management, and the data source connection method can only be connected through the data source configuration project.
- Project variables: project variables are divided into system variables and user variables. in:
- System variables are variables that have been set in the system. These variables do not need to be defined and can be used directly. Each variable point is a separate variable object and cannot be modified.
- User variables are variables created by users themselves, and are divided into memory (non-mapping) and IO type (mapping). IO variables need to be associated with variables under KingIOServer and KingSCADA data sources.
- Security object: security object is also called operating system authority. The authority of operating system is mainly used to limit the authority of operating system to view and operate. It is completed by adding security area and priority, resource grouping, authority description and adding users to roles in the development system .
- Graphical model library: through the model-object instance of the graphical model, it helps us quickly develop pages and eliminate repetitive development work.
- Command language: The command language includes system scripts, timer scripts, data change scripts, event scripts, hotkey scripts, and custom scripts.
- System script: divided into system startup (executed immediately after the system is running), system running (uninterrupted execution according to the set cycle after the system is running), and system shutdown (executed immediately when the system is shut down).
- Timer script: After the system is running, it will be executed continuously according to the set period. Multiple timer scripts can be established here.
- Data change script: When the variable value of the variable in the data item changes, this script is triggered.
- Event script: When the conditions in the script are met, this script is triggered.
- Hotkey script: According to the set hotkey and script logic, press the hotkey to trigger the script. For example: the hotkey is set to Ctrl+1, pressing Ctrl+1 in the running system will trigger this script.
- Custom script: a function similar to JavaScript, which can be called in any event on the page, and the custom script contains input and output parameters.
- Resource management: 3D resource management is included inside, used to manage 3D resources, you can enter the 3D editor to edit 3D models, etc.
8. Create pages
and develop related interfaces according to project needs.
9. Other configurations
According to actual business needs, you can also click other options on the left menu to realize the corresponding configuration functions, and complete the creation of the client project after configuring all the required content.
Others such as new data sources, new variables, new roles, new graphics models, new command languages, and interfaces that require 3D effects can also import 3D resources.
10. Project release
After all the functions of the project are configured, close the project configuration interface, return to the client project management interface, select the project with the development configuration number, and click the release button above to realize the release of the project.
Prompt for script obfuscation? Click "Confirm".
If there is no abnormality, it will display Released.
All kinds of projects developed by KingFusion3.6 need to be released to the development operation and maintenance center first. After the operation and maintenance center is added, deployed and started, the project can run and realize the corresponding functions.
11. Project addition
Select the node in the operation and maintenance center —> click the [Add] button on the right —> click the project selection button —> select client APPs —> select the project to be added —> click the [Submit] button.
Then fill in the port of the project deployment in the port -> click the [Submit] button.
The client project just added will be displayed
12. Project deployment
Select the project to be deployed, click the Deploy button, and then click the OK button in the confirmation pop-up window.
When the deployment is in progress, the following window will appear, indicating that the operation will take a long time to execute, please wait patiently
"Deployed, not running" will be displayed when the deployment is complete.
13. Project start
Select the project to start, click the [Start] button, and then click the [OK] button.
"Deployed, running" is displayed.
14. Engineering visit
In the newly created browser tab, enter the URL: http://IP of the node where the project is located + the port of the project deployment, for example: http://127.0.0.1:5009, and you can access the client!
Click Login to access the project creation screen. You need to set the first interface in the interface management.