# low_code_platform

**Repository Path**: www.123as.com/low_code_platform

## Basic Information

- **Project Name**: low_code_platform
- **Description**: 低代码平台
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-09-30
- **Last Updated**: 2026-04-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 低代码平台

一个现代化的低代码平台，支持可视化页面设计、组件拖拽、数据源连接等功能。

## 🚀 技术栈

### 前端技术
- **React 18** + **TypeScript** - 现代化UI框架
- **Ant Design** - 企业级UI组件库
- **React DnD** - 拖拽功能实现
- **Monaco Editor** - 代码编辑器
- **Zustand** - 轻量级状态管理
- **Vite** - 快速构建工具

### 后端技术
- **Node.js** + **Express** - 服务端框架
- **TypeScript** - 类型安全
- **Prisma** - 现代化ORM
- **PostgreSQL** - 主数据库
- **Redis** - 缓存和会话存储
- **JWT** - 身份认证

### 部署和运维
- **Docker** - 容器化部署
- **Nginx** - 反向代理
- **PM2** - 进程管理

## 📦 项目结构

```
low_code_platform/
├── frontend/                 # 前端项目
│   ├── src/
│   │   ├── components/      # 公共组件
│   │   ├── pages/          # 页面组件
│   │   ├── hooks/          # 自定义Hooks
│   │   ├── utils/          # 工具函数
│   │   └── types/          # 类型定义
│   ├── public/             # 静态资源
│   └── package.json
├── backend/                 # 后端项目
│   ├── src/
│   │   ├── routes/         # 路由处理
│   │   ├── middleware/     # 中间件
│   │   ├── services/       # 业务逻辑
│   │   └── utils/          # 工具函数
│   ├── prisma/             # 数据库模式
│   └── package.json
├── docker-compose.yml       # Docker编排
└── README.md
```

## 🛠️ 快速开始

### 环境要求
- Node.js >= 18.0.0
- PostgreSQL >= 13
- Redis >= 6
- Docker (可选)

### 本地开发

1. **克隆项目**
```bash
git clone <repository-url>
cd low_code_platform
```

2. **安装依赖**
```bash
# 安装根目录依赖
npm install

# 安装所有子项目依赖
npm run install:all
```

3. **配置环境变量**
```bash
# 复制后端环境变量模板
cp backend/env.example backend/.env

# 编辑环境变量
# 修改数据库连接、JWT密钥等配置
```

4. **启动数据库**
```bash
# 使用Docker启动PostgreSQL和Redis
docker-compose up postgres redis -d
```

5. **初始化数据库**
```bash
cd backend
npx prisma migrate dev
npx prisma generate
```

6. **启动开发服务器**
```bash
# 在根目录启动所有服务
npm run dev

# 或者分别启动
npm run dev:frontend  # 前端服务 (http://localhost:3000)
npm run dev:backend  # 后端服务 (http://localhost:5000)
```

### Docker部署

1. **构建和启动所有服务**
```bash
docker-compose up -d
```

2. **初始化数据库**
```bash
docker-compose exec backend npx prisma migrate deploy
```

## 📋 功能特性

### 🎨 可视化设计器
- 拖拽式页面设计
- 实时预览
- 组件属性配置
- 响应式布局支持

### 🧩 组件系统
- 丰富的组件库
- 自定义组件开发
- 组件复用和分享
- 组件版本管理

### 📊 数据源管理
- 多种数据源支持 (MySQL, PostgreSQL, MongoDB, REST API, GraphQL)
- 数据源连接测试
- 数据模型自动生成
- 数据权限控制

### 🚀 应用发布
- 一键发布到云端
- 自定义域名绑定
- CDN加速
- 版本回滚

### 👥 团队协作
- 多用户支持
- 权限管理
- 项目分享
- 实时协作编辑

## 🔧 开发指南

### 添加新组件
1. 在 `frontend/src/components/` 下创建组件
2. 在组件库中注册组件
3. 配置组件属性和默认值

### 添加新数据源
1. 在 `backend/src/services/` 下创建数据源服务
2. 实现数据源连接和查询逻辑
3. 在路由中注册数据源接口

### 数据库迁移
```bash
# 创建新的迁移
npx prisma migrate dev --name migration_name

# 应用迁移
npx prisma migrate deploy

# 重置数据库
npx prisma migrate reset
```

## 📝 API文档

### 认证接口
- `POST /api/auth/register` - 用户注册
- `POST /api/auth/login` - 用户登录
- `GET /api/auth/me` - 获取当前用户信息

### 项目管理
- `GET /api/projects` - 获取项目列表
- `POST /api/projects` - 创建项目
- `PUT /api/projects/:id` - 更新项目
- `DELETE /api/projects/:id` - 删除项目

### 页面管理
- `GET /api/pages/project/:projectId` - 获取项目页面
- `POST /api/pages` - 创建页面
- `PUT /api/pages/:id` - 更新页面
- `DELETE /api/pages/:id` - 删除页面

## 🤝 贡献指南

1. Fork 本仓库
2. 创建特性分支 (`git checkout -b feature/AmazingFeature`)
3. 提交更改 (`git commit -m 'Add some AmazingFeature'`)
4. 推送到分支 (`git push origin feature/AmazingFeature`)
5. 打开 Pull Request

## 📄 许可证

本项目采用 MIT 许可证 - 查看 [LICENSE](LICENSE) 文件了解详情

## 🙏 致谢

感谢所有为这个项目做出贡献的开发者们！

## 📞 联系我们

- 项目主页: [GitHub Repository]
- 问题反馈: [GitHub Issues]
- 邮箱: your-email@example.com