CN108008937A - Flowcharting method and system - Google Patents
Flowcharting method and system Download PDFInfo
- Publication number
- CN108008937A CN108008937A CN201711340868.6A CN201711340868A CN108008937A CN 108008937 A CN108008937 A CN 108008937A CN 201711340868 A CN201711340868 A CN 201711340868A CN 108008937 A CN108008937 A CN 108008937A
- Authority
- CN
- China
- Prior art keywords
- script
- flow chart
- information
- client
- server
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/20—Software design
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F21/00—Security arrangements for protecting computers, components thereof, programs or data against unauthorised activity
- G06F21/60—Protecting data
- G06F21/62—Protecting access to data via a platform, e.g. using keys or access control rules
- G06F21/6218—Protecting access to data via a platform, e.g. using keys or access control rules to a system of files or objects, e.g. local or distributed file system or database
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Health & Medical Sciences (AREA)
- Bioethics (AREA)
- General Health & Medical Sciences (AREA)
- Computer Hardware Design (AREA)
- Computer Security & Cryptography (AREA)
- Document Processing Apparatus (AREA)
- Computer And Data Communications (AREA)
Abstract
本发明公开了一种流程图的绘制方法及系统。所述绘制系统包括:数据库、客户端和服务器;所述数据库用于存储流程图脚本;所述客户端用于显示所述流程图脚本的脚本信息,并将接收到的绘图指令发送至所述服务器;所述绘图指令包括目标流程图脚本的脚本信息;所述服务器用于在接收到所述绘图指令时调用绘图工具并根据所述目标流程图脚本绘制流程图。本发明通过流程图脚本自动生成流程图,无需进行流程图的排版,绘图效率大大提高。
The invention discloses a method and system for drawing a flowchart. The drawing system includes: a database, a client and a server; the database is used to store the flowchart script; the client is used to display the script information of the flowchart script, and send the received drawing instructions to the The server; the drawing instruction includes script information of the target flow chart script; the server is used to call a drawing tool and draw a flow chart according to the target flow chart script when receiving the drawing instruction. The invention automatically generates the flow chart through the flow chart script, does not need to typeset the flow chart, and greatly improves the drawing efficiency.
Description
技术领域technical field
本发明涉及计算机技术领域,特别涉及一种基于Graphviz(一种绘图工具)的在线流程图的绘制方法及系统。The invention relates to the field of computer technology, in particular to a method and system for drawing an online flowchart based on Graphviz (a drawing tool).
背景技术Background technique
目前,有很多在线流程图绘制网站,都是基于图形拖拽和绘制的方式,该方式需要对流程图的排版进行调整,费时费力,特别是对于善于编写代码的开发人员而言,使用拖拽绘图的方式效率很低。At present, there are many online flowchart drawing websites, all of which are based on the way of dragging and drawing graphics. This method needs to adjust the layout of the flowchart, which is time-consuming and labor-intensive. Especially for developers who are good at writing code, using drag-and-drop The way the plotting is done is very inefficient.
发明内容Contents of the invention
本发明要解决的技术问题是为了克服现有技术中使用拖拽绘图的方式,对于善于编写代码的开发人员而言效率很低的缺陷,提供一种流程图的绘制方法及系统。The technical problem to be solved by the present invention is to provide a flow chart drawing method and system in order to overcome the defect of low efficiency for developers who are good at writing codes by using the drag-and-drop drawing method in the prior art.
本发明是通过下述技术方案来解决上述技术问题:The present invention solves the above technical problems through the following technical solutions:
一种流程图的绘制系统,所述绘制系统包括:数据库、客户端和服务器;A flow chart drawing system, the drawing system includes: a database, a client and a server;
所述数据库用于存储流程图脚本;The database is used to store flowchart scripts;
所述客户端用于显示所述流程图脚本的脚本信息,并将接收到的绘图指令发送至所述服务器;所述绘图指令包括目标流程图脚本的脚本信息;The client is used to display the script information of the flowchart script, and send the received drawing instruction to the server; the drawing instruction includes the script information of the target flowchart script;
所述服务器用于在接收到所述绘图指令时调用绘图工具并根据所述目标流程图脚本绘制流程图。The server is used for invoking a drawing tool and drawing a flow chart according to the target flow chart script when receiving the drawing instruction.
较佳地,所述客户端还用于将接收到的编辑指令发送至所述服务器;Preferably, the client is further configured to send the received editing instruction to the server;
所述服务器用于根据所述编辑指令修改所述目标流程图脚本。The server is configured to modify the target flowchart script according to the editing instruction.
较佳地,所述脚本信息包括以下参数中的至少一种:Preferably, the script information includes at least one of the following parameters:
脚本名称、脚本类别和脚本描述。Script name, script category, and script description.
较佳地,所述客户端根据所述脚本类别对所述脚本信息进行分类后显示;Preferably, the client classifies and displays the script information according to the script category;
和/或,所述脚本信息以树形结构显示。And/or, the script information is displayed in a tree structure.
较佳地,所述绘制系统还包括权限设置模块和登录模块;Preferably, the drawing system further includes a permission setting module and a login module;
所述权限设置模块用于为每个用户信息设置对应的用户权限;The authority setting module is used to set corresponding user authority for each user information;
所述登录模块用于在用户登录时获取用户信息;The login module is used to obtain user information when the user logs in;
所述客户端还用于根据用户信息分配对应的用户权限。The client is further configured to assign corresponding user rights according to user information.
本发明还提供一种流程图的绘制方法,所述绘制方法利用上述的绘制系统实现;The present invention also provides a method for drawing a flowchart, the drawing method is realized by the above-mentioned drawing system;
所述绘制方法包括以下步骤:The drawing method includes the following steps:
S1、将流程图脚本存储于所述数据库中;S 1. Store the flowchart script in the database;
S2、所述客户端显示所述流程图脚本的脚本信息,并将接收到的绘图指令发送至所述服务器;所述绘图指令包括目标流程图脚本的脚本信息;S 2. The client displays the script information of the flowchart script, and sends the received drawing instruction to the server; the drawing instruction includes the script information of the target flowchart script;
S3、所述服务器在接收到所述绘图指令时调用绘图工具并根据所述目标流程图脚本绘制流程图。S 3 . When the server receives the drawing instruction, it invokes a drawing tool and draws a flowchart according to the target flowchart script.
较佳地,步骤S2还包括:Preferably, step S2 also includes:
所述客户端将接收到的编辑指令发送至所述服务器;The client sends the received editing instruction to the server;
步骤S3还包括:Step S3 also includes:
所述服务器根据所述编辑指令修改所述目标流程图脚本。The server modifies the target flowchart script according to the editing instruction.
较佳地,所述脚本信息包括以下参数中的至少一种:Preferably, the script information includes at least one of the following parameters:
脚本名称、脚本类别和脚本描述。Script name, script category, and script description.
较佳地,步骤S2中,所述客户端显示所述流程图脚本的脚本信息具体包括:Preferably, in step S2 , the client displaying the script information of the flowchart script specifically includes:
所述客户端根据所述脚本类别对所述脚本信息进行分类后显示;The client classifies the script information according to the script category and then displays it;
和/或,所述脚本信息以树形结构显示。And/or, the script information is displayed in a tree structure.
较佳地,步骤S2之前还包括:Preferably, before step S2 , it also includes:
为每个用户信息设置对应的用户权限;Set corresponding user permissions for each user information;
在用户登录时获取用户信息;Obtain user information when the user logs in;
所述客户端根据用户信息分配对应的用户权限。The client assigns corresponding user rights according to user information.
本发明的积极进步效果在于:本发明通过流程图脚本自动生成流程图,无需进行流程图的排版,绘图效率大大提高。The positive and progressive effect of the present invention is that: the present invention automatically generates a flow chart through a flow chart script, without needing to typeset the flow chart, and the drawing efficiency is greatly improved.
附图说明Description of drawings
图1为本发明实施例1的流程图的绘制系统的结构示意图。FIG. 1 is a schematic structural diagram of a drawing system for the flow chart of Embodiment 1 of the present invention.
图2为本发明实施例2的流程图的绘制方法的流程图。FIG. 2 is a flow chart of the drawing method of the flow chart of Embodiment 2 of the present invention.
具体实施方式Detailed ways
下面通过实施例的方式进一步说明本发明,但并不因此将本发明限制在所述的实施例范围之中。The present invention is further illustrated below by means of examples, but the present invention is not limited to the scope of the examples.
实施例1Example 1
如图1所示,本实施例的流程图的绘制系统包括:数据库1、客户端2和服务器3。As shown in FIG. 1 , the flowchart drawing system of this embodiment includes: a database 1 , a client 2 and a server 3 .
数据库1用于存储流程图脚本。用户开始绘制流程图之前必须创建新的流程图脚本,然后编写程序的流程图脚本,编写完毕后将其保存在数据库中。用户在新建流程图时可设置流程图脚本的可见性(权限),只有满足可见性的用户才可进行流程图的编辑和查看。比如设置所有人,则所有用户都可以编辑和查看该流程图脚本。设置同组可见,则只有同组别的用户可以编辑和查看该流程图脚本。其中,保存的流程图脚本的脚本信息包括脚本名称、脚本类别、脚本描述、可见性等。Database 1 is used to store flowchart scripts. Before the user starts to draw the flowchart, he must create a new flowchart script, then write the flowchart script of the program, and save it in the database after writing. When creating a flowchart, the user can set the visibility (permission) of the flowchart script, and only users who meet the visibility requirements can edit and view the flowchart. For example, if everyone is set, all users can edit and view the flow chart script. Set visible to the same group, only users in the same group can edit and view the flow chart script. Wherein, the script information of the saved flowchart script includes script name, script category, script description, visibility and so on.
客户端2用于显示流程图脚本的脚本信息。其中,客户端可根据脚本类别对脚本信息进行分类后显示,脚本信息也可以树形结构显示。用户可以根据流程图的分类快速找到自己需要的流程图脚本,也可以直接通过查询功能查找相应的流程图脚本。用户找到目标流程图脚本的脚本名称时,选择树上脚本名称,客户端即会将选择指令发送至服务器,服务器则从数据库调用目标流程图脚本并显示在客户端,供用户查看或编辑。Client 2 is used to display the script information of the flowchart script. Wherein, the client can classify the script information according to the script category and display it, and the script information can also be displayed in a tree structure. Users can quickly find the flowchart script they need according to the classification of the flowchart, or directly search for the corresponding flowchart script through the query function. When the user finds the script name of the target flowchart script and selects the script name on the tree, the client will send the selection command to the server, and the server will call the target flowchart script from the database and display it on the client for users to view or edit.
本实施例中,绘制系统还包括权限设置模块和登录模块。权限设置模块用于为每个用户信息设置对应的用户权限;登录模块用于在用户登录时获取用户信息;客户端还用于根据用户信息分配对应的用户权限。从而,不同的用户根据其用户权限可查看或编辑不同的流程图脚本。In this embodiment, the drawing system further includes a permission setting module and a login module. The permission setting module is used to set the corresponding user permission for each user information; the login module is used to obtain the user information when the user logs in; the client is also used to assign the corresponding user permission according to the user information. Thus, different users can view or edit different flowchart scripts according to their user rights.
用户需要进行绘图时,只需要在客户端选择目标流程图脚本的脚本信息,生成绘图指令。其中,绘图指令包括目标流程图脚本的脚本信息。客户端则将接收到的绘图指令发送至服务器。When the user needs to draw, he only needs to select the script information of the target flowchart script on the client side to generate drawing instructions. Wherein, the drawing instruction includes script information of the target flowchart script. The client sends the received drawing instructions to the server.
服务器3在接收到绘图指令时调用绘图工具并根据目标流程图脚本绘制流程图,并将绘制的流程图返回至客户端进行显示。本实施例中,用户可自行选择客户端仅显示树形结构显示列表、流程图脚本或流程图客户端,或者同时显示两者或三者。当客户端同时显示流程图脚本的树形结构显示列表、流程图脚本和流程图时,三者可分别显示于显示界面的不同区域。用户还可通过客户端对流程图进行编辑,例如放大或缩小。When the server 3 receives the drawing instruction, it invokes the drawing tool and draws the flow chart according to the target flow chart script, and returns the drawn flow chart to the client for display. In this embodiment, the user can choose the client to display only the tree structure display list, the flow chart script or the flow chart client, or display both or all three at the same time. When the client side displays the tree structure display list of the flowchart script, the flowchart script and the flowchart at the same time, the three can be displayed in different areas of the display interface respectively. Users can also edit the flowchart through the client, such as zooming in or zooming out.
本实施例中,服务器还可将流程图保存在数据库中,从而下次可直接调用流程图显示,而无需重新生成流程图。本实施例中由于Graphviz是一款开源的可以绘制DOT语言描述图形的工具,因此选择Graphviz作为绘图工具。通过调用Graphviz自动生成的流程图,无需调整流程图中流程单元的尺寸、流程单元之间的间隔,无需对流程图进行排版,绘图效率大大提高。In this embodiment, the server can also save the flow chart in the database, so that the flow chart can be directly invoked next time without regenerating the flow chart. In this embodiment, since Graphviz is an open source tool capable of drawing graphics described in the DOT language, Graphviz is selected as the drawing tool. By invoking the flow chart automatically generated by Graphviz, there is no need to adjust the size of the process units in the flow chart, the interval between process units, or typesetting the flow chart, which greatly improves the drawing efficiency.
本实施例中,用户还可随时对流程图脚本进行修改,通过客户端生成编辑指令,客户端将接收到的编辑指令发送至服务器,服务器根据编辑指令修改目标流程图脚本。In this embodiment, the user can also modify the flow chart script at any time. The client generates an editing instruction, and the client sends the received editing instruction to the server, and the server modifies the target flow chart script according to the editing instruction.
从而,本实施例实现了在线绘制、管理和分享流程图,使用户可以很便捷的通过流程图实现业务知识的共享和维护。Therefore, this embodiment realizes online drawing, management and sharing of flow charts, so that users can conveniently share and maintain business knowledge through flow charts.
实施例2Example 2
本实施例的流程图的绘制方法利用实施例1的绘制系统实现,如图2所示,绘制方法包括以下步骤:The drawing method of the flow chart of the present embodiment utilizes the drawing system of embodiment 1 to realize, as shown in Figure 2, drawing method comprises the following steps:
步骤101、将流程图脚本存储于数据库中。Step 101, storing the flow chart script in the database.
步骤102、客户端显示流程图脚本的脚本信息,并将接收到的绘图指令发送至服务器。Step 102, the client displays the script information of the flow chart script, and sends the received drawing instruction to the server.
其中,绘图指令包括目标流程图脚本的脚本信息。Wherein, the drawing instruction includes script information of the target flowchart script.
其中,脚本信息包括以下参数中的至少一种:Wherein, the script information includes at least one of the following parameters:
脚本名称、脚本类别和脚本描述。Script name, script category, and script description.
步骤103、服务器在接收到绘图指令时调用绘图工具并根据目标流程图脚本绘制流程图。Step 103, when the server receives the drawing instruction, invokes the drawing tool and draws the flow chart according to the target flow chart script.
步骤104、服务器将流程图返回至客户端显示。Step 104, the server returns the flow chart to the client for display.
本实施例中,用户可随时对流程图脚本进行修改,具体的,步骤102还包括:In this embodiment, the user can modify the flow chart script at any time. Specifically, step 102 also includes:
客户端将接收到的编辑指令发送至服务器;The client sends the received editing instructions to the server;
步骤103还包括:Step 103 also includes:
服务器根据编辑指令修改目标流程图脚本。The server modifies the target flowchart script according to the editing instruction.
本实施例中,步骤102中,客户端显示流程图脚本的脚本信息具体包括:In this embodiment, in step 102, the script information of the client displaying the flowchart script specifically includes:
客户端根据脚本类别对脚本信息进行分类后显示;The client classifies the script information according to the script category and displays it;
和/或,脚本信息以树形结构显示。And/or, script information is displayed in a tree structure.
本实施例中,步骤102之前还包括:In this embodiment, before step 102, it also includes:
为每个用户信息设置对应的用户权限;Set corresponding user permissions for each user information;
在用户登录时获取用户信息;Obtain user information when the user logs in;
客户端根据用户信息分配对应的用户权限。The client assigns corresponding user permissions according to the user information.
从而,不同的用户根据其用户权限可查看或编辑不同的流程图脚本。Thus, different users can view or edit different flowchart scripts according to their user rights.
本实施例实现了在线绘制、管理和分享流程图,使用户可以很便捷的通过流程图实现业务知识的共享和维护。This embodiment realizes online drawing, management and sharing of flow charts, so that users can conveniently share and maintain business knowledge through the flow charts.
虽然以上描述了本发明的具体实施方式,但是本领域的技术人员应当理解,这仅是举例说明,本发明的保护范围是由所附权利要求书限定的。本领域的技术人员在不背离本发明的原理和实质的前提下,可以对这些实施方式做出多种变更或修改,但这些变更和修改均落入本发明的保护范围。Although the specific implementation of the present invention has been described above, those skilled in the art should understand that this is only an example, and the protection scope of the present invention is defined by the appended claims. Those skilled in the art can make various changes or modifications to these embodiments without departing from the principle and essence of the present invention, but these changes and modifications all fall within the protection scope of the present invention.
Claims (10)
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711340868.6A CN108008937A (en) | 2017-12-14 | 2017-12-14 | Flowcharting method and system |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711340868.6A CN108008937A (en) | 2017-12-14 | 2017-12-14 | Flowcharting method and system |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN108008937A true CN108008937A (en) | 2018-05-08 |
Family
ID=62059088
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201711340868.6A Pending CN108008937A (en) | 2017-12-14 | 2017-12-14 | Flowcharting method and system |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN108008937A (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112950744A (en) * | 2021-01-28 | 2021-06-11 | 平安普惠企业管理有限公司 | Method, device and equipment for drawing flow chart by visual drag and storage medium |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1601483A (en) * | 2004-10-22 | 2005-03-30 | 中国工商银行 | An Automated Software Testing System Based on Script Interpretation Tool |
| CN101206649A (en) * | 2006-12-20 | 2008-06-25 | 鸿富锦精密工业(深圳)有限公司 | Multi-task analysis system and method |
| CN103365945A (en) * | 2012-03-29 | 2013-10-23 | 乐金信世股份有限公司 | Method of managing script, server performing the same and storage media storing the same |
| US20150081685A1 (en) * | 2011-11-04 | 2015-03-19 | BigML, Inc. | Interactive visualization system and method |
| CN105739975A (en) * | 2016-01-26 | 2016-07-06 | 福建亿同世纪软件科技股份有限公司 | WEB browser based fishbone diagram online editing method |
| CN105786526A (en) * | 2016-03-24 | 2016-07-20 | 江苏大学 | Web-based efficient flow chart drawing system and method |
-
2017
- 2017-12-14 CN CN201711340868.6A patent/CN108008937A/en active Pending
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1601483A (en) * | 2004-10-22 | 2005-03-30 | 中国工商银行 | An Automated Software Testing System Based on Script Interpretation Tool |
| CN101206649A (en) * | 2006-12-20 | 2008-06-25 | 鸿富锦精密工业(深圳)有限公司 | Multi-task analysis system and method |
| US20150081685A1 (en) * | 2011-11-04 | 2015-03-19 | BigML, Inc. | Interactive visualization system and method |
| CN103365945A (en) * | 2012-03-29 | 2013-10-23 | 乐金信世股份有限公司 | Method of managing script, server performing the same and storage media storing the same |
| CN105739975A (en) * | 2016-01-26 | 2016-07-06 | 福建亿同世纪软件科技股份有限公司 | WEB browser based fishbone diagram online editing method |
| CN105786526A (en) * | 2016-03-24 | 2016-07-20 | 江苏大学 | Web-based efficient flow chart drawing system and method |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112950744A (en) * | 2021-01-28 | 2021-06-11 | 平安普惠企业管理有限公司 | Method, device and equipment for drawing flow chart by visual drag and storage medium |
| CN112950744B (en) * | 2021-01-28 | 2024-02-27 | 深圳市兴海物联科技有限公司 | Visual drag-and-drop flowchart drawing method, device, equipment and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US8180795B2 (en) | Apparatus and method for distribution of a report with dynamic write-back to a data source | |
| US10152773B2 (en) | Creating a blurred area for an image to reuse for minimizing blur operations | |
| US20140331179A1 (en) | Automated Presentation of Visualized Data | |
| US11620444B2 (en) | Providing action associated with event detected within communication | |
| CN109033157B (en) | Complex data retrieval method and system based on user-defined search condition tree | |
| US20160162448A1 (en) | Methods and systems for applying responsive design to subframes on a web page | |
| CN104484358A (en) | Process template displaying method and system | |
| US11120200B1 (en) | Capturing unstructured information in application pages | |
| CN116467433A (en) | Knowledge map visualization method, device, equipment and medium for multi-source data | |
| US7409642B2 (en) | Method and system for applying user interface elements to data | |
| CN104516864A (en) | Report generating method and report generating device | |
| WO2025045002A9 (en) | Method and apparatus for processing data table, and device and storage medium | |
| CN113656041A (en) | Data processing method, device, equipment and storage medium | |
| US20190026929A1 (en) | Organizing images automatically into image grid layout | |
| CN110222960B (en) | A method and system for automatically matching task generation | |
| CN112559603B (en) | Feature extraction method, device, equipment and computer-readable storage medium | |
| CN108008937A (en) | Flowcharting method and system | |
| JP6400191B2 (en) | Instruction set generation that implements rules designed to update specified objects according to the application data model | |
| US20180173776A1 (en) | Mapping 1:Many Relationships for Elements in a Database System | |
| CN119002781A (en) | Method, device, equipment and storage medium for creating template | |
| US11360649B2 (en) | Custom preview interface for search results | |
| US20070192759A1 (en) | Diagram editing apparatus | |
| WO2021082652A1 (en) | Information display method and apparatus, and computer-readable storage medium | |
| CN113312372A (en) | Case information processing method, device, equipment and storage medium | |
| CN116561456B (en) | Information screening method, device and computer equipment |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20180508 |