vue的workflow工作流系统的设计与实现
摘 要 1ABSTRACT 2一、 引言 3（一）课题背景 3（二）课题研究路线 3（三）课题研究的意义 3二、系统开发及环境介绍 3（一）开发环境 31. Vue框架介绍 32. 系统运行环境 3（二）相关技术 41. Vue 42. java 43. java script 44. Node.js 45. Swagger 4三、系统需求分析 5（一）可行性分析 51.需求可行性分析 52.技术可行性分析 53.操作可行性分析 54.经济可行性分析 5（二）功能和需求分析 5（三）用例图分析 6四、 数据库系统设计 6（一）数据库设计概述 6（二）数据表设计 6五、 系统的详细设计 8（一）工作流程管理 81流程新增. 82.流程审核 103.文件作废 124.文件查询 155流程单导出 16（二）工作流程查看 171.我的工作列表、代签列表 172.流程审核历史列表 193.流程申请历史 204.流程历史版本 22六、总 结 23致 谢 24参考文献 25摘 要现在的公司需要审核的文件越来越多，对处理文件的效率的要求也越来越高，所以一款高效率的文件处理系统越来越迫切，本系统就是针对文件处理、文件审核去开发的。不仅可以实时提醒文件签核人去审核文件、对于系统来说文件签核的流程更加的简化、对于公司使用者来说，这个文件系统也更加的容易使用。整个系统采用Vue的前端框架搭建，流程包括文件的新增、选择审核人，系统会自动生成一个签核路程顺序，并按照从上到下的顺序去提醒审核人审核文件，文件审核后可以在审核历史中看到审核的文件，还包括申请历史等文件列表。
目 录
Abstract
Nowadays, more and more documents need to be reviewed by the company, and the requirements for the efficiency of processing documents are getting higher and higher. Therefore, an efficient file processing system is becoming more and more urgent. This system is developed for file pro *好棒文|www.hbsrm.com +Q: *351916072*
cessing and file review. of. Not only can the file signer be reminded in real time to review the file, the process of file signing is more simplified for the system, and the file system is more easy to use for company users.
The whole system is built with Vues frontend framework. The process includes adding new files and selecting auditors. The system will automatically generate a signing route sequence and remind the auditors to review the files in order from top to bottom. After the files are reviewed, they can be A review of the files seen in the audit history, including a list of documents such as the application history.
[Keywords]: workFlow，file，Vue，swagger
一、 引言
（一）课题背景
工作流处理系统负责的是整个公司的全部文件信息，不仅涉及大量的公司文件信息、而且有更加广大的范围、包括财务部、维修部等多个部门。所以这款工作流处理系统的作用不仅仅是审核文件流程上的简化，而且对文件的集中管理以及维护都是非常方便及有效的。这样的工作流处理系统对于公司的信息维护、文件的管理都有很直接的意义。
（二）本课题研究路线
本工作流处理系统系统在被公司使用时，可以比较容易的建立起工作流处理系统的信息。文件的审核不再需要拿着文件到处去找人签字，只需要在系统上提交文件审核，需要审核的文件就会出现在审核人的工作列表中并发送邮件提醒审核人审核文件，实现签核时间的最大节省。
（三）本课题研究的意义
系统选用了当今最好也是最流行的一款渐进式的框架Vue。这个WorkFlow的工作流处理系统系统最大化的简化了文件审核的流程，提高了公司的文件审核效率，促进了公司的运转速度，而且集中管理了文件的状态，让后期的文件更加容易管理。不需要再去保存纸质文档，更加的节省资源。
（1）系统主要针对的是公司中有大量文件需要处理的公司人群，在整体的工作流处理系统中简化了纸质的签核流程、支持打印等功能。让你更方便的保存文件的、更直观的展示文件信息。工作流处理系统的文件审核流程实施使整个的文件审核流程不在拘束于位置和时间，审核人可以随时随地的进行文件的审核。
（2）该系统中使用渐进式的流行框架Vue、对于公司项目的换代以及更新维护都有重大的意义。并且封装组件的技术更加节省代码量以及代码维护。
二、系统开发及环境介绍
（一）开发环境
Work Flow工作流的开发环境主要是渐进式的Vue框架，这款框架可以说是目前最受欢迎的前端框架了，不仅上手快而且采用数据驱动视图的原理进行开发，让你的程序更加一目了然，至于后端所用的技术是Java，Java非常受欢迎，来源于它本身非常的出色，功能强大。
1. 系统运行环境
对于Work Flow的运行环境，需要使用的开发工具是VsCode这是微软推出的，在终端中使用npm run dev就可运行，HBuilderX同样也可以运行Vue的项目文件，需要配置Git、Node.js以及一些搭配插件如中文插件、Vue高亮插件以方便系统的开发。
（二）相关技术
1. Vue
Vue的使用范围已经扩展到国外等多个国家，使用也是备受好评。Vue在状态管理等方面拥有突出的优势。而且支持跨平台的开发，更加节省时间、人力等资源。
（1）Vue的核心是数据驱动视图，当数据发生变化，Vue会自动去刷新视图，不需要我们再去手动重新渲染整个页面。
（2）Vue的状态管理是它非常亮眼的地方，它将项目中用到的所有状态全部装在一个Store中去集中管理，状态不可以直接去改变，只可以通过mutation去提交state,然后Vue才会去更新这个状态，这样做的有利地方在于他会有一个记录状态更改的log用来观看，直接更改状态是没有这个效果的。
（3）插件市场。Vue配备了丰富的开源的插件市场如Web端的elementUI，它包含了我们在项目开发中所涉及到的基本组建如input、button等封装组件，只需在Vue的全局中引入一次就可以在整个项目中去使用这款便捷的组件库，而且组件搭配各个属性满足不同的开发需求。
（4）组件化。组件化可以说是Vue的两大特色之一了，一个就是我们刚才说的数据驱动试图，再一个就是组件化了。组件化就是将通用并且在项目中多处使用的东西区封装起来，随时用随时拿，只需要写一次就可以多处使用，并且各个使用地方独立不干涉，更加模块化，降低代码的重复率。
目 录
Abstract
Nowadays, more and more documents need to be reviewed by the company, and the requirements for the efficiency of processing documents are getting higher and higher. Therefore, an efficient file processing system is becoming more and more urgent. This system is developed for file pro *好棒文|www.hbsrm.com +Q: *351916072*
cessing and file review. of. Not only can the file signer be reminded in real time to review the file, the process of file signing is more simplified for the system, and the file system is more easy to use for company users.
The whole system is built with Vues frontend framework. The process includes adding new files and selecting auditors. The system will automatically generate a signing route sequence and remind the auditors to review the files in order from top to bottom. After the files are reviewed, they can be A review of the files seen in the audit history, including a list of documents such as the application history.
[Keywords]: workFlow，file，Vue，swagger
一、 引言
（一）课题背景
工作流处理系统负责的是整个公司的全部文件信息，不仅涉及大量的公司文件信息、而且有更加广大的范围、包括财务部、维修部等多个部门。所以这款工作流处理系统的作用不仅仅是审核文件流程上的简化，而且对文件的集中管理以及维护都是非常方便及有效的。这样的工作流处理系统对于公司的信息维护、文件的管理都有很直接的意义。
（二）本课题研究路线
本工作流处理系统系统在被公司使用时，可以比较容易的建立起工作流处理系统的信息。文件的审核不再需要拿着文件到处去找人签字，只需要在系统上提交文件审核，需要审核的文件就会出现在审核人的工作列表中并发送邮件提醒审核人审核文件，实现签核时间的最大节省。
（三）本课题研究的意义
系统选用了当今最好也是最流行的一款渐进式的框架Vue。这个WorkFlow的工作流处理系统系统最大化的简化了文件审核的流程，提高了公司的文件审核效率，促进了公司的运转速度，而且集中管理了文件的状态，让后期的文件更加容易管理。不需要再去保存纸质文档，更加的节省资源。
（1）系统主要针对的是公司中有大量文件需要处理的公司人群，在整体的工作流处理系统中简化了纸质的签核流程、支持打印等功能。让你更方便的保存文件的、更直观的展示文件信息。工作流处理系统的文件审核流程实施使整个的文件审核流程不在拘束于位置和时间，审核人可以随时随地的进行文件的审核。
（2）该系统中使用渐进式的流行框架Vue、对于公司项目的换代以及更新维护都有重大的意义。并且封装组件的技术更加节省代码量以及代码维护。
二、系统开发及环境介绍
（一）开发环境
Work Flow工作流的开发环境主要是渐进式的Vue框架，这款框架可以说是目前最受欢迎的前端框架了，不仅上手快而且采用数据驱动视图的原理进行开发，让你的程序更加一目了然，至于后端所用的技术是Java，Java非常受欢迎，来源于它本身非常的出色，功能强大。
1. 系统运行环境
对于Work Flow的运行环境，需要使用的开发工具是VsCode这是微软推出的，在终端中使用npm run dev就可运行，HBuilderX同样也可以运行Vue的项目文件，需要配置Git、Node.js以及一些搭配插件如中文插件、Vue高亮插件以方便系统的开发。
（二）相关技术
1. Vue
Vue的使用范围已经扩展到国外等多个国家，使用也是备受好评。Vue在状态管理等方面拥有突出的优势。而且支持跨平台的开发，更加节省时间、人力等资源。
（1）Vue的核心是数据驱动视图，当数据发生变化，Vue会自动去刷新视图，不需要我们再去手动重新渲染整个页面。
（2）Vue的状态管理是它非常亮眼的地方，它将项目中用到的所有状态全部装在一个Store中去集中管理，状态不可以直接去改变，只可以通过mutation去提交state,然后Vue才会去更新这个状态，这样做的有利地方在于他会有一个记录状态更改的log用来观看，直接更改状态是没有这个效果的。
（3）插件市场。Vue配备了丰富的开源的插件市场如Web端的elementUI，它包含了我们在项目开发中所涉及到的基本组建如input、button等封装组件，只需在Vue的全局中引入一次就可以在整个项目中去使用这款便捷的组件库，而且组件搭配各个属性满足不同的开发需求。
（4）组件化。组件化可以说是Vue的两大特色之一了，一个就是我们刚才说的数据驱动试图，再一个就是组件化了。组件化就是将通用并且在项目中多处使用的东西区封装起来，随时用随时拿，只需要写一次就可以多处使用，并且各个使用地方独立不干涉，更加模块化，降低代码的重复率。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/rjgc/999.html
