# microflow **Repository Path**: xujhui/microflow ## Basic Information - **Project Name**: microflow - **Description**: 办公审批流程图绘画工具插件。 - **Primary Language**: JavaScript - **License**: MIT - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 3 - **Forks**: 1 - **Created**: 2021-09-20 - **Last Updated**: 2024-07-22 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # MicroFlow ## 一、简介 microflow是一款由纯js、css打造的办公审批流程图绘画工具。使用者可在任何位置根据需要引入microflow.js、microflow.css文件以及image目录,即可使用microflow提供的方法绘画出你想要的审批流程图。 ## 二、使用教程 1、在html文件中引入microflow.css、microflow.js ```html microflow demo
``` 2、使用js 创建流程视图对象 ```javascript $mf.ready(function(){ var mf = new MicroflowView("#mymicroflow"); } ``` 3、预览效果 ![输入图片说明](https://images.gitee.com/uploads/images/2021/0921/001038_770ea357_5228549.png "microflow.png") ![输入图片说明](https://images.gitee.com/uploads/images/2021/0921/001201_9f8a9ba4_5228549.png "m2.png") 4、插件引入至此完成,你可以自由的创作了~ ## 开发背景 毕业已一年矣!这一年均在办公OA开发中。此类系统,流程审批必不可少,其成为了系统重要的一部分。OA开发一年的我也想尝试去创作一款简单的流程图插件,于是microflow诞生了。作者是一枚JAVA开发工程师,因此不管是审美还是制作出方面都比不上前端的姐姐妹妹们,请君莫见笑哈!!!