业务逻辑的复杂度决定了代码的复杂度,越复杂的代码越难维护。
如何将晦涩难懂的代码逻辑以流程图的形式表达了出来,让现在产品的业务逻辑一目了然?
今天介绍的这款工具也许能帮你解决这一痛点!
iMove
是一个面向前端开发者的逻辑编排工具,核心解决的是复杂逻辑复用的问题。
iMove
由2部分组成:画布和imove-sdk。通过本地起一个http服务运行画布,在画布上完成代码编写和节点编排,最终将流程导出dsl,放到项目中,通过imove-sdk
调用执行。
$ git clone https://github.com/ykfe/imove.git
$ cd imove/example
$ npm install
$ npm start
此时浏览器会自动打开 http://localhost:8000/ ,可以看到运行效果。
从左侧拖动节点至中央画布,绘制流程图
选择节点,修改节点名,编辑节点代码
开发者无须安装工具就能直接下载编译好的代码。
在项目开发中会遇到一个问题:每次修改代码都需要重新下载 zip 包并解压到指定目录,尤其是调试时需要频繁修改代码会非常不便。
使用本地编译的方式,通过 watch 流程图的保存操作,实时地编译出码到业务项目中。
流程可视化即天然的代码注释,原本晦涩难懂的代码逻辑通过iMove
以流程图的形式表达了出来,产品的业务逻辑一目了然。