Visual task process management method and system

Abstract

The present invention provides a visual task process management method and system, which relates to the field of computer technology, and includes: dynamically generating a plug-in address, a window display address and a back-end processing logic code based on a plug-in that has passed client review; obtaining an uploaded plug-in address, and dynamically writing the plug-in address to the bottom of a visualization page; running the plug-in code, and displaying the plug-in module on the visualization page, so as to realize the function of the plug-in through a visual task process management client, solving the technical problems of low universality and poor scalability, and achieving the technical effect of improving the scalability and stability of the project.

Description

Technical Field

[0001] The present invention relates to the field of computer technology, and in particular to a visual task flow management method and system. Background Art

[0002] In the field of manufacturing, the management and optimization of industrial, technological, and operational task processes play a vital role in improving production efficiency and supervising production. At present, some manufacturing industries tend to use informatization to manage task processes. For example, software is developed specifically for task process management. Usually, after such products are released, their functional points are often fixed, so it is difficult to cover them in all application scenarios. In other words, the existing task process management system has the problems of low universality and poor scalability. Summary of the invention

[0003] In view of this, an object of the present invention is to provide a visual task process management method and system to alleviate the problems of low universality and poor scalability of existing task management systems.

[0004] In order to achieve the above purpose, the technical solution adopted by the embodiment of the present invention is as follows:

[0005] In the first aspect, an embodiment of the present invention provides a visual task flow management method, which is applied to a visual task flow management client, and the above-mentioned visual task flow management client is used to display a visual page. The above-mentioned method includes: based on the plug-in reviewed by the above-mentioned client, dynamically generating a plug-in address, a window display address and a back-end processing logic code; obtaining the address of the uploaded plug-in, and dynamically writing the above-mentioned plug-in address to the bottom of the visual page; running the plug-in code of the above-mentioned plug-in, and displaying the module of the above-mentioned plug-in on the above-mentioned visual page, so as to realize the function of the above-mentioned plug-in through the above-mentioned visual task flow management client.

[0006] In some possible implementations, the method further includes: implementing the overall functionality of the preconfigured flowchart and reserving a plug-in interface; and determining a corresponding external plug-in based on an interface document of the plug-in interface.

[0007] In some possible implementations, the external plug-in includes: a functional plug-in in a js library.

[0008] In some possible implementations, it also includes: using jsx syntax to develop page logic and plug-in functions, and converting the jsx format into js format.

[0009] In some possible implementations, after the step of dynamically writing the plug-in address to the bottom of the visualization page, the method further includes: handling loading exceptions.

[0010] In some possible implementations, the step of handling loading exceptions includes: determining whether there is a loading exception in the plug-in, and if so, determining the cause of the exception; if the cause of the exception is not a plug-in URL error or a network error, stopping the loading.

[0011] In the second aspect, an embodiment of the present invention provides a visual task flow management system, which is applied to a visual task flow management client, and the above-mentioned visual task flow management client is used to display a visual page. The above-mentioned system includes: a plug-in address production module, which is used to dynamically generate a plug-in address, a window display address and a back-end processing logic code based on the plug-in reviewed by the above-mentioned client; a writing module, which is used to obtain the uploaded plug-in address and dynamically write the above-mentioned plug-in address to the bottom of the visual page; a running module, which is used to run the plug-in code of the above-mentioned plug-in and display the module of the above-mentioned plug-in on the above-mentioned visual page, so as to realize the function of the above-mentioned plug-in through the above-mentioned visual task flow management client.

[0012] In some possible implementations, it also includes: an execution module for implementing the overall function of the pre-configured flowchart and reserving a plug-in interface; a determination module for determining the corresponding external plug-in based on the interface document of the above plug-in interface.

[0013] In a third aspect, an embodiment of the present invention provides an electronic device, comprising a memory and a processor, wherein the memory stores a computer program executable on the processor, and when the processor executes the computer program, the steps of any one of the methods described in the first aspect are implemented.

