Form development method, system, equipment and medium

Abstract

The invention relates to the technical field of system development, and provides a form development method, system and device and a medium, the method comprises the following steps: creating a form by using components of a form component library, and storing the created form in a database; configuring a business process, binding the form with the business process, and creating an association relationship between the form component and a process variable in the business process; and deploying the configured form to a server to realize the development of the form. According to the invention, the development efficiency of the form can be improved, and seamless integration of the form and the business process is realized.

Description

TECHNICAL FIELD

[0001] The present disclosure belongs to the technical field of system development, and particularly relates to a form development method, system, device and medium. BACKGROUND

[0002] In a business process management system, forms serve as an important interface for users to interact with business processes. The design and development efficiency of forms directly affects the implementation cycle and user experience of the entire system.

[0003] Traditional form development methods require developers to write a large amount of code, which is not only time-consuming and labor-intensive, but also difficult to adapt to rapidly changing business requirements. In recent years, with the rise of low-code development platforms, form development methods have gradually developed towards greater convenience and efficiency. However, existing low-code form construction technologies still have problems such as insufficient integration with business process management systems, insufficient flexibility in form design, and the need for developers to write a large amount of code to implement complex business logic, resulting in low development efficiency.

[0004] Existing technologies usually provide a visual form design environment that allows users to quickly build form pages through drag-and-drop methods. However, these technologies often lack close integration with business process management systems, resulting in a gap between forms and business processes. SUMMARY

[0005] To solve the above problems, the present disclosure provides a form development method, system, device and medium, which creates and stores forms using components of a form component library, binds the created forms with created business processes, and generates code for deployment for the created forms and business processes, implements the online and running of forms, and can improve the development efficiency of forms and realize the seamless integration of forms and business processes.

[0006] The technical content of the present disclosure is as follows: A form development method, characterized in that it comprises: creating a form using components of a form component library, and storing the created form in a database; configuring a business process, binding the form with the business process, and creating an association relationship between the form component and the process variable in the business process; deploying the configured form to a server to realize the development of the form.

[0007] Further, the deployment of the configured form to the server comprises: generating front-end and back-end code based on form design and business process configuration information, and deploying the generated code to the server.

[0008] Further, the configuration of the business process comprises: The business process is configured in a visual manner by a BPMN process engine, BPMN process nodes are embedded in the form, and conditional logic and branch processes are configured.

[0009] Further, the database is a Nosql database, wherein: Row and column information of the form is stored in a json array, and each row contains multiple fields; Information of each field is stored in the form of key-value of a json object; Each form is stored as a json tree.

[0010] Further, the method further comprises: Monitoring a business process instance associated with the form after deployment, including starting, suspending, resuming, terminating operation and state query of the process instance.

[0011] A form development system, characterized in that it comprises: A form design module for creating a form by using components of a form component library and storing the created form in a database; A business process construction module for configuring a business process, binding the form with the business process, and creating an association between a form component and a process variable in the business process; A form deployment module for deploying the configured form to a server to realize development of the form.

[0012] Further, The business process construction module comprises: A BPMN process configuration module for configuring a business process in a visual manner by a BPMN process engine, embedding BPMN process nodes in the form, and configuring conditional logic and branch processes; A form and process binding module for binding the form with the business process and creating an association between a form component and a process variable in the business process.

[0013] Further, the method further comprises: A process monitoring and management module for monitoring and managing a BPMN process instance; Including starting, suspending, resuming, terminating, monitoring in real time state and querying historical data of the process instance.

[0014] A form development device, comprising: at least one processor; and a memory connected in communication with the at least one processor; wherein the memory stores instructions executable by the at least one processor, and the instructions are executed by the at least one processor to enable the at least one processor to execute the form development method.

[0015] A computer storage medium stores executable instructions, which, when executed by a processor, cause the processor to implement the method.

[0016] Compared with the prior art, the present disclosure has the following advantages: The development method explicitly includes a key step of configuring a business process, binding a form to the business process, and creating an association between a form component and a process variable in the business process. Through such binding and association, the form is no longer an independent data input or display tool, but forms a direct data-level connection with the business process, and the form component can interact with the process variable in the business process. The data input by the user in the form can be automatically synchronized to the process variable to drive the process flow, and the state change of the business process can also be reflected in the form in real time through the process variable, realizing seamless flow of data between the form and the business process, eliminating the gap between the two, and further combining the step of deploying the configured form to the server, so that the integrated form can be effectively applied to actual business, thereby solving the problem of lack of close integration with the business process management system in the prior art, resulting in a gap between the form and the business process.

