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

联系我

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

• 邮箱：302661277@qq.com
  我将尽快回复您的消息，并感谢您对项目的关注和支持！

贡献

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

相关的后端项目

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