[0014] In a fourth aspect, an embodiment of the present invention provides a computer-readable storage medium, wherein the computer-readable storage medium stores machine-executable instructions. When the computer-executable instructions are called and executed by a processor, the computer-executable instructions cause the processor to execute any method described in the first aspect above.

[0015] The present invention provides a visual task process management method and system, the method comprising: dynamically generating a plug-in address, a window display address and a back-end processing logic code based on a plug-in that has passed client review; obtaining an uploaded plug-in address, and dynamically writing the plug-in address to the bottom of a visualization page; running the plug-in code, and displaying the plug-in module on the visualization page, so as to realize the function of the plug-in through a visual task process management client, solving the technical problems of low universality and poor extensibility, and achieving the technical effect of improving the extensibility and stability of the project. BRIEF DESCRIPTION OF THE DRAWINGS

[0016] In order to more clearly illustrate the specific implementation methods of the present invention or the technical solutions in the prior art, the drawings required for use in the specific implementation methods or the description of the prior art will be briefly introduced below. Obviously, the drawings described below are some implementation methods of the present invention. For ordinary technicians in this field, other drawings can be obtained based on these drawings without paying creative work.

[0017] Figure 1 A flowchart of a visual task flow management method provided by an embodiment of the present invention;

[0018] Figure 2 A flowchart of another visual task flow management method provided by an embodiment of the present invention;

[0019] Figure 3 A schematic diagram of the structure of a visual task process management system provided by an embodiment of the present invention;

[0020] Figure 4 A schematic diagram of the structure of an electronic device provided by an embodiment of the present invention. DETAILED DESCRIPTION

[0021] In order to make the purpose, 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 in conjunction with the drawings in the embodiments of the present invention. Obviously, the described embodiments are part of the embodiments of the present invention, not all of the embodiments. Generally, the components of the embodiments of the present invention described and shown in the drawings here can be arranged and designed in various different configurations.

[0022] Therefore, the following detailed description of the embodiments of the present invention provided in the accompanying drawings is not intended to limit the scope of the invention claimed for protection, but merely represents selected embodiments of the present invention. Based on the embodiments of the present invention, all other embodiments obtained by ordinary technicians in this field without creative work are within the scope of protection of the present invention.

[0023] It should be noted that similar reference numerals and letters represent similar items in the following drawings, so once an item is defined in one drawing, it does not need to be further defined and explained in the subsequent drawings. Some embodiments of the present invention are described in detail below in conjunction with the drawings. The following embodiments and features in the embodiments can be combined with each other without conflict.

[0024] In the field of manufacturing, the management and optimization of industrial, technological, and operational task processes play a vital role in improving production efficiency and supervising production. At present, some manufacturing industries tend to use informatization to manage task processes. For example, software is developed specifically for task process management. Usually, after such products are released, their functional points are often fixed, so it is difficult to cover them in all application scenarios. In other words, the existing task process management system has the problems of low universality and poor scalability.

[0025] Based on this, the embodiments of the present invention provide a visual task process management method and system to alleviate the problems of low universality and poor scalability of existing task management systems.

[0026] To facilitate understanding of this embodiment, a visual task flow management method disclosed in an embodiment of the present invention is first introduced in detail. The method can be applied to a visual task flow management client, which is used to display a visual page. Figure 1 The flowchart of a visual task flow management method shown in FIG. 1 is a flowchart of a visual task flow management method, which can be executed by an electronic device and mainly includes the following steps S110 to S130:

[0027] S110: Based on the plug-in that has passed the client review, dynamically generate the plug-in address, window display address and backend processing logic code;

[0028] S120: Obtain the uploaded plug-in address, and dynamically write the plug-in address to the bottom of the visualization page;

[0029] S130: Run the plug-in code of the plug-in and display the module of the plug-in on the visualization page, so as to realize the function of the plug-in through the visualization task flow management client.

[0030] The visual task flow management method provided in the embodiment of the present application opens up the task plug-in function and can meet a variety of customization requirements and application scenarios.

