# AI零代码应用生成平台

**Repository Path**: h00ngyee/nocode

## Basic Information

- **Project Name**: AI零代码应用生成平台
- **Description**: 基于Spring Boot3+LangChain4j+Vue 3开发的AI代码生成平台
1)智能代码生成：用户输入需求描述，采用流式输出
2)可视化编辑：生成的应用将实时展示，可以进入编辑模式
3)一键部署分享：可以将生成的应用一键部署，获得可访问的地址进行分享，支持完整项目源码下载
4)企业级管理：提供系统监控、业务指标监控等后台功能，管理员可以设置精选应用、监控AI调用情况和系统性能
- **Primary Language**: Java
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-12-13
- **Last Updated**: 2026-01-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# NoCodeWeb

> AI驱动的零代码Web应用生成平台

NoCodeWeb是一个基于AI的无代码Web应用平台，用户可以通过自然语言对话快速生成Web应用程序。平台集成了先进的AI技术，让应用开发变得简单高效。

## ✨ 功能特性

- 🤖 **AI驱动开发** - 通过对话式交互生成Web应用
- 🎨 **多文件代码生成** - 自动生成完整的项目结构
- 💬 **智能对话** - 基于LangChain4j的上下文感知对话
- 🔐 **用户认证** - 支持用户注册、登录和权限管理
- 📊 **应用管理** - 用户可管理自己的AI应用
- ⚡ **实时预览** - 快速查看生成的代码效果
- 🛡️ **角色权限** - 支持普通用户和管理员角色

## 🛠️ 技术栈

### 后端
- **Spring Boot 3.5.8** - Java应用框架
- **MyBatis-Flex** - 数据持久层
- **LangChain4j** - AI/LLM集成
- **MySQL** - 关系型数据库
- **Redis** - 缓存和会话存储
- **Knife4j** - API文档生成

### 前端
- **Vue 3.5** - 前端框架
- **TypeScript** - 类型安全
- **Vite** - 构建工具
- **Pinia** - 状态管理
- **Ant Design Vue** - UI组件库
- **Vue Router** - 路由管理

## 🚀 快速开始

### 环境要求

- Java 21+
- Node.js 18+
- MySQL 8.0+
- Redis 6.0+
- Maven 3.8+

### 安装步骤

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

2. **配置数据库**
```bash
# 创建MySQL数据库
mysql -u root -p
CREATE DATABASE frontend_ai_coder_db;
```

3. **启动后端服务**
```bash
./mvnw spring-boot:run
```
后端将在 http://localhost:8123 启动

4. **启动前端应用**
```bash
cd NoCodeWeb-frontend
npm install
npm run dev
```
前端将在 http://localhost:5173 启动

5. **访问应用**
打开浏览器访问 http://localhost:5173

## 📁 项目结构

```
NoCodeWeb/
├── src/main/java/com/hongye/frontendaicoder/   # 后端Java代码
│   ├── ai/              # AI代码生成服务
│   ├── controller/      # REST API控制器
│   ├── service/         # 业务逻辑层
│   ├── mapper/          # 数据访问层
│   └── model/           # 数据模型
├── NoCodeWeb-frontend/  # 前端Vue应用
│   └── src/
│       ├── components/  # Vue组件
│       ├── pages/       # 页面视图
│       ├── stores/      # 状态管理
│       └── router/      # 路由配置
└── src/main/resources/
    ├── application.yml  # 应用配置
    └── prompt/          # AI提示模板
```

## 🎯 使用指南

1. **注册/登录** - 创建账户或登录现有账户
2. **创建应用** - 点击"新建应用"，配置应用名称和描述
3. **AI对话** - 在聊天界面描述您想要的应用功能
4. **生成代码** - AI将根据您的需求生成对应的Web应用代码
5. **预览/编辑** - 查看生成的代码并进行必要的调整
6. **保存/发布** - 保存您的应用并可随时访问

## 📖 更多信息

详细的开发指南和配置说明，请查看 [CLAUDE.md](./CLAUDE.md) 文件。

## 📄 许可证

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

## 👥 贡献

欢迎提交 Issue 和 Pull Request！

## 🙏 致谢

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