# 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、预览效果
4、插件引入至此完成，你可以自由的创作了~
## 开发背景
毕业已一年矣！这一年均在办公OA开发中。此类系统，流程审批必不可少，其成为了系统重要的一部分。OA开发一年的我也想尝试去创作一款简单的流程图插件，于是microflow诞生了。作者是一枚JAVA开发工程师，因此不管是审美还是制作出方面都比不上前端的姐姐妹妹们，请君莫见笑哈！！！