nicbair / arcade-x6

Frontend of the Flow Orchestration Platform: an open-source, highly customizable frontend application designed specifically for component management, component orchestration, and process instance tasks. It provides an intuitive user interface and powerful features, enabling you to define and manage complex business processes in a concise manner.

arcade-x6

该项目是一个流程编排前端平台，旨在帮助用户轻松创建和管理业务流程。平台包含三大模块：组件列表、流程列表和任务管理。它提供了丰富的功能，包括业务组件查询、组件调试、查看组件详情、组件调用日志、流程实例创建、流程画布编辑器、流程实例版本控制、任务管理以及执行日志监控等。

功能特点

组件列表模块

• 支持业务组件的查询：快速搜索和筛选业务组件，方便用户找到所需组件。
• 组件调试：提供调试功能，让用户能够在开发阶段验证组件的正确性和可靠性。
• 查看组件详情：展示组件的详细信息，包括输入输出参数、使用示例等，帮助用户全面了解组件的功能和用法。
• 组件调用日志：记录组件调用过程中的日志信息，便于排查问题和分析性能。

流程列表模块

• 创建流程实例：用户可以通过流程列表模块创建新的流程实例，灵活定义流程的各个步骤和逻辑。
• 流程画布编辑器：提供直观的流程编辑界面，支持多种不同类型组件的编排和连接，帮助用户轻松设计流程。
• 流程实例版本控制：支持对流程实例进行版本管理，方便用户在开发和维护过程中进行迭代和升级。

任务管理模块

• 查看所有流程实例的执行任务：用户可以在任务管理模块中查看所有流程实例的执行任务，了解流程的进展情况。
• 执行日志监控：提供实时的执行日志监控功能，用户可以随时查看流程实例的执行情况和日志信息。

技术栈

• 前端框架：Vue.js
• UI 组件库：Ant Design Vue
• 数据可视化：AntV X6
• 状态管理：Vuex
• 路由管理：Vue Router
• HTTP 请求库：Axios

快速开始

1. 克隆项目到本地：

   git clone https://github.com/xw-an/arcade-x6.git

2. 安装依赖：

   cd arcade-x6
   npm install

3. 运行开发服务器：

   npm run serve

4. 打开浏览器，访问 http://localhost:8080

联系我

如果您有任何疑问或建议，请通过以下方式联系我：

• 邮箱：[email protected]
  我将尽快回复您的消息，并感谢您对项目的关注和支持！

贡献

如果你对该项目有兴趣并希望贡献代码，欢迎提交 Pull Request。在提交之前，请确保你的代码符合项目的编码规范，并附上清晰的描述和详细的测试结果。

相关的后端项目

• 项目仓库地址：https://github.com/xw-an/arcade-x6-api.git
• 项目描述：该项目对应的后端项目