Process generation method and system based on webpage

Abstract

The invention discloses a flow generation method and system based on a webpage, and relates to the technical field of flow design of a webpage end, the method comprises the steps of flow design, attribute setting, style design, flow chart storage, report generation and design and report storage, the problem of hardware limitation existing in the process of flow design of a current PC end is solved, and the flow design efficiency is improved. According to the method, quick creation and simple interaction of process design are realized, when a processor of a process node is selected, one or more persons are supported, reselection is not needed every time, multiple applications can be realized only by setting once by a user, the feasibility, comprehensiveness and objectivity of process design by using a webpage are guaranteed, and the user experience is improved. And the reliability of the webpage flow design is ensured, so that a reliable basis is provided for the targeted management and balanced development of the subsequent flow generation method based on the webpage, and the flow generation method based on the webpage can be updated in time.

Description

Technical Field

[0001] The present application relates to the technical field of process design on a web page, and in particular to a process generation method and system based on a web page. Background Art

[0002] Project process design refers to planning and designing the specific processes and steps for project execution according to project goals and needs during the project startup phase. It is also an important form of data flow and enterprise approval, so it is widely used in enterprises. However, in existing technologies, most process designers are implemented on PCs, which makes the background operation cumbersome and takes up storage space. Therefore, there is no need for more web design processes that take up storage space. This is the development trend of process design technology in the future.

[0003] Currently, most process designs are carried out on the PC side. Obviously, this method has the following problems: 1. Currently, obtaining project data is not an important step in process design, but according to the scope and objectives of the project, the feasibility of the project can be analyzed, and the overall objectives and phased objectives of the project can be clarified; there is no overall framework, overall process and each stage of project execution that can be determined according to the project plan, and thus the key milestones and deliverables of the project cannot be clarified, and thus the specific process and steps of project execution cannot be determined, because they include project launch, demand analysis, design and development, test acceptance, online operation, etc.; at the same time, it is also impossible to determine the specific work content and task division of each team member in the project, and it is impossible to establish an effective communication and coordination mechanism, and it is impossible to ensure the smooth flow of information and collaboration between all parties in the project, and it is impossible to improve the efficiency of project execution.

[0004] 2. This application has complete process node attributes and humanized interactive design. Various approval applications can be designed according to business needs. The design, processing, and progress viewing of flowcharts can be done only on the web page. It has fast and powerful process design capabilities. According to the user's business requirements, it can edit processes in real time, initiate process data, and process processes, so that information flow is no longer rigid and efficiency is doubled. Summary of the invention

[0005] In view of the above-mentioned technical deficiencies, the purpose of this application is to provide a web-based process generation method and system.

[0006] To solve the above technical problems, the present application adopts the following technical solutions: In the first aspect, the present application provides a web-based process generation method, which includes the following steps: Step 1, process design: The user enters the process design web page according to the web address of the process design, and then the user chooses to fill in the project data or chooses to directly enter the process design page to complete the project data filling of the flowchart.

[0007] Step 2: Property setting: The user selects the property setting option in the upper bar, and then jumps from the process design page to the property setting page, prompting the user to edit the properties of each node in the flowchart, thereby completing the setting of each node's operation permissions for the process design.

[0008] Step 3: Style design: The user selects the style design option in the upper bar, and then jumps to the style design page, and then the user completes the style design of the flowchart according to the text prompts.

[0009] Step 4. Flowchart storage: When the user completes the process design, property setting and style design, a flowchart preview dialog box pops up on the main page, prompting the user to check the flowchart and save it after confirming that it is correct. The flowchart is saved in the browser memory and displayed in the saved list of the user's personal center.

[0010] Step 5. Report generation and design: Get the report information corresponding to the flowchart, and generate the initial report corresponding to the flowchart based on the report information; the user selects the report design option in the upper bar, and then jumps to the report design page, and then the user previews the report based on the provided template image and text prompts, and then selects the corresponding template to complete the design of the initial report.

