Уроки Java Spring Boot / #2 - Главная страница сайта

• Создание главной страницы сайта и запуск через локальный сервер.  

• Рекомендация сайта aiki-proger.com для кода и домашних заданий по Java Spring.  

• Добавление дополнительных классов и шаблонов для главной страницы.  

• Переход на официальный сайт и использование документации для копирования кода.  

• Создание первого контроллера и копирование необходимого кода.  

• Создание папки "controllers" для хранения контроллеров.  

• Создание нового класса "mainController" в папке "controllers".  

• Исправление ошибки в названии класса.  

• Сокращение кода и удаление ненужных параметров.  

• Объяснение работы класса контроллера и обработки URL.  

• Вызов шаблона "home" при переходе на главную страницу.  

• Передача параметра "title" для вывода в шаблоне.  

• Переименование функции для обработки главной страницы.  

• Передача обязательного параметра "model" и данных в шаблон.  

• Удаление ненужных библиотек и подготовка к созданию шаблона.  

• Создаем папку "templates" в папке "resources".  

• Создаем файл "home.html" в папке "templates".  

• Изучаем HTML и CSS перед написанием шаблонов.  

• Подключаем шаблонизатор Thymeleaf.  

• Выводим название страницы и кодировку.  

• Используем синтаксис шаблонизатора для вывода текста.  

• Заменяем параметр "name" на "title".  

• Выводим текст "Hello" и параметр "title".  

• Повторяем процесс для тега "title".  

• Запускаем приложение через "run" или "debug".  

• Проверяем, что сервер запущен корректно.  

• Если порт 8080 занят, используем другой порт через файл "app.properties".  

• Проверяем порт, на котором запущен сервер.  

• Заходим на сайт через локальный хост и порт.  

• Убеждаемся, что главная страница отображается корректно.  

• Контроллер обрабатывает запрос и вызывает шаблон.  

• Шаблон выводит параметр "title" и текст "Hello, main page".  

• Вся дополнительная информация отображается в консоли.  

• Сайт выглядит убого, поэтому создаем шаблонную страницу с использованием Bootstrap.  

• Bootstrap - это фреймворк для создания веб-сайтов, содержащий готовые стили.  

• Переходим на официальный сайт Bootstrap и копируем шаблон для главной страницы.  

• Копируем любой шаблон с сайта Bootstrap и вставляем его в HTML-файл.  

• Главная страница будет статичной, без действий, в отличие от других страниц, где будут добавляться статьи.  

• Открываем консоль разработчика и вставляем скопированный элемент в HTML-файл.  

• Для подключения стилей Bootstrap переходим на сайт Bootstrap.com и копируем путь к CSS-файлу.  

• Вставляем путь в HTML-файл и перезапускаем сервер.  

• После перезапуска сервера добавляем стили и проверяем, что шапка отображается без стилей.  

• Копируем и вставляем основную часть и футер из шаблона Bootstrap.  

• Перезапускаем сервер и проверяем, что главная страница выглядит корректно.  

• Добавляем ссылки и футер, чтобы сделать их рабочими в следующем уроке.  

• Научились отслеживать страницы, добавляя новые шаблоны и функции.  

• Можно отслеживать несколько страниц, добавляя новые шаблоны и функции.  

• Подписывайтесь на канал, вступайте в группу ВКонтакте и переходите на сайт для продолжения обучения.