[0031] In one embodiment, see Figure 2 The above method also includes: S210 realizing the overall function of the pre-configured flowchart and reserving a plug-in interface; S220 determining the corresponding external plug-in based on the interface document of the plug-in interface.

[0032] As a specific example, the external plug-in may include: a functional plug-in in a js library.

[0033] In one embodiment, the visual task process management method may further include: using jsx syntax to develop page logic and plug-in functions, and converting the jsx format into the js format.

[0034] Since it is necessary to introduce externally developed plug-ins, that is, the corresponding js files, react, ant.design and various other functions need to be introduced into the page separately (not import), so that the external plug-ins can obtain all the functions of the js library introduced by the page. Use jsx syntax to develop page logic and plug-in functions, and use babel-cli and babel-preset-react-app to convert jsx to js.

[0035] In one embodiment, after the step of dynamically writing the plug-in address to the bottom of the visualization page, the method further includes: handling loading exceptions.

[0036] As a specific example, the steps of handling loading exceptions include: first determining whether there is a loading exception in the plug-in, and if so, determining the cause of the exception; if the cause of the exception is not a plug-in URL error or a network error, stopping the loading.

[0037] This embodiment provides a visual task process management method, including: based on the plug-in that has passed the client review, dynamically generating a plug-in address, a window display address and a back-end processing logic code; obtaining the uploaded plug-in address, and dynamically writing the plug-in address to the bottom of the visualization page; running the plug-in code, and displaying the plug-in module on the visualization page, so as to realize the function of the plug-in through the visual task process management client, solving the technical problems of low universality and poor scalability, and achieving the technical effect of improving the scalability and stability of the project.

[0038] As a specific example, a visual task process management method is provided, including:

[0039] (1) Canvas interaction is implemented by representing business functions as components and distributing components according to the selected business. The connection sequence and connection logic between components are limited according to the component type, and the data flow between components is opened up. The front-end component data is converted into JSON data and sent to the back-end, and the back-end runs the corresponding script task based on the JSON data. An external plug-in interface is also reserved.

[0040] (2) Use third-party developers to obtain plug-in development templates, which encapsulate some commonly used functions. Refer to the plug-in development documentation to complete your own business, start the packaging tool, and package and organize the business code.

[0041] (3) Developers upload plug-ins to the system. To ensure the security and openness of the plug-ins, administrators are required to review them to check for malicious code. After the review is passed, the plug-in ID, js address path, and back-end processing logic code are dynamically generated.

[0042] (4) The page obtains the approved plug-in through ajax, calls the js function to write the plug-in URL to the bottom of the page, loads the plug-in js code, and automatically executes the plug-in code after loading to complete the registration. Exception handling: If the plug-in URL is wrong or the plug-in cannot be loaded due to network reasons, the error and exception plug-in will be directly discarded, and the initialization and registration of other plug-ins will be completed.

[0043] The above method can meet some special application scenarios by dynamically introducing external plug-ins and combining them with basic plug-ins, without modifying the main code, reducing changes in the main code, and improving the scalability and stability of the project; and can realize dynamic modification of plug-in functions.

[0044] In addition, an embodiment of the present application further provides a visual task flow management system, which can be applied to a visual task flow management client, and the visual task flow management client is used to display a visualization page.

[0045] See also Figure 3 A structural schematic diagram shown, the system includes: a plug-in address generation module 310, which is used to dynamically generate a plug-in address, a window display address and a back-end processing logic code based on the plug-in that has passed the client review;

[0046] The writing module 320 is used to obtain the uploaded plug-in address and dynamically write the plug-in address to the bottom of the visualization page;

[0047] The running module 330 is used to run the plug-in code of the plug-in and display the module of the plug-in on the visualization page, so as to realize the function of the plug-in through the visualization task flow management client.

[0048] In one embodiment, the system may further include: an execution module for implementing the overall function of the pre-configured flowchart and reserving a plug-in interface; and a determination module for determining a corresponding external plug-in based on an interface document of the plug-in interface.