[0011] Step 6. Report storage: When the user completes the design of the initial report, a report preview dialog box pops up on the main page, prompting the user to check the report and save it after confirming that it is correct. The report is saved in the browser memory and displayed in the saved list of the user's personal center.

[0012] Preferably, the project data includes project scope, objectives, plans, phases, and roles.

[0013] Preferably, the user chooses to fill in the project data or chooses to directly enter the process design page to complete the project data filling in of the flowchart. The specific filling process is as follows: A1. When the user chooses to fill in the project data, it will jump to the project data filling page. The user fills in the project scope, goals, plans, stages, and roles in the project data according to the prompts, and chooses to submit. When submitting, the web page generates a project data directory and prompts the user to check. After confirming that it is correct, select the confirmation option. The server receives the project data and then fills in the project scope, goals, plans, stages, and roles in the project data into the corresponding positions in the process design, thereby generating an initial process design, and then jumps to the process design page containing the initial process design, prompting the user to modify the initial process design, including adding nodes, adding nodes at the same level, editing, replacing, and deleting nodes.

[0014] A2. When the user chooses to directly enter the process design page, the initial design state of the process includes the initiator of the process and the end node of the process. The user is prompted to fill in the initiator node on the flowchart, add the process node after the initiator, and select the processing executor corresponding to the process node. The user is prompted to add nodes, add nodes at the same level, edit, replace and delete nodes on the flowchart.

[0015] Preferably, the user edits the properties of each node in the flowchart, thereby completing the setting of each node's operating permissions for the process design. The specific setting process is as follows: the user selects the node whose properties need to be edited in the flowchart, and a node property dialog box pops up on the page. According to the text prompts of the display name, executor, execution mode, whether it is a notified node, processing authority, node matching, opinion processing settings, processing period, and operating authority in the node property dialog box, input in the input box after each text prompt, select in the option box, or select in the drop-down bar. The processing authority includes adding signatures, rolling back, terminating, notifying, transferring, reducing signatures, and specifying rolling back. Node matching includes selecting people by the upper node and automatically skipping. The opinion processing settings include requiring opinions to be filled in during processing and requiring opinions to be filled in during rolling back. After the user completes the node property setting, the user is prompted to select the Save option. After confirming, a preview dialog box pops up, prompting the user to confirm the node properties. After confirmation, select the Confirm option, thereby completing the setting of each node's operating permissions for the process design.

[0016] Preferably, the user completes the style design of the flowchart according to the text prompts, and the specific design process is as follows: the user selects the color, node color, font, text color, text size, connection type, connection starting point style, connection end point style, line color, line width, and line style text prompts of the style design page, and makes a selection in the drop-down bar after each text prompt to complete the style design of the flowchart; after the user completes the style design, the user is prompted to select the Save option, and after confirming, a preview dialog box pops up, prompting the user to confirm the style design, and after confirmation, select the OK option to complete the style design of the flowchart.

[0017] Preferably, the report information corresponding to the flowchart is obtained, and an initial report corresponding to the flowchart is generated according to the report information. The specific generation process is as follows: the user selects the corresponding flowchart from the saved flowcharts in the personal center, and shares the flowchart to the corresponding role. When the project is in progress, the authorized role fills in the report information in the project in real time. When the project is completed, the user selects the report completion option to obtain the report information corresponding to the flowchart, thereby generating an initial report corresponding to the flowchart according to the report information.

[0018] Preferably, the user previews the report according to the provided template image and text prompts, thereby selecting the corresponding template and completing the design of the initial report. The specific design process is as follows: the user selects the corresponding template according to the template image and text prompts in the report design page; when the user selects the template, it jumps to the report design subpage, and the user completes the basic design of the initial report according to the text prompts such as font, text color, text size, border type, border style, border color, border width, report shading, etc. in the column on the report design subpage; after the user completes the basic design of the initial report, it is prompted to select the Save option, and after confirming, a preview dialog box pops up, prompting the user to confirm the design of the initial report, and after confirmation, select the OK option to complete the design of the initial report.

