A Visual Event Orchestration System and Orchestration Method Based on Chinese Programming

Abstract

This application relates to a visualization event orchestration system based on Chinese programming. Based on the implementation scheme of this application, Chinese programming is carried out in the visualization editing environment provided by the visualization orchestration module to orchestrate events; the Chinese programming file is converted into a TypeScript code file by using the syntax parsing tree configured by the AST conversion module; the file management module is used to manage and save the TypeScript code file. Visual programming and event orchestration can be carried out in a Chinese programming manner independently based on VIS, and structured visual components are used for orchestration in the Chinese programming manner, which provides a better experience in terms of operability, is more suitable for domestic Chinese users, and solves the problems of flexibility and operability in the front-end event logic orchestration in the low-code field.

Description

Technical Field

[0001] The present disclosure relates to the technical field, and particularly to a visual event orchestration system, an orchestration method, and a control system based on Chinese programming. Background Art

[0002] Currently, in the low-code field, in the field of event orchestration, common orchestration tools are often used for event orchestration. Event orchestration often adopts methods such as flowcharts and structure diagrams, mainly using two schemes:

[0003] The first is a visual event orchestration system based on Chinese programming, which meets the processing of complex events by adding corresponding customized components. This method has strong customization attributes and is often only applicable to specific projects, with poor reusability between projects. Sometimes, in order to increase the reusability of components, more complex logic designs are introduced, resulting in complex implementation of components and increasing the final package size of the components, bringing performance problems;

[0004] The second is to use a custom js panel to write event logic in a high-code manner using the original js language. This method has high requirements for implementers, who need to be familiar with the javascript language and the APIs provided by low-code, which is not user-friendly to implementers and cannot be generally adapted to domestic Chinese users.

[0005] Therefore, both of the above two schemes have technical defects that the event logic in the front end is not flexible enough and the operational experience is not good. Therefore, it is necessary to make improvements. Summary of the Invention

[0006] In order to solve the above problems, the present application proposes a visual event orchestration system, an orchestration method, and a control system based on Chinese programming.

[0007] On the one hand, the present application proposes a visual event orchestration system based on Chinese programming, including:

[0008] A visual orchestration module for performing Chinese programming and orchestrating events in the provided visual editing environment;

[0009] An instruction set module for providing the function set used for Chinese programming;

[0010] An AST conversion module for converting a Chinese programming file into a TypeScript code file through the configured syntax parsing tree;

[0011] A file management module for managing and saving the TypeScript code file.

[0012] As an optional implementation of the present application, optionally, the visual orchestration module includes:

[0013] Low-code page: used for users to build low-code;

[0014] Component library: used to provide the orchestration components required for building low-code. The component library is configured in the low-code page, and each of the orchestration components is configured with a defined event;

[0015] Visual orchestration component: used to provide a logical entry to the visual editing environment, introduce the low-code page into the visual editing environment, and implement visual programming.

[0016] As an optional implementation of the present application, optionally, the visual orchestration component includes at least one of the following basic components:

[0017] Formula / Expression component;

[0018] Process component;

[0019] Built-in type component;

[0020] Reference type component;

[0021] Set operation component;

[0022] Library component.

[0023] As an optional implementation of the present application, optionally, the programming language for Chinese programming in the visual orchestration module is one of the following languages:

[0024] TypeScript, JS or CSS.

[0025] On the other hand, the present application proposes an orchestration method based on the above-mentioned visual event orchestration system for Chinese programming, including the following steps:

[0026] Perform Chinese programming in the visual editing environment provided by the visual orchestration module, orchestrate events, and obtain a Chinese programming file;

[0027] Import the Chinese programming file into the AST conversion module;

[0028] Convert the Chinese programming file into a TypeScript code file through the syntax parsing tree configured in the AST conversion module;

[0029] Save the TypeScript code file to the file management module and perform file management through the file management module.

[0030] As an optional implementation of the present application, optionally, performing Chinese programming in the visual editing environment provided by the visual orchestration module, orchestrating events, and obtaining a Chinese programming file includes:

[0031] Preset arrangement rules;

[0032] In the low-code page of the visualization arrangement module, according to the arrangement rules, use the component library and instruction set module of the visualization arrangement module to perform Chinese programming and arrange events;