[0049] The visualization task flow management system provided in the embodiment of the present application can be specific hardware on the device or software or firmware installed on the device. The implementation principle and technical effects of the device provided in the embodiment of the present application are the same as those of the aforementioned method embodiment. For the sake of brief description, the parts not mentioned in the device embodiment can refer to the corresponding contents in the aforementioned method embodiment. Technical personnel in the relevant field can clearly understand that for the convenience and simplicity of description, the specific working processes of the systems, devices and units described above can all refer to the corresponding processes in the aforementioned method embodiment, and will not be repeated here. The visualization task flow management system provided in the embodiment of the present application has the same technical features as the visualization task flow management method provided in the above embodiment, so it can also solve the same technical problems and achieve the same technical effects.

[0050] An embodiment of the present application further provides an electronic device. Specifically, the electronic device includes a processor and a storage device. The storage device stores a computer program, and when the computer program is executed by the processor, it executes the method described in any one of the above-mentioned embodiments.

[0051] Figure 4 A structural schematic diagram of an electronic device provided in an embodiment of the present application, the electronic device 400 includes: a processor 40, a memory 41, a bus 42 and a communication interface 43, wherein the processor 40, the communication interface 43 and the memory 41 are connected via the bus 42; the processor 40 is used to execute an executable module stored in the memory 41, such as a computer program.

[0052] The memory 41 may include a high-speed random access memory (RAM), and may also include a non-volatile memory, such as at least one disk memory. The communication connection between the system network element and at least one other network element is realized through at least one communication interface 43 (which may be wired or wireless), and the Internet, wide area network, local area network, metropolitan area network, etc. may be used.

[0053] The bus 42 may be an ISA bus, a PCI bus, or an EISA bus, etc. The bus may be divided into an address bus, a data bus, a control bus, etc. For ease of representation, Figure 4 Only one bidirectional arrow is used in the diagram, but this does not mean that there is only one bus or only one type of bus.

[0054] Among them, the memory 41 is used to store programs, and the processor 40 executes the program after receiving the execution instruction. The method executed by the device for flow process definition disclosed in any embodiment of the above-mentioned embodiment of the present invention can be applied to the processor 40 or implemented by the processor 40.

[0055] The processor 40 may be an integrated circuit chip with signal processing capabilities. In the implementation process, each step of the above method can be completed by the hardware integrated logic circuit or software instructions in the processor 40. The above processor 40 can be a general-purpose processor, including a central processing unit (CPU), a network processor (NP), etc.; it can also be a digital signal processor (DSP), an application-specific integrated circuit (ASIC), a field-programmable gate array (FPGA), or other programmable logic devices, discrete gates or transistor logic devices, discrete hardware components. The methods, steps and logic block diagrams disclosed in the embodiments of the present invention can be implemented or executed. The general-purpose processor can be a microprocessor or the processor can also be any conventional processor. The steps of the method disclosed in the embodiments of the present invention can be directly embodied as a hardware decoding processor to execute, or can be executed by a combination of hardware and software modules in the decoding processor. The software module can be located in a mature storage medium in the field such as a random access memory, a flash memory, a read-only memory, a programmable read-only memory, or an electrically erasable programmable memory, a register, etc. The storage medium is located in the memory 41, and the processor 40 reads the information in the memory 41 and completes the steps of the above method in combination with its hardware.

[0056] Corresponding to the above method, an embodiment of the present application also provides a computer-readable storage medium, which stores machine-executable instructions. When the computer-executable instructions are called and executed by a processor, the computer-executable instructions prompt the processor to execute the steps of the above method.

[0057] In the embodiments provided in the present application, it should be understood that the disclosed devices and methods can be implemented in other ways. The device embodiments described above are merely schematic. For example, the division of the units is only a logical function division. There may be other division methods in actual implementation. For example, multiple units or components can be combined or integrated into another system, or some features can be ignored or not executed. Another point is that the mutual coupling or direct coupling or communication connection shown or discussed can be through some communication interfaces, and the indirect coupling or communication connection of the devices or units can be electrical, mechanical or other forms.

