Web-based efficient flow chart drawing system and method

Abstract

The invention discloses a Web-based efficient flow chart drawing system and method. The system comprises a drawing module, an interface module and a file module, wherein the drawing module comprises a node management module, an edge management module and a group management module and is responsible for receiving parameters of an imported flow chart, packaging the parameters into Image objects and calling an open-source algorithm library to complete automatic layout and drawing work of the flow chart; the interface module comprises an interaction module and a data transmission module and realizes the page effect through a Bootstrap framework; the data transmission module is responsible for asynchronous transmission work of foreground and background data; the interaction module is used for determining graphic elements clicked by a user and transmitting names of the graphic elements to the background, and the background retrieves the graphic element information and returns to a user interface through the data transmission module; the file module is responsible for receiving SGV files sent by the drawing module, generating corresponding PDF files and exporting backup files of a MySQL database and is also responsible for importing files, uploading the files and analyzing the uploaded files to acquire drawing parameters.

Description

technical field [0001] The invention belongs to the technical field of computer software, and relates to a flow chart drawing system, in particular to a flow chart drawing system based on Web technology and applying layout technology to automatically perform layout according to incoming parameters. Background technique [0002] In the process of drawing the flow chart, the most widely used existing method is to use the Office series software provided by Microsoft such as Word, PowerPoint or Visio to draw, which is time-consuming and laborious. The user first needs to select the type of graph to be drawn, then select the node shape, then drag the node to the specified position, then specify the node content, and finally connect and draw a flow chart. It is more convenient for small graphs, that is, when the number of nodes and connections is relatively small or one-time molding does not require too much modification. However, this method also has some disadvantages that are ...

AI Technical Summary

Problems solved by technology

However, this method also has some disadvantages that are difficult to overcome

For example: 1. For the drawing of large or super-large flow charts, this method will become very cumbersome and requires the drawer to manually layout. The dragging operation is not only time-consuming and laborious, but also has to May cause the original layout disorder

2The mainstream flow chart drawing software is mainly based on the Windows platform. Even if there are similar software on other platforms, it is difficult to achieve a consistent user experience. Users need to adapt to the differences between software on different platforms, which increases the user learning cost

GraphViz solves the problems of traditional methods in a certain sense, but it also brings some new problems. For example, 1. Although the Dot language is a simple scripting language, not everyone can use it. Users must have a certain programming foundation , the threshold for use is high

2 Since the system automatically layouts the drawn flowchart, it does not allow users to personalize and fine-tune the layout of the generated flowchart. Although the flowchart of the automatic layout generally meets the needs of users, it does not necessarily meet the needs of users in details. To meet the individual needs of users, it will affect the user's drawing experience to a certain extent

Images