[0017] Other features and advantages of the present disclosure will be described in the following description, and some will become apparent from the description, or will be learned through implementation of the present disclosure. The purposes and other advantages of the present disclosure can be achieved and obtained through the structures indicated in the specification, claims, and drawings. BRIEF DESCRIPTION OF DRAWINGS

[0018] In order to more clearly illustrate the technical solutions in the embodiments of the present disclosure or the prior art, the following will briefly introduce the drawings needed to be used in the embodiments or the prior art description. Obviously, the drawings in the following description are some embodiments of the present disclosure, and those skilled in the art can also obtain other drawings according to these drawings without creative labor.

[0019] Figure 1 The present disclosure shows a method schematic diagram. DETAILED DESCRIPTION

[0020] In order to make the purposes, technical solutions and advantages of the embodiments of the present disclosure more clear, the technical solutions in the embodiments of the present disclosure will be clearly and completely described in the following with reference to the drawings in the embodiments of the present disclosure. Obviously, the described embodiments are some embodiments of the present disclosure, but not all the embodiments. Based on the embodiments in the present disclosure, all other embodiments obtained by those skilled in the art without creative labor are within the protection scope of the present disclosure.

[0021] The prior art often lacks close integration with business process management systems, resulting in a gap between forms and business processes. Therefore, the present disclosure aims to combine the advantages of BPMN process modeling and propose a low-code form building technology that can quickly generate pages.

[0022] Based on this, the present disclosure provides a form development system, comprising: 1) Visual form design module: for generating forms using components of the form component library; Form component library: The form component library can use Formik, React Hook Form in the React ecosystem, VeeValidate, Element-UI in the Vue ecosystem, etc. If the project has special functional requirements or customization requirements for form components, developers can develop form component libraries according to business needs and technical architecture. Each component in the component library is pre-set with standardized interfaces, including data input and output formats, event triggering mechanisms, etc., to ensure compatibility and composability between components. For example, the text box component is pre-set with an onChange event interface that automatically outputs data in the {field: component identifier, value: input value, timestamp: timestamp} format when the user inputs content, for other modules to call.

[0023] Generating forms: In the visual form design module of the low-code development platform, users can see the form component library, which contains various components such as text boxes, drop-down boxes, date selectors, etc. Users can quickly build form pages through drag-and-drop according to actual business needs. At the same time, this module supports customizing form styles and interaction logic to meet diverse form design needs. Specifically, users can adjust the CSS style attributes of components (such as font size, border style, background color, etc.) through the visual interface and configure interaction rules (such as automatically displaying field B when field A value is greater than 100; when selecting the "other" option, a text input box pops up) through the graphical logic editor. The logic editor supports visual configuration of complex logic such as conditional judgment, loop, function call, etc., without the need to write code to achieve complex interactions.

[0024] Form storage: After the form is created, the form data is stored in the NoSQL database. The row and column information of the form is stored in a json array, and the type, code, label, style, and other information of the fields in the form are stored in the form of key-value of a json object; the entire form is stored as a json tree. To improve storage efficiency, the system will compress the json tree, remove redundant spaces and duplicate fields, and store common configuration items (such as standard component styles) in a reference manner (record configuration ID instead of complete configuration content), reducing storage space occupation.

[0025] Effects: The form design based on NoSQL has a qualitative improvement in performance and scalability compared to traditional relational databases. The storage structure of NoSQL has very high saving and query performance, and NoSQL does not need to define the structure of the table in advance, and can add or subtract columns at any time, making it easy to expand. If you use a traditional relational database for storage, you need to define the form information table, row table, list, field table, etc. Saving or reading a form definition needs to operate multiple tables, and if you want to increase the properties of the field, you need to modify the table structure of the field table and the corresponding code, which is too inefficient. In addition, NoSQL databases support horizontal expansion, and when the amount of form data increases, you can easily expand the storage capacity by adding server nodes, while traditional relational databases have significantly increased difficulty and cost when the data volume reaches a certain scale.

[0026] 2) BPMN process configuration module: integrated with BPMN process engine, used for configuring business processes; Specifically, this module allows users to configure business processes through a visual interface. Users can embed form information in BPMN process nodes to achieve seamless integration of forms and business processes. The module has a built-in process node template library, including start event, user task, gateway, end event, and other standard BPMN nodes. Each node has a pre-configured attribute configuration interface (such as user task node, which can configure the handler, handling time limit, priority, etc.).

