# backend-management-system

**Repository Path**: coderlaogu/backend-management-system

## Basic Information

- **Project Name**: backend-management-system
- **Description**: 图形化托拉拽langgraph生成
- **Primary Language**: Unknown
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-10-12
- **Last Updated**: 2025-10-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 后台管理系统

这是一个基于Next.js和Shadcn UI构建的后台管理系统，提供了Agent管理、工作流构建、代码生成等核心功能。

## 功能特性

- **可视化Agent构建**：支持拖拽式组件编辑，实时预览配置
- **分层代码生成**：自动生成结构清晰的LangGraph代码
- **工作流管理**：提供完整的工作流设计和调试能力
- **响应式布局**：适配不同屏幕尺寸的友好交互
- **主题支持**：包含深色/浅色模式切换

## 技术架构

项目采用现代前端架构设计：
- Next.js App Router
- React Flow可视化流程图
- Shadcn UI组件库
- Tailwind CSS样式系统
- TypeScript类型安全
- Radix UI基础组件

## 核心模块

### Agent构建器
支持通过拖拽组件创建AI Agent，包含：
- 组件库：LLM、Memory、Tool等基础组件
- 画布编辑：可视化连接组件
- 属性配置：实时修改组件参数
- 代码生成：导出完整LangGraph代码

### 工作流构建
提供可视化工作流设计界面，支持：
- 节点连接
- 流程调试
- 状态保存

### 代码查看器
展示生成的LangGraph代码，支持：
- 分层查看
- 代码复制
- 文件下载

## 使用说明

1. 创建新Agent：从组件库拖拽组件到画布
2. 配置参数：点击组件设置属性
3. 连接节点：拖拽连接线建立组件关系
4. 保存进度：点击保存按钮持久化数据
5. 测试运行：点击测试按钮验证流程

## 贡献指南
欢迎贡献代码，请遵循以下规范：
1. 提交前确保测试通过
2. 保持代码风格一致性
3. 提交有意义的commit信息
4. 遵循组件命名规范

## 许可协议
本项目采用MIT开源许可协议，详见LICENSE文件。