iMoveJavaScript 逻辑编排工具

联合创作 · 2023-09-22 01:32

iMove 是一个逻辑可复用的,面向函数的,流程可视化的 JavaScript 工具库,一个面向前端开发者的逻辑编排工具,核心解决的是复杂逻辑复用的问题。

iMove 由 2 部分组成:画布和 imove-sdk。通过本地起一个 http 服务运行画布,在画布上完成代码编写和节点编排,最终将流程导出 dsl,放到项目中,通过 imove-sdk 调用执行。

特性

  • 流程可视化:上手简单,绘图方便,逻辑表达更直观,易于理解
  • 逻辑复用:iMove 节点支持复用,单节点支持参数配置
  • 灵活可扩展:仅需写一个函数,节点可扩展,支持插件集成
  • 适用于 JavaScript 所有场景:比如前端点击事件,Ajax 请求和 Node.js 后端 API等
  • 多语言编译:无语言编译出码限制(例:支持 JavaScript, Java 编译出码)

使用场景

  1. 前端流程:比如点击事件,组件生命周期回调等。
  2. 后端流程:比如 Node.js 或 Serverless 领域。
  3. 前端+后端:比如前端点击事件,Ajax 请求和后端 API。

快速开始

步骤 1. 准备

下载仓库,安装并启动

$ git clone https://github.com/ykfe/imove.git
$ cd imove/example
$ npm install
$ npm start

此时浏览器会自动打开 http://localhost:8000/ ,可以看到运行效果。

步骤 2. 绘制流程图

从左侧拖动节点至中央画布,绘制流程图

步骤 3. 配置节点

选择节点,修改节点名,编辑节点代码

 

浏览 14
点赞
评论
收藏
分享

手机扫一扫分享

编辑
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑
举报