smallstonesk
4 years ago
2 changed files with 91 additions and 14 deletions
@ -0,0 +1,57 @@ |
|||||
|
# iMove |
||||
|
|
||||
|
<div align="center"> |
||||
|
<img src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3874775950,1064987171&fm=26&gp=0.jpg" width="200px"> |
||||
|
</div> |
||||
|
|
||||
|
iMove 是一个逻辑可复用的,面向函数的,流程可视化的 JavaScript 工具库。 |
||||
|
|
||||
|
## 特性 |
||||
|
|
||||
|
- [x] **流程可视化**: 上手简单,绘图方便,逻辑表达更直观,易于理解 |
||||
|
- [x] **逻辑复用**: iMove 节点支持复用,单节点支持参数配置 |
||||
|
- [x] **灵活可扩展**: 仅需写一个函数,节点可扩展,支持插件集成 |
||||
|
- [ ] **多语言编译**: 无语言编译出码限制(例: 支持 JavaScript, Java 编译出码) |
||||
|
|
||||
|
## 快速开始 |
||||
|
|
||||
|
### 步骤 1. 准备 |
||||
|
|
||||
|
下载仓库,安装并启动 |
||||
|
|
||||
|
```bash |
||||
|
$ git clone https://github.com/imgcook/imove.git |
||||
|
$ cd ./imove/example |
||||
|
$ npm install |
||||
|
$ npm start |
||||
|
``` |
||||
|
|
||||
|
### 步骤 2. 绘制流程图 |
||||
|
|
||||
|
从左侧拖动节点至中央画布,绘制流程图 |
||||
|
|
||||
|
![flowchart](https://img.alicdn.com/tfs/TB1aoYe4pP7gK0jSZFjXXc5aXXa-3090-1806.jpg) |
||||
|
|
||||
|
### 步骤 3. 配置节点 |
||||
|
|
||||
|
选择节点,修改节点名,编辑节点代码 |
||||
|
|
||||
|
![flowchart-usage1](https://img.alicdn.com/tfs/TB1z6DKoZieb18jSZFvXXaI3FXa-1924-1125.png) |
||||
|
|
||||
|
![flowchart-usage2](https://img.alicdn.com/tfs/TB1lC26tTM11u4jSZPxXXahcXXa-1924-1125.png) |
||||
|
|
||||
|
## 贡献 |
||||
|
|
||||
|
1. Fork 仓库 |
||||
|
2. 创建分支 (`git checkout -b my-new-feature`) |
||||
|
3. 提交修改 (`git commit -am 'Add some feature'`) |
||||
|
4. 推送 (`git push origin my-new-feature`) |
||||
|
5. 创建 PR |
||||
|
|
||||
|
## 欢迎fork和反馈 |
||||
|
|
||||
|
如有建议或意见,欢迎在 github [issues](https://github.com/imgcook/imove/issues) 区提问 |
||||
|
|
||||
|
## 协议 |
||||
|
|
||||
|
本仓库遵循 [MIT 协议](http://www.opensource.org/licenses/MIT) |
Loading…
Reference in new issue