[0033] Send and store the Chinese programming file of the arranged event.

[0034] As an optional implementation of this application, optionally, through the syntax parsing tree configured by the AST conversion module, convert the Chinese programming file into a TypeScript code file, including:

[0035] Preset parsing rules;

[0036] Receive the Chinese programming file through the AST conversion module, and parse the Chinese programming file according to the parsing rules to obtain a programming parsing file;

[0037] Save the programming parsing file.

[0038] As an optional implementation of this application, optionally, through the syntax parsing tree configured by the AST conversion module, convert the Chinese programming file into a TypeScript code file, further including:

[0039] According to the programming parsing file, obtain the Chinese grammar semantics of the Chinese programming file;

[0040] Through the syntax parsing tree configured by the AST conversion module, convert the instruction set corresponding to the Chinese grammar semantics to obtain the TypeScript grammar of the Chinese grammar semantics;

[0041] Generate the TypeScript code file according to the TypeScript grammar of the Chinese grammar semantics.

[0042] As an optional implementation of this application, optionally, send and store the Chinese programming file of the arranged event, including:

[0043] Receive the TypeScript code file;

[0044] Save the TypeScript code file in the file management module and manage it through the file system.

[0045] On the other hand, this application also proposes a control system, including:

[0046] A processor;

[0047] A memory for storing processor-executable instructions;

[0048] Wherein, when the processor is configured to execute the executable instructions, the described orchestration method is implemented.

[0049] Technical effects of the present invention:

[0050] Based on the embodiments of the present application, the present application performs Chinese programming and orchestrates events in the visualization editing environment provided by the visualization orchestration module; uses the syntax parsing tree configured by the AST conversion module to convert the Chinese programming file into a TypeScript code file; uses the file management module to manage and save the TypeScript code file. It can perform visual programming and orchestrate events in a Chinese programming manner independently based on VIS, and uses a Chinese programming method to orchestrate with structured visual components, providing a better experience in terms of operability, being more suitable for domestic Chinese users, and solving the problems of flexibility and operability in the front-end event logic orchestration in the low-code field.

[0051] According to the following detailed description of the exemplary embodiments with reference to the accompanying drawings, other features and aspects of the present disclosure will become clear. BRIEF DESCRIPTION OF THE DRAWINGS

[0052] The drawings included in the specification and constituting a part of the specification, together with the specification, illustrate the exemplary embodiments, features, and aspects of the present disclosure and are used to explain the principles of the present disclosure.

[0053] Figure 1 Shown is a framework schematic diagram of the orchestration system of the present invention;

[0054] Figure 2 Shown is an application schematic diagram of the component library of the present invention;

[0055] Figure 3 Shown is a page schematic diagram for performing visual programming of the present invention. DETAILED DESCRIPTION OF THE EMBODIMENTS

[0056] The following will detail various exemplary embodiments, features, and aspects of the present disclosure with reference to the accompanying drawings. The same reference numerals in the drawings denote elements with the same or similar functions. Although various aspects of the embodiments are shown in the drawings, the drawings do not have to be drawn to scale unless otherwise specified.

[0057] The special term "exemplary" herein means "serving as an example, embodiment, or illustrative". Any embodiment described herein as "exemplary" does not have to be construed as superior or better than other embodiments.

[0058] In addition, for a better illustration of the present disclosure, numerous specific details are provided in the following detailed implementation manners. Those skilled in the art should understand that the present disclosure can still be implemented without certain specific details. In some instances, methods, means, elements, and circuits well-known to those skilled in the art are not described in detail to highlight the gist of the present disclosure.

[0059] In this embodiment, the following term explanations are made first:

[0060] Low-code: Developing system applications with a small amount of code;

[0061] High-code: An application development method implemented through a large number of programming languages;

[0062] Chinese programming: A compilation method through Chinese operation instructions;

[0063] VIS: Visual IOT Studio, which is a low-level framework on the instruction set operating system and a programming tool for low-code tools.

[0064] Embodiment 1