[0027] For example: selecting form information in the BPMN process node, that is, what kind of form can be used in the current stage of the process, including which fields, such as the initiator, application time, and leave duration fields in the leave application form. The system supports configuring the operation permissions of the form for each process node (such as viewing, editing, read-only, hidden), and the handlers of different nodes can only operate the form fields according to the permissions.

[0028] Meanwhile, this module supports conditional logic and branching process configuration, further enhancing the flexibility and adaptability of the form. Conditional logic configuration supports multiple data sources, including form field values, system variables (such as current time, handling person role), external interface data (such as calling the attendance system to obtain employee attendance rate), etc.

[0029] 3) Form and process binding module: used to bind the user-designed form with the BPMN process; Specifically, when configuring the process, the user can specify which form components are associated with the process variables, so as to dynamically obtain or set the values of the process variables during the process execution. The system provides automatic binding and manual binding: when automatic binding, the system intelligently matches the form components with the process variables through field name, data type, etc. and prompts the user for confirmation; when manual binding, the user can manually establish the association relationship through the drop-down selection box, and can configure data conversion rules (such as converting the "date" field in the form to the "timestamp" format required by the process variable, and retaining two decimal places of the "amount" field before transmitting it to the process variable).

[0030] Among them: form components include: text box, number box, text field, single selection box, check box, drop-down selection, etc. For example, the component type of the leave duration is a number box, and its code is duration, so the process can obtain the leave duration according to the duration process variable during the process flow, and can realize the function that different approval persons have different functions for different leave durations. To ensure data consistency, the system establishes a two-way data synchronization mechanism: when the form component data changes, the associated process variable is automatically updated; when the process variable changes due to other operations (such as backend service modification), the display value of the form component is automatically synchronized and updated. During synchronization, the optimistic locking mechanism is used to handle concurrent conflicts, and when detecting that the data is modified at the same time, the latest modification is retained and the conflict log is recorded for subsequent audit.

[0031] 4) Form generation and deployment module: used to automatically generate front-end and back-end code based on form design and process information for easy deployment. The front-end code is in JSON format, including form component information such as component type, component code, component name, etc. The back-end code is in XML format based on BPMN, including link information, associated form component information, etc. The generated code can be directly deployed to the server to realize the rapid online and running of the form.

[0032] Further, to solve the problem that traditional forms only support fixed terminal deployment and cannot adapt to edge devices and weak network environments, the present disclosure introduces an edge computing driven "multi-terminal adaptive form engine", which includes: Lightweight rendering engine: used to generate lightweight code that can run locally on edge nodes, support offline parsing of form JSON tree, reduce dependence on central server.

[0033] Terminal capability sensing module: for automatically detecting terminal hardware parameters (screen size, bandwidth) and network status, and dynamically adjusting component rendering methods.

[0034] Offline data synchronization module: for edge terminal to locally cache form data, automatically synchronize to central database after network recovery, and solve form submission problems in weak network environment. The terminal locally uses an embedded database (such as SQLite) to store form data, and each data record contains a unique identifier, form content, submission status (draft / sync pending / synced), timestamp, etc. When the network is interrupted, the user's submitted form data is stored in the local database and marked as "sync pending"; after the network is restored, the module automatically starts the synchronization process and uploads the "sync pending" data to the central server in timestamp order. During synchronization, it supports resuming from the breakpoint, and if synchronization is interrupted, it will continue uploading from the breakpoint next time. At the same time, the system will perform conflict detection on the synchronization data, and when there is a later version of data with the same unique identifier on the central server, the user will be prompted to choose to keep local data, overwrite server data, or merge data.

[0035] 5) Process monitoring and management module: for providing monitoring and management functions for BPMN process instances, including process instance start, suspension, recovery, termination, etc. operations, as well as real-time state and historical data queries of process instances.

[0036] Effects: Through the process monitoring and management module, users can monitor the execution of business processes in real time, and promptly discover and handle problems in the process. This helps enterprises better grasp the running state of business processes, optimize business processes, and improve business efficiency.

