Skip to content

CarpeWu/ai-website-generator

Repository files navigation

CarpeDiem - AI 零代码网站生成平台

Spring Boot Vue.js LangChain4j License

📖 项目简介

本项目是一个基于 Spring Boot 3 + LangChain4j + Vue 3AI 驱动 + 零代码 为核心的创新平台,让用户只需用自然语言描述需求,AI 即可自动生成完整的网站,支持 可视化编辑、一键部署、企业级管理

主页 homepage.png

我的作品 my-works.png

精选推荐 choiceness.png

✨ 核心功能

1. 智能代码生成

  • 使用自然语言描述您的网站需求,AI 自动分析并生成合适的网站结构
  • 通过先进的工具调用机制生成高质量的代码文件
  • 流式输出让您实时观看 AI 的执行过程和思考逻辑

【🖼️ 在此处放置代码生成演示截图】

2. 可视化编辑

  • 生成的应用实时预览,所见即所得
  • 进入编辑模式,自由选择页面元素进行修改
  • 与 AI 对话快速调整页面样式和布局直到满意

编辑 edit.png

AI 修改 changing.png

修改完成 changed.png

3. 一键部署分享

  • 将生成的网站一键部署到云端服务器
  • 自动生成封面图和访问地址
  • 支持完整项目源码下载,便于二次开发

deploy.png

4. 企业级管理

  • 完善的用户权限管理系统
  • 应用生命周期管理
  • 管理员可设置精选应用展示

用户管理 user-management.png

应用管理 application-management.png

📈 项目监控

系统监控

  • 健康检查/actuator/health
  • Prometheus 指标/actuator/prometheus
  • 应用信息/actuator/info

业务监控

  • AI 调用次数和成功率
  • Token 消耗统计
  • 用户活跃度
  • 应用生成成功率

supervisory-control.png

🏗️ 技术架构

后端技术栈

  • Spring Boot 3.5.4 - 企业级 Java 开发框架
  • LangChain4j 1.1.0 - AI 应用开发框架
  • LangGraph4j 1.6.0 - AI 工作流实现
  • MySQL 8.0+ - 关系型数据库
  • MyBatis-Flex 1.11.1 - ORM 框架
  • Redis + Caffeine - 多级缓存方案
  • Prometheus + Grafana - 监控系统

前端技术栈

  • Vue 3 - 渐进式 JavaScript 框架
  • TypeScript - 类型安全的开发体验
  • Vite - 快速构建工具
  • Element Plus - UI 组件库

📊 核心业务流程

架构设计

graph TD
    A[用户注册登录] --> B[输入提示词创建应用]
    B --> C[AI智能选择代码生成类型]
    C --> D[AI调用工具生成代码流式输出过程]
    D --> E[预览生成的网站]
    E --> F{是否需要修改?}
    F -- 需要修改 --> G[可视化编辑或继续对话]
    G --> H[AI调用工具修改代码]
    H --> E

    F -- 满意 --> I[部署应用获得链接]
    I --> J[自动截图生成封面]
    J --> K[下载项目代码]
    K --> L[用户可重新进入应用]
    L --> M[加载对话历史]
Loading

🚀 快速开始

环境要求

  • JDK 17+
  • Node.js 18+
  • MySQL 8.0+
  • Redis 6.0+

安装步骤

  1. 克隆项目
git clone https://github.com/CarpeWu/ai-website-generator
cd ai-website-generator
  1. 后端启动
# 安装依赖
./mvnw clean install

# 配置数据库
# 修改 src/main/resources/application.yml 中的数据库配置

# 启动应用
./mvnw spring-boot:run
  1. 前端启动
cd ai-code-mother-frontend

# 安装依赖
npm install

# 启动开发服务器
npm run dev
  1. 访问应用

🔧 开发指南

项目结构

ai-code-mother/
├── src/                          # 后端源码
│   ├── main/
│   │   ├── java/                 # Java 源文件
│   │   └── resources/            # 配置文件
│   └── test/                     # 测试代码
├── ai-code-mother-frontend/       # 前端源码
│   ├── src/                      # 源代码
│   ├── public/                   # 静态资源
│   └── package.json              # 依赖配置
├── scripts/                      # 部署脚本
├── config/                       # 配置文件
└── docs/                         # 文档

🌟 为什么选择 CarpeDiemAI?

  • 零代码体验:无需编程背景,自然语言描述即可生成网站
  • AI 智能驱动:基于大语言模型的智能分析和代码生成
  • 企业级架构:采用微服务架构,支持高并发场景
  • 完整生态:从生成到部署的一站式解决方案
  • 开源免费:MIT 协议,完全开源免费使用

🤝 贡献指南

我们欢迎任何形式的贡献!

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

📞 联系我们

🙏 致谢

感谢以下开源项目和技术:


⭐ 如果这个项目对您有帮助,请给我们一个 Star!

About

CarpeDiem-AI 零代码网站生成平台

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors