Создание приложения для управления задачами с помощью Spring Boot и Claude

Настройка среды

1. Скачайте и установите последнюю версию IntelliJ IDEA.

2. Установите JetBrains AI Assistant.

3. Активируйте Claude Agent одним из следующих способов:

   • С помощью подписки JetBrains AI

   • С помощью ключа API

   • С помощью Anthropic Console

Создание проекта

Создайте новый проект Spring Boot в IntelliJ IDEA:

1. В IntelliJ IDEA выберите Файл | Создать | Проект.

2. На панели слева выберите Новый проект | Spring Boot.

3. Укажите следующие поля и параметры в окне Новый проект:

   • Имя: task-manager-demo

   • Язык: Kotlin

   • Тип: Gradle — Kotlin

   • Имя пакета: org.jetbrains.kotlin.taskmanagerdemo

   • JDK: jbr-21

   • Java: 17

   

4. Убедитесь, что указали все поля, затем нажмите Далее.

5. Выберите последнюю стабильную версию Spring Boot в поле Spring Boot.

6. Выберите зависимость Web | Spring Web.

   

7. Нажмите Создать, чтобы сгенерировать и настроить проект.

   IDE сгенерирует и откроет новый проект. Загрузка и импорт зависимостей проекта могут занять некоторое время.

Создание плана разработки

В проекте:

1. Откройте окно инструментов AI Chat. По умолчанию выбран режим Чат. Выберите Claude Agent.

   

2. Нажмите Режим: по умолчанию и выберите Режим: планирование. Теперь Claude Agent готов составить план, не выполняя никаких действий.

   

3. Напишите запрос, в котором попросите Claude создать приложение для управления задачами. Расскажите, что, по вашему мнению, должно в него входить. Например:

   I'd like to create a task manager application for managing tasks, such as a grocery list. 
   It should have a basic UI and include categories, due dates, priorities, and status tracking. 
   
   Use VCS while working. Work step by step and create commits at each stage so I can review the changes afterward.
   

   Claude изучит структуру существующего проекта и предложит план.

4. Внимательно проверьте план, прежде чем продолжить. Чтобы внести изменения, выберите Нет, продолжить планирование и отправьте дополнительные комментарии.

5. Когда будете готовы продолжить, выберите вариант Да ..., соответствующий желаемому уровню контроля над изменениями Claude.

   

6. Claude выйдет из режима Планирование и начнет работу. Дождитесь ее завершения.

Проверка коммитов

Перед запуском приложения внимательно проверьте сгенерированные изменения:

1. Откройте окно инструментов Git, чтобы просмотреть список коммитов.

2. Выберите коммит и дважды щелкните каждый измененный файл, чтобы просмотреть различия в режиме сравнения IntelliJ IDEA.

Запуск приложения

Когда результат изменений вас устроит, запустите приложение:

1. Запустите задачу Gradle bootRun или выполните в терминале следующую команду:

   ./gradlew bootRun
   

2. Откройте в браузере URL-адрес localhost. Обычно по умолчанию используется:

   http://localhost:8080
   

   Теперь вы должны увидеть базовый интерфейс, созданный Claude.

   

Тестирование приложения

Теперь пора протестировать приложение.

./gradlew test

Улучшение приложения

Теперь, когда первоначальная задача выполнена, можно внести улучшения. Например, улучшим интерфейс, чтобы пользователи могли редактировать задачи прямо в списке.

Можно отправить запрос, например:

As a next step, allow users to edit tasks inline. For example, let users click on a task title to edit it directly in the list,
and update fields like priority, due date, or status without leaving the current view. 
This change should make the app feel faster and more intuitive to use.

Как и прежде, Claude изучит структуру существующего проекта и предложит план. Приняв план, дождитесь завершения работы Claude, проверьте изменения, а затем снова запустите приложение.

Поздравляем! Вы использовали Claude для планирования, создания, тестирования и улучшения приложения на Kotlin и Spring Boot прямо в IntelliJ IDEA.

Что дальше?

• Узнайте больше о навыках Kotlin AI

• Ознакомьтесь с руководством по использованию Junie с навыками Kotlin AI