[0037] Figure 1 The method according to the present disclosure is shown in the schematic diagram, and the specific execution details of the present disclosure include: Step 1: Create a form using the components of the form component library, and store the created form in the database; Step 2: Configure the business process, and embed the created form in the process node of the business process; Step 3: Bind the form with the business process, and create an association relationship between the form component and the process variable in the business process; Step 4: Based on the stored form and the constructed business process, generate code for deployment to realize the online and running of the form.

[0038] The present disclosure has the following advantages: 1) Improve development efficiency: through the visual form design and process configuration, and the function of automatically generating code, users can quickly build form pages and processes that meet business requirements without writing complex code. This significantly reduces development costs and shortens development cycles.

[0039] 2) Enhance form flexibility: the present disclosure creates support for rich form components and custom styles, interaction logic, users can flexibly adjust form design according to business needs. At the same time, the BPMN process configuration module allows users to freely configure business processes and approval processes, realizing seamless integration of forms and business processes.

[0040] 3) Improve business process management capabilities: through the process monitoring and management module, users can monitor the execution of business processes in real time, and timely discover and handle problems in the process. This helps enterprises better grasp the running state of business processes, optimize business processes, and improve business efficiency.

[0041] Based on the same inventive concept as disclosed above, the embodiments of the present disclosure also provide a device corresponding to the above method, which comprises at least one processor; and a memory connected in communication with the at least one processor; wherein the memory stores instructions executable by the at least one processor, and the instructions are executed by the at least one processor to enable the at least one processor to perform the above method.

[0042] It should be noted that the electrical connection between the above-mentioned units does not necessarily mean the connection between the lines, and the indirect connection mode can be applied to the embodiments of the present disclosure as long as the purpose of the present disclosure is achieved.

[0043] Based on the same inventive concept, the present disclosure also provides a computer storage medium having executable instructions stored thereon, which are executed by a processor to perform the above method.

[0044] Although the present disclosure has been described in detail with reference to the foregoing embodiments, those skilled in the art should understand that the technical solutions recorded in the foregoing embodiments can be modified, or some technical features can be replaced by equivalents; and these modifications or replacements do not make the essence of the corresponding technical solutions deviate from the spirit and scope of the technical solutions of the embodiments of the present disclosure.

Claims

1. A method of developing a form, characterized by, The method comprises the following steps: creating a form by using components of a form component library, and storing the created form in a database; configuring a business process, binding the form with the business process, and creating an association relationship between a form component and a process variable in the business process; deploying the configured form to a server to realize development of the form.

2. The form development method of claim 1, wherein, The deploying the configured form to the server comprises: generating front-end and back-end codes based on form design and business process configuration information, and deploying the generated codes to the server.

3. The form development method of claim 1, wherein, The configuring the business process comprises: configuring the business process in a visual manner by using a BPMN process engine, embedding a BPMN process node in the form, and configuring conditional logic and a branch process.

4. The form development method of claim 1, wherein, The database is a NoSQL database, wherein: row and column information of the form is stored in a json array, and each row contains multiple fields; information of each field is stored in the form of key-value of a json object; each form is stored as a json tree.

5. The form development method of claim 1, wherein, Further comprising: monitoring a business process instance associated with the deployed form, including starting, suspending, resuming, terminating operations of the process instance, and state query.

6. A form development system, characterized by comprising: The method comprises the following steps: a form design module is configured to create a form by using components of a form component library, and store the created form in a database; a business process construction module is configured to configure a business process, bind the form with the business process, and create an association relationship between a form component and a process variable in the business process; a form deployment module is configured to deploy the configured form to a server to realize development of the form.

7. The system of claim 6, wherein, The business process construction module comprises: a BPMN process configuration module is configured to configure the business process in a visual manner by using a BPMN process engine, embed a BPMN process node in the form, and configure conditional logic and a branch process; a form and process binding module is configured to bind the form with the business process, and create an association relationship between a form component and a process variable in the business process.

8. The system of claim 6, wherein, Further comprising: a process monitoring and management module is configured to monitor and manage a BPMN process instance; including starting, suspending, resuming, and terminating operations of the process instance, and real-time state monitoring and historical data query.

9. A form development device comprising: at least one processor; and a memory connected with the at least one processor in communication; wherein the memory stores instructions executable by the at least one processor, and the instructions are executed by the at least one processor to enable the at least one processor to execute the form development method in any one of claims 1 to 5. 10.A computer storage medium having executable instructions stored thereon, wherein the instructions are executed by a processor to enable the processor to implement the method in any one of claims 1 to 5.

Images