[0019] In a second aspect, the present application provides a web-based process generation system, comprising the following modules: a process design module, which is used for users to enter the process design web page according to the web page address of the process design, and then the user chooses to fill in the project data or chooses to directly enter the process design page to complete the project data filling of the flowchart.

[0020] The property setting module is used for users to select the property setting option in the upper bar, and then jump from the process design page to the property setting page, prompting users to edit the properties of each node in the flowchart, so as to complete the setting of each node's operation permissions for the process design.

[0021] The style design module is used for users to select the style design option in the upper bar, and then jump to the style design page, and then the user completes the style design of the flowchart according to the text prompts.

[0022] The flowchart storage module is used to pop up a flowchart preview dialog box on the main page when the user completes the process design, property setting and style design, prompting the user to check the flowchart and save it after confirming that it is correct. The flowchart is saved in the browser memory and displayed in the saved list of the user's personal center.

[0023] The report generation and design module is used to obtain the report information corresponding to the flowchart and generate the initial report corresponding to the flowchart based on the report information; the user selects the report design option in the upper bar and then jumps to the report design page, and then the user previews the report based on the provided template image and text prompts, thereby selecting the corresponding template and completing the design of the initial report.

[0024] The report storage module is used to pop up a report preview dialog box on the main page when the user completes the design of the initial report, prompting the user to check the report and save it after confirming that it is correct. The report is saved in the browser memory and displayed in the saved list of the user's personal center.

[0025] The beneficial effects of the present application are as follows: 1. The present application provides a web-based process generation method and system, which uses web pages for process design, solves the hardware limitation problem existing in the current process design on PC, realizes the quick creation of process design and simple interaction, and supports selecting a single person or multiple people when selecting the processor of the process node without the need to reselect each time. The user only needs to set it once and it can be applied multiple times, which ensures the feasibility, comprehensiveness and objectivity of process design using web pages, and also ensures the reliability of web page process design, thereby providing a reliable basis for the targeted management and balanced development of subsequent web-based process generation methods, so that the web-based process generation methods can be updated in a timely manner.

[0026] 2. Obtaining project data in this application is an important step in process design, because according to the scope and objectives of the project, the feasibility of the project can be analyzed, and the overall goals and phased goals of the project can be clarified; according to the project plan, the overall framework, overall process and each stage of project execution can be determined, and then the key milestones and deliverables of the project can be clarified, so as to determine the specific process and steps of project execution, including project launch, demand analysis, design and development, test acceptance, online operation, etc.; at the same time, the specific work content and task division of each team member in the project can be determined, and an effective communication and coordination mechanism can be established to ensure smooth information and collaboration among all parties in the project, thereby improving project execution efficiency.

[0027] 3. This application has complete process node attributes and humanized interactive design. Various approval applications can be designed according to business needs. The design, processing, and progress viewing of flowcharts can be done only on the web page. It has fast and powerful process design capabilities. According to the user's business requirements, it can edit processes in real time, initiate process data, and process processes, so that information flow is no longer rigid and efficiency is doubled. BRIEF DESCRIPTION OF THE DRAWINGS

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

[0029] Figure 1 The figure is a flowchart of the implementation steps of the present application method.

[0030] Figure 2 This is a schematic diagram of the module flow in the system of this application. DETAILED DESCRIPTION

[0031] The following will be combined with the drawings in the embodiments of the present application to clearly and completely describe the technical solutions in the embodiments of the present application. Obviously, the described embodiments are only part of the embodiments of the present application, not all of the embodiments. Based on the embodiments in the present application, all other embodiments obtained by ordinary technicians in this field without creative work are within the scope of protection of this application.

[0032] See also Figure 1 As shown, the present application provides a web-based process generation method in the first aspect, including step one, process design: the user enters the process design web page according to the web address of the process design, and then the user chooses to fill in the project data or chooses to directly enter the process design page to complete the project data filling of the flowchart.

[0033] It should be noted that project planning includes time scheduling, resource allocation, cost budgeting and risk management.

[0034] In a specific example, the project data includes project scope, objectives, plans, phases, and roles.

