# testflow

**Repository Path**: djxchi/testflow

## Basic Information

- **Project Name**: testflow
- **Description**: sdfasdasdfasdfasdf
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-03-18
- **Last Updated**: 2025-03-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Flow Designer

一个简单的流程设计工具，允许用户通过拖拽方式创建和编辑流程图，支持多种节点类型，模仿Dify工作流功能。

## 功能特点

- 支持多种节点类型：
  - **基础节点**: 开始节点、结果节点
  - **智能节点**: 大模型节点、智能体节点
  - **逻辑节点**: 条件判断节点、迭代器节点、代码节点
  - **工具节点**: 模板转换节点、HTTP节点、数据库节点
- 节点之间可以通过连线连接，形成完整的工作流
- 每个节点可以配置输入输出参数
- 支持节点的拖拽和位置调整
- 根据节点类型显示特定的配置选项
- 支持缩放和平移画布
- 提供小地图辅助导航

## 项目结构

```
/
├── index.html          # 主页面
├── css/                # 样式文件
│   └── style.css       # 主样式文件
├── js/                 # JavaScript文件
│   ├── main.js         # 主逻辑文件
│   ├── nodes.js        # 节点相关逻辑
│   └── flowChart.js    # 流程图绘制逻辑
└── README.md           # 项目说明文档
```

## 节点类型说明

1. **开始节点**: 流程的起始点，每个流程必须有一个开始节点
2. **大模型节点**: 调用AI大模型服务进行文本生成处理
3. **智能体节点**: 具备工具调用能力的AI节点
4. **条件判断节点**: 支持IF/ELSE条件分支逻辑
5. **迭代器节点**: 用于循环处理数据集合
6. **代码节点**: 执行Python或JavaScript代码
7. **模板转换节点**: 将数据根据模板转换为格式化的内容
8. **HTTP节点**: 发送HTTP请求与外部服务交互
9. **数据库节点**: 进行数据库查询操作
10. **结果节点**: 流程的终止点，输出最终结果

## 使用方法

1. 从左侧工具栏拖动节点到画布中
2. 点击节点可以配置节点参数
3. 通过连线工具连接节点，形成完整工作流
4. 点击保存按钮保存流程图

## 未来规划

1. 实现工作流执行功能
2. 添加更多节点类型
3. 支持工作流导入导出
4. 增加工作流测试和调试功能
5. 提供API接口，支持外部系统调用

## 技术栈

- HTML5
- CSS3
- JavaScript (ES6+)
- jsPlumb (用于节点连线)