[0065] Based on VIS, this application independently uses Chinese programming for visual programming and event orchestration, and uses Chinese programming to orchestrate with structured visual components, providing a better experience in terms of operability, being more suitable for domestic Chinese users, and solving the problems of flexible orchestration and operability of front-end event logic in the low-code field.

[0066] As Figure 1 shown, on the one hand, this application proposes a visual event orchestration system based on Chinese programming, including:

[0067] 1. A visual orchestration module for performing Chinese programming and orchestrating events in the provided visual editing environment;

[0068] The visual orchestration module provides the programming pages, visual interfaces, instruction sets, and components (libraries) required for Chinese programming, for entering the page through the interface, calling the orchestration components and instruction sets in the library to build events, and performing page editing.

[0069] As Figure 1 shown, as an optional implementation manner of this application, optionally, the visual orchestration module includes:

[0070] A low-code page: used for users to build low-code; the low-code page is a page for users to build low-code and can be displayed in the visual environment configured by the visual orchestration components; the following are configured in the low-code page:

[0071] Component library: used to provide the orchestration components required for building low-code. The component library is configured in the low-code page, and each of the orchestration components is configured with a defined event;

[0072] Visual orchestration component: used to provide a logical entry to the visual editing environment, introduce the low-code page into the visual editing environment, and implement visual programming.

[0073] As Figure 2 shown, when the user builds and orchestrates events in the low-code page, the user uses the component library to drag components to build the page. Each component defines corresponding events in the property bar. For example, in the figure, the click component and the pointer component can be used to program and build programming-defined events such as the left and right key menus through the click component. When the program runs to this event, the corresponding menu will pop up.

[0074] The visual orchestration component is an entry that provides visual orchestration logic. Visual programming uses Chinese programming. When programming, the page where the visual environment is located will be introduced through the logical entry, that is, programming is performed in the visual environment. Specifically, the low-code page is introduced into the visual editing environment through a logical interface to achieve visual programming. At runtime, the low-code page will be loaded into the visual environment of the visual orchestration component through the logical interface. The visual orchestration component, in addition to providing a visual environment, also provides the basic components required for Chinese programming. The basic components can be customized according to the needs of each manufacturer, user, or industry standard, and are not limited in this embodiment.

[0075] This embodiment provides the following basic components.

[0076] As an alternative implementation of this application, optionally, the visual orchestration component includes at least one of the following basic components:

[0077] Formula / Expression component;

[0078] Process component;

[0079] Built-in type component;

[0080] Reference type component;

[0081] Set operation component;

[0082] Library component.

[0083] Among them, the logical operation types that each component can include can be:

[0084] (I) Formula / Expression component

[0085] (1) Fixed value

[0086] Number

[0087] Text

[0088] Right or wrong

[0089] Empty

[0090] Big integer

[0091] Text format descriptor

[0092] Binary protocol descriptor

[0093] Anonymous instruction set

[0094] List

[0095] Anonymous dictionary

[0096] Unit

[0097] Interval

[0098] (2) Reference

[0099] Variable reference

[0100] Component reference

[0101] Member reference

[0102] Current component reference

[0103] Parent component reference

[0104] (3) Unary operation

[0105] Mathematical operation

[0106] +(Positive)

[0107] -(Negative)

[0108] Logical operation

[0109] ﹁(Not)

[0110] Wait operation

[0111] (4) Binary operation

[0112] Mathematical operation

[0113] +(Addition)

[0114] –(Subtraction)

[0115] ×(Multiplication)

[0116] ÷(Division)

[0117] mod(Remainder)

[0118] (Exponentiation)

[0119] (5) Logical operation

[0120] ∧ (AND)

[0121] ∨ (OR)

[0122] ... (Take... if empty)

[0123] (6) Relational Operations

[0124] = (Equal to)

[0125] ≠ (Not equal to)

[0126] < (Less than)

[0127] ≤ (Less than or equal to)

[0128] > (Greater than)

[0129] ≥ (Greater than or equal to)

[0130] (7) Type Operations

[0131] ∈ (Is)

[0132] (Is not)

[0133] (Convert to)

[0134] (8) Invocation

[0135] → (Attribute Invocation)

[0136] (Dynamic Attribute Invocation)

[0137] ?→ (Optional Attribute Invocation)