[0035] In a specific example, the user chooses to fill in the project data or chooses to directly enter the process design page to complete the project data filling in of the flowchart. The specific filling process is as follows: A1. When the user chooses to fill in the project data, it will jump to the project data filling page. The user fills in the project scope, goals, plans, stages, and roles in the project data according to the prompts, and chooses to submit. When submitting, the web page generates a project data directory and prompts the user to check. After confirming that it is correct, select the confirmation option. The server receives the project data and then fills in the project scope, goals, plans, stages, and roles in the project data into the corresponding positions in the process design, thereby generating an initial process design, and then jumps to the process design page containing the initial process design, prompting the user to modify the initial process design, including adding nodes, adding nodes at the same level, editing, replacing, and deleting nodes.

[0036] It should be noted that the data acquisition and filling here are performed using the requests and BeautifulSoup libraries in Python.

[0037] It should be noted that requests can be used to simulate browser requests, and installation statements such as pip3installrequests.

[0038] It should be noted that BeautifulSoup is a Python library that can extract data from HTML or XML files, and can implement document navigation, search, and modification through custom converters.

[0039] It should be noted that after the flowchart is saved, it can be modified multiple times.

[0040] A2. When the user chooses to directly enter the process design page, the initial design state of the process includes the initiator of the process and the end node of the process. The user is prompted to fill in the initiator node on the flowchart, add the process node after the initiator, and select the processing executor corresponding to the process node. The user is prompted to add nodes, add nodes at the same level, edit, replace and delete nodes on the flowchart.

[0041] It should be noted that the processing executor corresponding to the process node can be a person or a group, which can be selected as needed.

[0042] Beneficial effects: Acquiring project data in this application is an important step in process design, because according to the scope and objectives of the project, the feasibility of the project can be analyzed, and the overall objectives and phased objectives of the project can be clarified; according to the project plan, the overall framework, overall process and each stage of project execution can be determined, and then the key milestones and deliverables of the project can be clarified, so as to determine the specific process and steps of project execution, including project launch, demand analysis, design and development, test acceptance, online operation, etc.; at the same time, the specific work content and task division of each team member in the project can be determined, and an effective communication and coordination mechanism can be established to ensure smooth information and collaboration among all parties in the project, thereby improving project execution efficiency.

[0043] Step 2: Property setting: The user selects the property setting option in the upper bar, and then jumps from the process design page to the property setting page, prompting the user to edit the properties of each node in the flowchart, thereby completing the setting of each node's operation permissions for the process design.

[0044] In a specific example, the user edits the properties of each node in the flowchart, thereby completing the setting of each node's operating permissions for the process design. The specific setting process is as follows: the user selects the node whose properties need to be edited in the flowchart, and a node property dialog box pops up on the page. According to the text prompts of the display name, executor, execution mode, whether it is a notified node, processing authority, node matching, opinion processing settings, processing period, and operating authority in the node property dialog box, the user enters in the input box after each text prompt, selects in the option box, or selects in the drop-down bar. The processing authority includes adding signatures, rolling back, terminating, notifying, transferring, reducing signatures, and specifying rollback. Node matching includes selecting people by the upper node and automatically skipping. The opinion processing settings include requiring opinions to be filled in during processing and requiring opinions to be filled in during rollback. After the user completes the node property setting, the user is prompted to select the Save option. After confirming, a preview dialog box pops up, prompting the user to confirm the node properties. After confirmation, select the Confirm option, thereby completing the setting of each node's operating permissions for the process design.

[0045] It should be noted that the processing authority setting and opinion processing setting are multiple-select options, while node matching is a single-select option.

[0046] Beneficial effects: This application has complete process node attributes and humanized interactive design. Various approval applications can be designed according to business needs. The design, processing, and progress viewing of flowcharts can be done only on the web page. It has fast and powerful process design capabilities. According to the user's business requirements, it can edit processes in real time, initiate process data, and process processes, so that information flow is no longer rigid and efficiency is doubled.