[0058] The units described as separate components may or may not be physically separated, and the components shown as units may or may not be physical units, that is, they may be located in one place or distributed on multiple network units. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution of this embodiment.

[0059] In addition, each functional unit in the embodiments provided in the present application may be integrated into one processing unit, or each unit may exist physically separately, or two or more units may be integrated into one unit.

[0060] If the functions are implemented in the form of software functional units and sold or used as independent products, they can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of the present invention, in essence, or the part that contributes to the prior art, or the part of the technical solution, can be embodied in the form of a software product, which is stored in a storage medium and includes several instructions for enabling a computer device (which can be a personal computer, electronic device, or network device, etc.) to perform all or part of the steps of the methods described in each embodiment of the present invention. The aforementioned storage medium includes: various media that can store program codes, such as a USB flash drive, a mobile hard disk, a read-only memory (ROM), a random access memory (RAM), a magnetic disk or an optical disk.

[0061] It should be noted that similar numbers and letters represent similar items in the accompanying drawings. Therefore, once an item is defined in one drawing, it does not need to be further defined and explained in subsequent drawings. In addition, the terms "first", "second", "third", etc. are only used to distinguish the description and cannot be understood as indicating or implying relative importance.

[0062] Finally, it should be noted that the above embodiments are only used to illustrate the technical solutions of the present invention, rather than to limit it. Although the present invention has been described in detail with reference to the aforementioned embodiments, those skilled in the art should understand that they can still modify the technical solutions described in the aforementioned embodiments, or replace some or all of the technical features therein with equivalents. However, these modifications or replacements do not cause the essence of the corresponding technical solutions to deviate from the scope of the technical solutions of the embodiments of the present invention.

Claims

1. A visual task process management method, characterized in that: Applied to a visual task flow management client, the visual task flow management client is used to display a visualization page, and the method includes: Based on the plug-in that has passed the client review, dynamically generate a plug-in address, a window display address, and a backend processing logic code; Obtain the uploaded plug-in address, and dynamically write the plug-in address to the bottom of the visualization page; Running the plug-in code of the plug-in and displaying the module of the plug-in on the visualization page so as to realize the function of the plug-in through the visualization task flow management client; Among them, the plug-ins that have passed the client review include: Implement the overall functionality of the pre-configured flowchart and reserve a plug-in interface; The corresponding external plug-in is determined based on the interface document of the plug-in interface.

2. The method according to claim 1, characterized in that The external plug-in includes: a functional plug-in in the js library.

3. The method according to claim 2, characterized in that Also includes: Use jsx syntax to develop page logic and plug-in functions, and convert jsx format to js format.

4. The method according to claim 1, characterized in that: After the step of dynamically writing the plug-in address to the bottom of the visualization page, the method further includes: handling loading exceptions.

5. The method according to claim 4, characterized in that The step of handling loading exceptions includes: determining whether the plug-in has a loading exception, and if so, determining the cause of the exception; if the cause of the exception is not a plug-in URL error or a network error, stopping the loading.

6. A visual task process management system, characterized in that: Applied to a visual task flow management client, the visual task flow management client is used to display a visualization page, and the system includes: A plug-in address generation module, used to dynamically generate a plug-in address, a window display address and a backend processing logic code based on the plug-in that has passed the client review; A writing module, used to obtain the uploaded plug-in address and dynamically write the plug-in address to the bottom of the visualization page; A running module, used for running the plug-in code of the plug-in, and displaying the module of the plug-in on the visualization page, so as to realize the function of the plug-in through the visualization task flow management client; The execution module is used to realize the overall functions of the pre-configured flowchart and reserve the plug-in interface; The determination module is used to determine the corresponding external plug-in based on the interface document of the plug-in interface.

7. An electronic device comprising a memory and a processor, wherein the memory stores a computer program that can be run on the processor, characterized in that: When the processor executes the computer program, the steps of the method according to any one of claims 1 to 5 are implemented.

8. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores machine executable instructions. When the computer-executable instructions are called and executed by a processor, the computer-executable instructions prompt the processor to execute the method according to any one of claims 1 to 5.

Images