随着互联网技术的发展,现有业务趋向于线上办公,前端需要处理的业务流程越来越多,而传统的前端框架更多的是将重心放在代码重用、页面渲染效率提升等方面,针对复杂多变的业务流程,往往需要修改大量代码来完善业务逻辑,业务流程可维护性较差。针对这些问题,本文在MVVM前端框架NoDomJS的基础上,借鉴工作流引擎处理业务流程的优势,开发了一款轻量级工作流引擎,实现对前端开发中工作流的管理,提高开发效率。本文首先分析了课题的研究背景以及前端框架和工作流引擎的当前研究现状,阐述了现有工作流引擎的体系架构及相关工作流技术,并对MVVM前端框架NoDomJS进行介绍。其次,根据工作流引擎相关理论和设计理论,完成了工作流引擎的需求分析,明确了设计原则以及引擎的架构。针对现有的流程模型不能在JavaScript环境中应用的问题,提出了一种JSON格式的业务流程建模方法,保证了流程模型表示和存储的有效性,减少工作流引擎处理流程模型的工作量。同时针对现有工作流引擎未处理流程模型相似度的问题,提出一种基于模型结构和事件日志的流程相似度方法,通过计算流程的相似度来避免重复创建现有流程,该算法已应用到工作流引擎中。基于JavaScript设计开发了轻量级工作流引擎,将引擎分为数据管理层、流程调度管理层和页面渲染层,对每一层的功能进行介绍。为了更好的与NoDomJS相结合,对前端框架的模块进行重构,保证了业务逻辑在前端模块中的正确执行,设计思路上贴近NoDomJS,降低了开发人员使用工作流引擎的学习成本。最后完成了对工作流引擎的全面测试,结合前端框架开发实际应用。根据代码质量检测工具和自动化测试工测试引擎,测试结果表明,工作流引擎的功能完整且能满足应用程序中业务流程的开发,解决了由于业务逻辑改变导致代码大量重构的问题。