如今的社会,计算机办公已经成为我们生活中必不可少的一部分。目前的企业越来越庞大,企业内部的审批流程也越来越复杂,如果审批流程进展过于缓慢,会造成相应工作无法开展,从而对企业造成无可估计的损失。工作流系统的出现可以有效的解决这方面的问题,工作流系统目前被广泛应用于办公自动化、企业的过程建模、过程管理。工作流技术已经成为过程管理自动化的技术核心。如何构建一个有效、直观且符合自身需求的工作流系统,是增强企业管理能力,提升自身竞争力的一个必要手段。本文设计并实现了一个工作流系统。前端采取webpack进行打包管理,SVG为前端提供可视化界面,Vue为现在前端最流行的MVVM框架。后端采用Java语言进行编写。数据库是面向关系型数据库PostgreSQL。使用pgAdmin进行数据管理,方便数据人员日常工作。前后端交互采用XML技术。项目整体采用Docker进行镜像管理,运维人员只需pull镜像文件,无需关注项目交付时的环境等问题,方便了运维人员和程序员之间的沟通协作。本人主要负责此工作流的前端可视化部分的工作,设计并完成友好的人机交互界面,与后端人员协同解决项目中遇到的问题。本项目由南大先腾公司开发,目前已经成功运用到包括发改委系统在内的多个实际项目中去。本文首先阐述了可视化工作流系统的项目背景和该领域的研究现状。而后,本文介绍了项目的主要技术以及选择理由。之后,叙述了工作流系统的业务需求,并依据业务需求给出工作流描述语言设计、系统体系结构设计、功能模块设计。依据前面的设计分析,给出各个模块的详细设计与实现,包括流程图绘制模块、流程定义模块、流程实例管理模块、流程引擎模块、业务系统模块。根据系统的具体实现,给出了系统的测试。最后总结了论文的工作内容,并对未来的研究进行了展望。