[0138] () Instruction Set Invocation

[0139] Create Component Instance

[0140] (II) Process Components

[0141] (1) Judgment

[0142] If

[0143] Else If

[0144] Else

[0145] For... If

[0146] = (Equal to)...

[0147] Else

[0148] (2) Loop

[0149] Loop While

[0150] Loop until

[0151] Loop through

[0152] Loop... times

[0153] (3)Jump

[0154] Continue to the next loop

[0155] Break the loop

[0156] Return

[0157] Record

[0158] (4)Exception

[0159] Monitor errors

[0160] When an error occurs

[0161] Finally execute

[0162] Confirmation statement

[0163] (III)Built-in type components

[0164] (1)Fixed value type

[0165] Number

[0166] Text

[0167] Template

[0168] True

[0169] False

[0170] Null

[0171] Fixed list

[0172] Anonymous model

[0173] (2)Reference type components

[0174] Member type reference

[0175] Type parameter reference

[0176] (3)Set operation components

[0177] Union

[0178] Or

[0179] List type

[0180] Fill type parameter

[0181] Property list

[0182] (4)Library components

[0183] Dependency|Import

[0184] Configuration Item|Global Variable

[0185] Instruction Set|Function

[0186] Parameter

[0187] Type Parameter

[0188] Component|Class

[0189] Type Parameter

[0190] Property|Field

[0191] Dynamic Property|Accessor

[0192] Event

[0193] Function|Method

[0194] Model|Interface

[0195] Type Parameter

[0196] Property|Field

[0197] Dynamic Property|Accessor

[0198] Event

[0199] Function|Method

[0200] Dictionary|Enumeration

[0201] Dictionary Entry|Enumeration Member

[0202] Each of the above components will be configured according to specific application requirements. For example Figure 3 As shown, in a programming page, the configured arithmetic components therein call and program using the arithmetic logic of the above formula|expression components.

[0203] 2. The instruction set module is used to provide the function set for Chinese programming;

[0204] The instruction set is the set of all function sets provided for Chinese programming and is also a functional component for programming. Users can call the function set of the instruction set for programming.

[0205] The function configuration of the instruction set is not limited in this embodiment.

[0206] 3. The AST conversion module is used to convert the Chinese programming file into a TypeScript code file through the configured syntax parsing tree;

[0207] After Chinese programming, when the event arrangement is completed, the obtained Chinese programming file cannot be directly used in terms of its syntax and semantics and needs to be parsed. In this embodiment, through the syntax parsing tree configured in the AST conversion module, the instruction set is converted into a syntax of types such as TypeScript, and code of the TS type is obtained, which is convenient for the program to run in the TS runtime environment.

[0208] The specific conversion format and type will be determined according to the programming language of Chinese programming.

[0209] As an alternative implementation of this application, optionally, the programming language for Chinese programming by the visualization arrangement module is one of the following languages:

[0210] TypeScript, JS or CSS.

[0211] In this embodiment, the TS language is preferred. Specifically, the Chinese programming file will pass through the AST layer, and the AST will convert the Chinese syntax and semantics into the syntax and semantics of TS, and finally generate a TS code file, that is, Figure 1 the TypeScript files shown in

[0212] 4. The file management module is used to manage and save the TypeScript code file.

[0213] The TypeScript files are saved in the file system and managed by the file system.

[0214] When it is necessary to load and run, it can be retrieved or exported to the runtime environment through the file management module to run the TypeScript files of this Chinese programming.

[0215] Therefore, this application can perform visual programming and event arrangement in a Chinese programming manner based on VIS, and use a Chinese programming manner to arrange with structured visual components, providing a better experience in terms of operability, being more suitable for domestic Chinese users, and solving the problems of flexibility and operability in the arrangement of front-end event logic in the low-code field.

[0216] It should be noted that although the above Chinese programming framework is introduced by taking the TS language as an example of the programming language, those skilled in the art can understand that this disclosure should not be limited thereto. In fact, users can flexibly set the programming language according to the actual application scenario as long as the technical functions of this application can be realized according to the above technical methods.

[0217] Embodiment 2

