# AI full stack development

**Repository Path**: SwetShen/ai-full-stack-development

## Basic Information

- **Project Name**: AI full stack development
- **Description**: 一个全面覆盖AI开发的开源项目，包括数据处理、模型训练、部署与优化，旨在为开发者提供一站式AI解决方案。
- **Primary Language**: Python
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-04-27
- **Last Updated**: 2026-09-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Workflow Studio（类 Dify 工作流平台）

基于 **LangGraph + FastAPI + Vue Flow** 的轻量级工作流编排平台：拖拽式构建 AI 工作流，并**一键导出可执行的 Python 代码**。

## 核心能力

- **六种节点**：输入、输出、大模型（LLM）、代码编辑、条件判断、循环
- **可视化编排**：Vue Flow 拖拽画布、连线、属性面板
- **一键导出代码**：将工作流转换为可独立运行的 Python 脚本并下载
- **在线执行**：输入 JSON 数据，实时查看各节点输出
- **持久化**：工作流保存 / 打开 / 删除（JSON 文件存储）

## 技术栈

| 端 | 技术 |
| --- | --- |
| 后端 | FastAPI · LangGraph · LangChain-OpenAI · Python 3.10+ |
| 前端 | Vue 3 · Vue Flow · Pinia · Vite · TypeScript |

## 快速开始

### 1. 启动后端（端口 8000）

```bash
cd backend
pip install -r requirements.txt
cp .env.example .env      # 可选：填写 OPENAI_API_KEY 等
uvicorn app.main:app --reload --port 8000
```

API 文档：http://localhost:8000/docs

### 2. 启动前端（端口 5173）

```bash
cd frontend
npm install
npm run dev
```

打开 http://localhost:5173 ，点击工具栏「📚 加载示例」体验内置的线性 / 条件分支 / 循环示例，或从左侧面板拖拽节点自行编排，最后点击「📦 导出代码」即可下载生成的 Python 脚本。

```bash
python 示例_条件分支.py '{"user_input": "你好"}'
```

## 文档

- [后端说明](backend/README.md)
- [前端说明](frontend/README.md)
- [开发方案（plan.md）](plan.md)

## 目录结构

```
├── backend/          # FastAPI + LangGraph 后端
│   ├── app/
│   │   ├── api/      # CRUD / 执行 / 导出 路由
│   │   ├── core/     # 状态、图构建器、执行器、代码生成器、存储
│   │   └── nodes/    # 六种节点实现
│   └── tests/        # 核心 + LLM 测试
├── frontend/         # Vue 3 + Vue Flow 前端
│   └── src/
│       ├── views/    # 主编辑器
│       ├── components/  # 节点、面板、工具栏
│       ├── stores/   # Pinia 状态
│       └── api/      # API 封装
└── plan.md           # 项目开发方案
```

## License

ISC