Java Spring Boot: Главная страница — пошаговое руководство

Подготовка проекта

Перед запуском необходимо добавить необходимые классы и шаблон главной страницы. Использование официальной документации для копирования кода с последующими изменениями более эффективно, чем ручное прописывание всех файлов.

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

Необходимый код для подключения библиотек (для Gradle код находится чуть ниже, чем для Maven) можно найти на официальном сайте, во вкладке «Guides», далее «Building a RESTful Web Service». Создадим контроллер MainController в пакете com/[ваш пакет] (папка src/main/java/com/[ваш пакет]/controller). Удалим сгенерированный код, оставив аннотацию @RestController. Вставим скопированный код из документации, заменив имя класса на MainController при необходимости.

Контроллер — класс с аннотацией @RestController, обрабатывающий URL-адреса. Функция в контроллере обрабатывает определённый URL. В данном примере используется @RequestMapping("/") для обработки URL главной страницы (/). В функции передаётся параметр model для передачи данных в шаблон; передадим параметр title со значением «Главная страница».

Создание шаблона

Создайте файл home.html в папке src/main/resources/templates.

В home.html добавьте HTML-код, подключив шаблонизатор Thymeleaf (как указано в application.xml). Внутри тегов <head> укажите название страницы и кодировку. Используйте синтаксис Thymeleaf для вывода текста и значений параметров, переданных из контроллера. Выведем текст «Привет, главная страница!» и значение параметра title.

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

Запустите приложение (кнопка «Start» или «Debug» в IDE). Время запуска может варьироваться от нескольких секунд до десятков секунд. При ошибке о занятом порту (например, 8080), освободите порт или измените его в application.properties (например, на 8081). Сообщение «started» в консоли указывает на успешный запуск.

Откройте браузер и перейдите по адресу localhost:8080 (или localhost:8081, если порт изменён). На странице должно отображаться содержимое home.html.

Добавление стилей с помощью Bootstrap

Для улучшения внешнего вида, используем Bootstrap. Скопируйте шаблон из раздела «Examples» на сайте [getbootstrap.com] и вставьте его в home.html. Подключите стили Bootstrap, добавив ссылку на CSS-файл с сайта [bootstrapcdn.com] в тег <head> home.html. Перезапустите сервер.

В этом уроке мы создали главную страницу сайта с использованием Spring Boot, Thymeleaf и Bootstrap. Мы обработали URL главной страницы, создали шаблон и подключили стили. Новые страницы добавляются аналогично — созданием новых контроллеров и шаблонов.

Что будем искать? Например,программа