[0218] Based on the implementation principle of Embodiment 1, on the other hand, this application proposes an orchestration method for a visualization event orchestration system based on Chinese programming described in Embodiment 1, including the following steps:

[0219] Perform Chinese programming in the visualization editing environment provided by the visualization orchestration module to orchestrate events and obtain a Chinese programming file;

[0220] Import the Chinese programming file into the AST conversion module;

[0221] Convert the Chinese programming file into a TypeScript code file through the syntax parsing tree configured by the AST conversion module;

[0222] Save the TypeScript code file to the file management module and perform file management through the file management module.

[0223] As an alternative implementation of this application, optionally, performing Chinese programming in the visualization editing environment provided by the visualization orchestration module to orchestrate events and obtain a Chinese programming file includes:

[0224] Preset orchestration rules;

[0225] In the low-code page of the visualization orchestration module, according to the orchestration rules, use the component library and instruction set module of the visualization orchestration module to perform Chinese programming and orchestrate events;

[0226] Send and store the Chinese programming file of the orchestrated events.

[0227] As an alternative implementation of this application, optionally, converting the Chinese programming file into a TypeScript code file through the syntax parsing tree configured by the AST conversion module includes:

[0228] Preset parsing rules;

[0229] Receive the Chinese programming file through the AST conversion module and parse the Chinese programming file according to the parsing rules to obtain a programming parsing file;

[0230] Save the programming parsing file.

[0231] As an alternative implementation of this application, optionally, converting the Chinese programming file into a TypeScript code file through the syntax parsing tree configured by the AST conversion module further includes:

[0232] According to the programming parsing file, obtain the Chinese syntax and semantics of the Chinese programming file;

[0233] Convert the instruction set corresponding to the Chinese grammar semantics through the syntax parse tree configured by the AST conversion module to obtain the TypeScript grammar of the Chinese grammar semantics;

[0234] Generate the TypeScript code file according to the TypeScript grammar of the Chinese grammar semantics.

[0235] As an optional implementation of this application, optionally, send and store the Chinese programming file of the choreographed event, including:

[0236] Receive the TypeScript code file;

[0237] Save the TypeScript code file in the file management module and manage it through the file system.

[0238] For the method of Chinese programming using the programming system in the above-mentioned Use Example 1, the functional principle described in Example 1 can be specifically referred to, and this example will not be elaborated. In the low-code building page, the user drags components using the component library to build the events and choreography of the page. After the programming file is edited, it is parsed and converted through AST to obtain the code file as the running code.

[0239] The setting of each rule, such as the choreography rule, is the rule for the user to choreograph events and is set by the user himself. The programming parsing file is to parse the program into what format or type of code file, and it is also determined according to the required parsing type / format. This example does not make any limitations.

[0240] Obviously, those skilled in the art should understand that all or part of the processes in the above-mentioned method of the embodiment can be completed by instructing related hardware through a computer program. The program can be stored in a computer-readable storage medium. When the program is executed, it can include the processes of the above-mentioned embodiments of each control method. Each module or each step of the above-mentioned invention of the present invention can be implemented by a general-purpose computing device. They can be concentrated on a single computing device or distributed on a network composed of multiple computing devices. Optionally, they can be implemented by program codes executable by the computing device. Thus, they can be stored in the storage device and executed by the computing device, or they can be separately made into individual integrated circuit modules, or multiple modules or steps among them can be made into a single integrated circuit module to implement. In this way, the present invention is not limited to any specific combination of hardware and software.

[0241] Those skilled in the art can understand that to implement all or part of the processes in the methods of the above embodiments, it can be completed by instructing relevant hardware through a computer program. The program can be stored in a computer-readable storage medium. When the program is executed, it can include the processes of the embodiments of the above control methods. Among them, the storage medium can be a magnetic disk, an optical disc, a read-only memory (ROM), a random access memory (RAM), a flash memory, a hard disk drive (HDD), or a solid-state drive (SSD), etc.; the storage medium can also include a combination of the above types of memories.

[0242] Embodiment 3

[0243] Furthermore, according to another aspect of the present disclosure, a control system is further proposed, including:

[0244] A processor;

[0245] A memory for storing executable instructions of the processor;

[0246] Wherein, the processor is configured to implement the scheduling method when executing the executable instructions.

