[发明专利]一种基于Web的高效流程图绘制系统及方法

摘要

本发明公开了一种基于Web的高效流程图绘制系统及方法，包括绘图模块、界面模块、文件模块；绘图模块包括节点管理模块、边管理模块以及组管理模块，负责接受传入的流程图的参数、封装成Image类对象，调用一个开源的算法库完成流程图自动布局和绘制工作；界面模块包括交互模块、数据传输模块，采用Bootstrap框架实现页面特效；数据传输模块负责前台、后台数据的异步传输工作；交互模块用于确定出用户点击的图元并将其名称传输给后台，后台检索该图元信息后再通过数据传输模块返回到用户界面；文件模块其一负责接受绘图模块发送过来的SVG文件，生成对应的PDF文件，导出MySQL数据库备份文件；其二负责导入文件、上传文件，以及解析上传的文件获得绘图参数的工作。

主权项

1.一种基于Web的高效流程图绘制系统，其特征在于，包括绘图模块、界面模块、文件模块；所述绘图模块包括节点管理模块、边管理模块以及组管理模块，负责接受传入的流程图的参数，将这些参数封装成Image类数据对象，并调用一个开源的算法库GraphViz的API完成流程图自动布局和绘制工作；所述界面模块包括交互模块以及数据传输模块，属于系统用户页面主体部分，采用Bootstrap框架实现页面及页面特效；所述数据传输模块负责前台、后台数据的异步传输工作；所述交互模块一方面负责操作用户界面预览区中SVG图形的Dom接口，确定出用户点击的图元并将其名称传输给后台，后台检索该图元信息后再通过数据传输模块返回到用户界面；所述交互模块另一方面负责对SVG添加动画特效，以便用户进行个性化微调；所述文件模块包括文件生成模块、文件导入模块和文件导出模块；所述文件模块一方面负责接受所述绘图模块发送过来的SVG文件，并根据该SVG文件生成对应的PDF文件，同时导出MySQL数据库备份文件；另一方面负责导入文件、上传文件，以及解析上传的文件获得绘图参数的工作；所述绘图模块采用PHP语言编写实现；所述传入的流程图的参数包括：节点信息、边信息、组信息；所述界面模块采用Html语言与Javascript语言编写；所述数据传输模块采用Ajax技术实现，所述Ajax技术包括：异步Javascript和Xml技术；所述交互模块采用两个Javascript脚本实现；所述文件模块采用PHP和Python语言编写实现。