[0047] Step 3: Style design: The user selects the style design option in the upper bar, and then jumps to the style design page, and then the user completes the style design of the flowchart according to the text prompts.

[0048] In a specific example, the user completes the style design of the flowchart according to the text prompts, and the specific design process is as follows: the user selects the color, node color, font, text color, text size, connection type, connection starting point style, connection end point style, line color, line width, and line style text prompts of the style design page, and makes a selection in the drop-down bar after each text prompt to complete the style design of the flowchart; after the user completes the style design, the user is prompted to select the Save option, and after confirming, a preview dialog box pops up, prompting the user to confirm the style design, and after confirmation, select the OK option to complete the style design of the flowchart.

[0049] It should be noted that all selections in the drop-down bar are single choices.

[0050] Step 4. Flowchart storage: When the user completes the process design, property setting and style design, a flowchart preview dialog box pops up on the main page, prompting the user to check the flowchart and save it after confirming that it is correct. The flowchart is saved in the browser memory and displayed in the saved list of the user's personal center.

[0051] Step 5. Report generation and design: Get the report information corresponding to the flowchart, and generate the initial report corresponding to the flowchart based on the report information; the user selects the report design option in the upper bar, and then jumps to the report design page, and then the user previews the report based on the provided template image and text prompts, and then selects the corresponding template to complete the design of the initial report.

[0052] In a specific example, the report information corresponding to the flowchart is obtained, and an initial report corresponding to the flowchart is generated based on the report information. The specific generation process is as follows: the user selects the corresponding flowchart from the saved flowcharts in the personal center, and shares the flowchart to the corresponding role. While the project is in progress, the authorized role fills in the report information in the project in real time. When the project is completed, the user selects the report completion option to obtain the report information corresponding to the flowchart, thereby generating an initial report corresponding to the flowchart based on the report information.

[0053] In a specific example, the user previews the report according to the provided template image and text prompts, thereby selecting the corresponding template and completing the design of the initial report. The specific design process is as follows: the user selects the corresponding template according to the template image and text prompts in the report design page; when the user selects the template, it jumps to the report design subpage, and the user completes the basic design of the initial report according to the text prompts such as font, text color, text size, border type, border style, border color, border width, report shading, etc. in the column on the report design subpage; after the user completes the basic design of the initial report, it is prompted to select the Save option. After confirming, a preview dialog box pops up, prompting the user to confirm the design of the initial report. After confirmation, select the OK option to complete the design of the initial report.

[0054] Step 6. Report storage: When the user completes the design of the initial report, a report preview dialog box pops up on the main page, prompting the user to check the report and save it after confirming that it is correct. The report is saved in the browser memory and displayed in the saved list of the user's personal center.

[0055] It should be noted that during the entire design process, adding nodes, adding nodes at the same level, editing nodes, replacing nodes, deleting nodes, etc. are all saved in the browser memory using js objects. When actually interacting with the server, they are submitted directly from the memory to the server.

[0056] See also Figure 2 As shown, the present application provides a web-based process generation system in a second aspect, including the following modules: a process design module, a property setting module, a style design module, a flowchart storage module, a report generation and design module, and a report storage module.

[0057] The process design module is used for users to enter the process design web page according to the process design web page address, and then the user chooses to fill in the project data or chooses to directly enter the process design page to complete the project data filling of the flowchart.

[0058] The property setting module is used for users to select the property setting option in the upper bar, and then jump from the process design page to the property setting page, prompting users to edit the properties of each node in the flowchart, so as to complete the setting of each node's operation permissions for the process design.

[0059] The style design module is used for users to select the style design option in the upper bar, and then jump to the style design page, and then the user completes the style design of the flowchart according to the text prompts.

[0060] The flowchart storage module is used to pop up a flowchart preview dialog box on the main page when the user completes the process design, property setting and style design, prompting the user to check the flowchart and save it after confirming that it is correct. The flowchart is saved in the browser memory and displayed in the saved list of the user's personal center.

