Уроки Java Spring Boot

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

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

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

Видеоурок

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


Схема 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 / Redux библиотеки
9 уроков
Изучение стека MEAN: MongoDB, Express, Angular и Node JS
10 уроков
Практика React JS / Разработка магазина (eCommerce)
9 уроков
Уроки Angular для начинающих
7 уроков
Разработка на Android Studio / Приложение E-Commerce
9 уроков
Разработка Android программы. Создание чата
6 уроков
Комментарии
Добавить комментарий

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