Уроки Java Spring Boot

#2 - Главная страница сайта

#2 - Главная страница сайта

Каждый веб-сайт содержит основную страницу, что является презентационной страницей сайта. В ходе урока мы создадим все классы и файлы для отображения главной страницы сайта в браузере. Мы подключим стили Bootstrap и сделаем красивый вид для страницы.

Відеоурок

Telegram group

Підписуйтесь на нашу групу в Телеграмі 🇺🇦

Полезные ссылки:


Схема MVC

Spring Boot работает по шаблону проектирования MVC. Этот шаблон разбивает все файлы на три категории:

  1. Контроллеры - отслеживают URL адреса и вызывают модели, а также шаблоны;
  2. Модели - служат для работы с базой данных (создание таблиц, записей и манипуляция с ними);
  3. Шаблоны - HTML страницы что отображаются конечному пользователю в веб-браузере.


За урок нами был создан основной контроллер, а также были добавлены шаблоны для отображения информации пользователю. 


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

Между моделью и шаблоном в архитектуре Spring Boot MVC всегда стоит контроллер. После приёма запроса система определяет контроллер, который должен обработать данный запрос. После определения контроллера, ему передаются все данные, затем в нём начинается обработка данных и отправка их обратно через шаблон на сайт.


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


Пример:

@GetMapping("/about")
public String about(Model model) {
	return "about";
}

В примере мы отслеживаем переход на страницу «/about». При переходе на неё будет вызван метод «about» и код внутри метода вызовет шаблон с таким же названием - «about.html».


Шаблоны

Шаблоны это обычные HTML страницы с единственным отличием - наличием шаблонизатора. В Spring зачастую используется шаблонизатор ThymeLeaf. Это наиболее популярный шаблонизатор, но не единственный.


За счёт шаблонизаторов вы можете выводить переменные, создавать циклы, условные операторы и проводить множество других манипуляций внутри HTML документа.


Все созданные шаблоны необходимо сохранять внутри папки «resources/templates».

Матеріали для курсу

Щоб завантажувати матеріали до відеокурсів, необхідно оформити підписку на сайт

Вихідний код

Весь код буде доступний після підписки на проект!

Завдання до уроку

Необхідно оформити передплату на проект, щоб отримати доступ до всіх домашніх завдань

Велике завдання за курсом

Вам необхідно оформити передплату на сайті, щоб мати доступ до всіх великих завдань. У завдання входить методика рішення, а також готовий проект з відповіддю до завдання.
PS: подібні завдання доступні при підписці від 1 місяця

Також варто подивитися

Создание приложения на React JS / Использование API
7 уроків
Фреймворк Next JS / Изучение NextJS для начинающих
8 уроків
Java 3D Game / Разработка игры Minecraft
5 уроків
Створення динамічного веб-сайту
7 уроків
Курс по NestJS с нуля / Разработка веб проектов
9 уроків
Разработка на Android Studio / Приложение E-Commerce
9 уроків
Коментарі
Додати коментар

Поки що коментарів немає