[0061] The report generation and design module is used to obtain the report information corresponding to the flowchart and generate the initial report corresponding to the flowchart based on the report information; the user selects the report design option in the upper bar and then jumps to the report design page, and then the user previews the report based on the provided template image and text prompts, thereby selecting the corresponding template and completing the design of the initial report.

[0062] The report storage module is used to pop up a report preview dialog box on the main page when the user completes the design of the initial report, prompting the user to check the report and save it after confirming that it is correct. The report is saved in the browser memory and displayed in the saved list of the user's personal center.

[0063] The present application provides a web-based process generation method and system, which uses web pages for process design, solves the hardware limitation problem existing in the process of process design on the current PC side, realizes the quick creation of process design and simple interaction, and supports selecting a single person or multiple people when selecting the processor of the process node without the need to reselect each time. The user only needs to set it once and it can be applied multiple times, which ensures the feasibility, comprehensiveness and objectivity of process design using web pages, and also ensures the reliability of web page process design, thereby providing a reliable basis for the targeted management and balanced development of subsequent web-based process generation methods, so that the web-based process generation methods can be updated in a timely manner.

[0064] The above contents are merely examples and explanations of the concept of the present application. The technical personnel in the relevant technical field may make various modifications or additions to the described specific embodiments or replace them in a similar manner. As long as they do not deviate from the concept of the invention or exceed the scope defined in this specification, they should all fall within the scope of protection of the present application.

Claims

1. A web-based process generation method, characterized in that: include: Step 1: Process design: The user enters the process design webpage according to the process design webpage address, and then the user chooses to fill in the project data or chooses to directly enter the process design page to complete the project data filling of the flowchart; Step 2: Property setting: The user selects the property setting option in the upper bar, and then jumps from the process design page to the property setting page, prompting the user to edit the properties of each node in the flowchart, thereby completing the setting of each node's operation permissions for the process design; Step 3: Style design: The user selects the style design option in the upper bar, and then jumps to the style design page, and then the user completes the style design of the flowchart according to the text prompts; Step 4: Flowchart storage: When the user completes the process design, property setting and style design, a flowchart preview dialog box pops up on the main page, prompting the user to check the flowchart and save it after confirming that it is correct. The flowchart is saved in the browser memory and displayed in the saved items in the user's personal center; Step 5: Report generation and design: Obtain report information corresponding to the flowchart, and generate an initial report corresponding to the flowchart based on the report information; The user selects the report design option in the upper bar, and then jumps to the report design page. Then the user previews the report according to the provided template image and text prompts, and then selects the corresponding template to complete the design of the initial report; Step 6. Report storage: When the user completes the design of the initial report, a report preview dialog box pops up on the main page, prompting the user to check the report and save it after confirming that it is correct. The report is saved in the browser memory and displayed in the saved list of the user's personal center.

2. A web-based process generation method according to claim 1, characterized in that: The project data includes project scope, objectives, plans, phases, and roles.

3. A web-based process generation method according to claim 1, characterized in that: The user chooses to fill in the project data or directly enter the process design page to complete the project data filling of the flowchart. The specific filling process is as follows: A1. When the user chooses to fill in the project data, the page will jump to the project data filling page. The user will fill in the project scope, goal, plan, phase, and role in the project data according to the prompts and choose to submit. When submitting, the webpage will generate a project data directory and prompt the user to check. After confirming that everything is correct, the user will choose the confirmation option. The server will receive the project data and fill in the project scope, goal, plan, phase, and role in the project data to the corresponding positions in the process design, thereby generating an initial process design. The page will then jump to the process design page containing the initial process design and prompt the user to modify the initial process design, including adding nodes, adding nodes at the same level, editing, replacing, and deleting nodes. A2. When the user chooses to directly enter the process design page, the initial design state of the process includes the initiator of the process and the end node of the process. The user is prompted to fill in the initiator node on the flowchart, add the process node after the initiator, and select the processing executor corresponding to the process node. The user is prompted to add nodes, add nodes at the same level, edit, replace and delete nodes on the flowchart.