[0247] The control system of the embodiments of the present disclosure includes a processor and a memory for storing executable instructions of the processor. Wherein, the processor is configured to implement a visual event scheduling system based on Chinese programming as described in any one of the foregoing when executing the executable instructions.

[0248] Here, it should be noted that the number of processors can be one or more. At the same time, in the control system of the embodiments of the present disclosure, an input device and an output device can also be included. Among them, the processor, the memory, the input device, and the output device can be connected through a bus or in other ways, which are not specifically limited herein.

[0249] The memory, as a computer-readable storage medium, can be used to store software programs, computer-executable programs, and various modules, such as: programs or modules corresponding to a visual event scheduling system based on Chinese programming in the embodiments of the present disclosure. The processor executes various functional applications and data processing of the control system by running the software programs or modules stored in the memory.

[0250] The input device can be used to receive input numbers or signals. Among them, the signal can be a key signal related to the user settings and function control of the device / terminal / server. The output device can include a display device such as a display screen.

[0251] The embodiments of the present disclosure have been described above. The above description is exemplary, not exhaustive, and is not limited to the disclosed embodiments. Many modifications and variations are obvious to those of ordinary skill in the art without departing from the scope and spirit of the described embodiments. The choice of terms used herein is intended to best explain the principles of the embodiments, the practical application, or the technical improvements in the technology in the market, or to enable other ordinary skill in the art to understand the embodiments disclosed herein.

Claims

1. A visual event orchestration system based on Chinese programming, characterized in that Including: A visual orchestration module for performing Chinese programming in the provided visual editing environment to orchestrate events, including: preset orchestration rules; in the low-code page of the visual orchestration module, according to the orchestration rules, using the component library and instruction set module of the visual orchestration module to perform Chinese programming and orchestrate events; sending and storing the Chinese programming file of the orchestrated events. The visual orchestration module includes: a low-code page for users to build low-code; a component library for providing the orchestration components required for building low-code, the component library is configured in the low-code page, and each orchestration component is configured with a defined event; a visual orchestration component for providing a logical entry to the visual editing environment, introducing the low-code page into the visual editing environment to achieve visual programming. An instruction set module for providing the function set used for Chinese programming. An AST conversion module for converting the Chinese programming file into a TypeScript code file through the configured syntax parsing tree, including: preset parsing rules; receiving the Chinese programming file through the AST conversion module and parsing the Chinese programming file according to the parsing rules to obtain a programming parsing file; saving the programming parsing file; obtaining the Chinese syntax and semantics of the Chinese programming file according to the programming parsing file; converting the instruction set corresponding to the Chinese syntax and semantics through the syntax parsing tree configured by the AST conversion module to obtain the TypeScript syntax of the Chinese syntax and semantics; generating the TypeScript code file according to the TypeScript syntax of the Chinese syntax and semantics. A file management module for managing and saving the TypeScript code file.

2. The visual event orchestration system based on Chinese programming according to claim 1, wherein The visual orchestration component includes at least one of the following basic components: Formula | Expression component; Process component; Built-in type component; Reference type component; Set operation component; Library component.

3. The visual event orchestration system based on Chinese programming according to claim 1, wherein The programming language for the visual orchestration module to perform Chinese programming is one of the following languages: TypeScript, JS or CSS.

4. An orchestration method for a visual event orchestration system based on Chinese programming according to any one of claims 1-3, characterized in that, Including the following steps: Performing Chinese programming in the visual editing environment provided by the visual orchestration module to orchestrate events to obtain a Chinese programming file; Importing the Chinese programming file into the AST conversion module; Converting the Chinese programming file into a TypeScript code file through the syntax parsing tree configured by the AST conversion module; Saving the TypeScript code file to the file management module and performing file management through the file management module.

5. The arrangement method according to claim 4, characterized in that Sending and storing the Chinese programming file of the orchestrated events, including: Receiving the TypeScript code file; Saving the TypeScript code file in the file management module and managing it through the file system.

6. A control system, characterized in that, Including: A processor; A memory for storing processor-executable instructions; Wherein, the processor is configured to implement the orchestration method according to any one of claims 4 to 5 when executing the executable instructions.

Images