🤖 克劳德MCP所有应用程序
仅凭提示开发的全栈应用程序\ 利用Claude AI在IntelliJ上从后端到前端进行全面开发
  
______________________________________________________________________
📖 项目简介
这个项目 利用Claude AI基于提示的开发学习的项目。
🎯 项目目的
- 仅凭提示开发
- 不直接编写代码,只通过自然语言对话开发 - 通过与Claude的对话说明和实施要求
- Claude+IntelliJ集成开发
- 利用IntelliJ的Claude MCP插件 - 在IDE中自动生成的项目配置 - 实时代码生成和重构
- 全栈开发With Claude
- 开发后端API服务器 - 前端UI开发 - 数据库设计 - 编写测试代码
💡 项目说明
克劳德MCP所有应用程序是具有用户身份验证功能的Todo管理应用程序。
主要功能:
- 分享注册和登录(Spring Security)
- Todo CRUD(创建、查询、修改、删除)
- 按用户管理Todo(其他用户无法访问Todo)
- 已完成/未完成切换状态
- 基于Thymeleaf的反应式Web UI
- RESTful API设计
开发流程:
프롬프트 입력 → Claude 분석 → 코드 생성 → 테스트 → 피드백 및 개선
↑ ↓
└──────────────────────────────────────────┘______________________________________________________________________
🏗️ 技术堆栈
后端
- 语言Kotlin 2.2.21
- 框架:弹簧靴4.0.0
- 对象关系映射:Spring数据JPA
- 安全:春季安全6
- 数据库:H2(内存中)
- 生成工具:Gradle(Kotlin DSL)
前端
- 模板引擎:百里叶
- 层叠样式表:香草CSS(响应式设计)
- 安全集成:Thymeleaf春季安全
测试
- 单元测试:JUnit5,Mockito Kotlin
- 集成测试:弹簧启动测试,MockMvc
- 总测试:101次测试(100%通过率)
发展
- 集成开发环境:IntelliJ IDEA
- AI助手:克劳德(人类学)
- 版本控制:Git
______________________________________________________________________
📁 项目结构
claude-mcp-todo-app/
├── src/
│ ├── main/
│ │ ├── kotlin/org/example/claudemcptodoapp/
│ │ │ ├── config/ # Spring Security 설정
│ │ │ ├── controller/ # REST API & View Controllers
│ │ │ ├── domain/ # Entity Classes (User, Todo)
│ │ │ ├── dto/ # Data Transfer Objects
│ │ │ ├── exception/ # Global Exception Handler
│ │ │ ├── repository/ # JPA Repositories
│ │ │ └── service/ # Business Logic
│ │ └── resources/
│ │ ├── templates/ # Thymeleaf Templates
│ │ │ ├── list.html # Todo 목록 페이지
│ │ │ ├── create.html # Todo 생성 페이지
│ │ │ ├── edit.html # Todo 수정 페이지
│ │ │ ├── login.html # 로그인 페이지
│ │ │ └── signup.html # 회원가입 페이지
│ │ └── application.properties
│ └── test/
│ └── kotlin/org/example/claudemcptodoapp/
│ ├── config/ # Config 테스트
│ ├── controller/ # Controller 테스트
│ ├── service/ # Service 단위/통합 테스트
│ ├── repository/ # Repository 테스트
│ ├── validation/ # Validation 테스트
│ └── exception/ # Exception Handler 테스트
├── build.gradle.kts
└── README.md______________________________________________________________________
🚀 开始
前提条件
开发环境
- JDK21或更高版本
- IntelliJ IDEA 2025.2或更高版本 (内置MCP Server功能)
- Git
Claude AI集成(可选)
要体验基于提示的开发,您需要:
- 克劳德桌面版 - 下载
- IntelliJ MCP Server插件 (集成在IntelliJ2025.2或更高版本中)
请参见:无需Claude联动即可运行项目。Claude集成是基于AI的开发体验的选择。
______________________________________________________________________
🔗 如何在Claude Desktop中使用IntelliJ
从IntelliJ IDEA 2025.2版本开始,集成了MCP Server功能,简化了设置。
联动顺序
1.验证IntelliJ IDEA的安装和版本
- 安装IntelliJ IDEA 2025.2或更高版本
- 建议使用早期版本进行更新
2.安装Claude Desktop
- Claude Desktop下载
- 安装后 完全结束 (也退出系统托盘)
3.自动配置IntelliJ MCP服务器
- 运行IntelliJ
설정(Settings)→도구(Tools)→MCP 서버(MCP Server)移动- “自动配置MCP客户端” 激活
- Claude Desktop自动连接设置完成
4.运行和验证Claude Desktop
- 重新启动Claude Desktop
- 自动与IntelliJ连接
- 可以从Claude访问项目文件
💡 联动提示
IntelliJ 2025.2或更高版本(推荐)
- 在IDE中内置MCP Server功能
- 单独的
mcp-proxy无需安装(deprecated) - 通过自动配置简化设置
使用早期版本时
- 可能需要手动设置
- Windows环境中可能出现错误
- JetBrains官方指南 参考
故障排除
- 确保Claude Desktop已完全关闭(任务管理器/活动监视器)
- IntelliJ重新启动后重试
- 如果以上方法无法解决,请检查IntelliJ版本
______________________________________________________________________
安装和运行
# 1. 저장소 클론
git clone https://github.com/kkookkss/claude-mcp-todo-app.git
cd claude-mcp-todo-app
# 2. 빌드
./gradlew build
# 3. 실행
./gradlew bootRun
# 4. 브라우저에서 접속
# http://localhost:8080运行测试
# 전체 테스트 실행
./gradlew test
# 특정 테스트만 실행
./gradlew test --tests "*TodoServiceTest"
# 테스트 리포트 확인
open build/reports/tests/test/index.html______________________________________________________________________
🔒 安全功能
- 认证/认可:春季安全
- 密码加密:BCrypt
- CSRF保护:启用
- 会话管理:HttpSession
- 验证权限:按用户控制数据访问
______________________________________________________________________
🧪 开发历史
第1阶段:项目初始设置
- 创建Spring Boot项目
- 设置默认依赖关系
第2阶段:API开发
- Entity、Repository、Service、Controller实施
- RESTful API设计
第3阶段:UI开发
- 创建Thymeleaf模板
- 应用响应式CSS
第4阶段:认证系统
- Spring Security设置
- 登录/注册页面
第5阶段:测试
- 创建101个测试
______________________________________________________________________
