使用说明
🤖 克劳德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个测试