4. A web-based process generation method according to claim 1, characterized in that: The user edits the properties of each node in the flow chart, thereby completing the setting of each operation permission of each node for the flow design. The specific setting process is as follows: The user selects the node in the flowchart whose properties need to be edited, and a node property dialog box pops up on the page. According to the text prompts of the display name, executor, execution mode, whether it is a notified node, processing authority, node matching, opinion processing settings, processing period, and operation authority in the node property dialog box, the user can enter in the input box after each text prompt, select in the option box, or select in the drop-down bar. The processing authority includes adding signatures, rolling back, terminating, notifying, transferring, reducing signatures, and specifying rollback. Node matching includes selecting people by the upper node and automatically skipping. Opinion processing settings include mandatory filling in opinions during processing and mandatory filling in opinions during rollback. After the user completes the node property setting, the user is prompted to select the Save option. After confirming, a preview dialog box pops up, prompting the user to confirm the node properties. After confirmation, select the Confirm option to complete the setting of each node's operation permissions for the process design.

5. A web-based process generation method according to claim 1, characterized in that: The user completes the style design of the flowchart according to the text prompts. The specific design process is as follows: The user completes the style design of the flowchart by selecting the color, node color, font, text color, text size, connection type, connection start point style, connection end point style, line color, line width, and line style text prompts on the style design page; after the user completes the style design, the user is prompted to select the Save option, and after confirming, a preview dialog box pops up, prompting the user to confirm the style design, and after confirmation, select the Confirm option to complete the style design of the flowchart.

6. A web-based process generation method according to claim 1, characterized in that: The report information corresponding to the flowchart is obtained, and the initial report corresponding to the flowchart is generated according to the report information. The specific generation process is as follows: The user selects the corresponding flowchart from the saved flowcharts in the personal center and shares the flowchart to the corresponding role. When the project is in progress, the authorized role fills in the report information in the project in real time. When the project is completed, the user selects the report completion option to obtain the report information corresponding to the flowchart, and then generates the initial report corresponding to the flowchart based on the report information.

7. A web-based process generation method according to claim 1, characterized in that: The user previews the report based on the provided template image and text prompts, and then selects the corresponding template to complete the design of the initial report. The specific design process is as follows: The user selects the corresponding template according to the template image and text prompts in the report design page; when the user selects the template, it jumps to the report design subpage, and the user completes the basic design of the initial report according to the text prompts such as font, text color, text size, border type, border style, border color, border width, report shading, etc. in the column on the report design subpage; after the user completes the basic design of the initial report, it is prompted to select the Save option, and after confirming, a preview dialog box pops up, prompting the user to confirm the design of the initial report. After confirmation, select the OK option to complete the design of the initial report.

8. A web-based process generation system for executing any one of claims 1 to 7, characterized in that: include: The process design module is used for the user to enter the process design webpage according to the process design webpage address, and then the user chooses to fill in the project data or chooses to directly enter the process design page to complete the project data filling of the flowchart; The property setting module is used for users to select the property setting option in the upper bar, and then jump from the process design page to the property setting page, prompting users to edit the properties of each node in the flowchart, so as to complete the setting of each node's operation permissions for the process design; The style design module is used for the user to select the style design option in the upper bar, and then jump to the style design page, and then the user completes the style design of the flowchart according to the text prompt; The flowchart storage module is used to pop up a flowchart preview dialog box on the main page when the user completes the process design, property setting and style design, prompting the user to check the flowchart and save it after confirming that it is correct. The flowchart is saved in the browser memory and displayed in the saved items in the user's personal center; The report generation and design module is used to obtain the report information corresponding to the flowchart and generate the initial report corresponding to the flowchart according to the report information; The user selects the report design option in the upper bar, and then jumps to the report design page. Then the user previews the report according to the provided template image and text prompts, and then selects the corresponding template to complete the design of the initial report; The report storage module is used to pop up a report preview dialog box on the main page when the user completes the design of the initial report, prompting the user to check the report and save it after confirming that it is correct. The report is saved in the browser memory and displayed in the saved list of the user's personal center.

Images