ui, frontend

CSS Grid Layout Module
Документация по тегам "gap", "grid"

This project was bootstrapped with Create React App Template for starting a new project with React and TypeScript. https://gitlab.com/Azirit/react-patterns

Стартовый проект GWT
Getting Started GWT
GWT Quick Guide
Работа с GWT с библиотекой ExtGWT (очень неплохо описано)
Новое в Ext GWT 3.0 (... UI binder забавный. Типа была разметка html и логика на js, теперь разметка на xml и логика на java...)
https://javastudy.ru/gwt/gwt-hello-world-example

Интеграция GWT со Spring Boot
Начальная настройка проекта, создание и запуск простейшего проекта GWT + Spring Boot: GitHub Quick Start GWT Boot

Стартовый проект GWT
Getting Started GWT
GWT Quick Guide
Работа с GWT с библиотекой ExtGWT (очень неплохо описано)
Новое в Ext GWT 3.0 (... UI binder забавный. Типа была разметка html и логика на js, теперь разметка на xml и логика на java...)
https://javastudy.ru/gwt/gwt-hello-world-example

Интеграция GWT со Spring Boot
Начальная настройка проекта, создание и запуск простейшего проекта GWT + Spring Boot: GitHub Quick Start GWT Boot

WebSocket (веб-сокет) — сетевой протокол передачи данных, который обеспечивает постоянное двустороннее (full-duplex) соединение между клиентом и сервером через одно TCP-соединение. Главная особенность — поддержка актуальности соединения без новых запросов от клиента.

Работа с WebSocket со Spring Boot описана Readme.md проекта https://github.com/cherepakhin/messaging-stomp-websocket. Задача проекта в передаче сообщений через веб-сокеты между браузерами клиентов, находящихся на разных машинах.
Демонстрация работы приложения:

Другой пример с Quarkus по ссылке https://github.com/cherepakhin/websockets-quarkus.

GitHub проекта: https://github.com/cherepakhin/spring-mvc-crud-example

GitHub проекта: https://github.com/cherepakhin/springboot-thymeleaf-security-demo
Демонстрация SpringBoot WEB приложения с авторизацией Spring Security.
Использованы следующие технологии:

• Spring Boot
• Spring MVC
• Thymeleaf
• Spring Security
• Spring Data JPA
• MySQL

hr-admin

https://github.com/cherepakhin/hr_admin

Заготовка для UI проектов со Spring Boot Web
Java 17
Основная цель ТОЛЬКО FRONTEND.

• В качестве template использован Freemarker с помощью библиотеки spring-boot-starter-freemarker
• Простой CRUD. База данных H2.
• Использован Tailwind CSS Framework(TailwindCSS) - CSS-фреймворк для оформления интерфейсов.
• При тестировании использован AssertJ
• Тесты в BDD стиле с Mockito (смотри файл EmployeeControllerTest.java)
• DataJpaTest в (смотри файл EmployeeRepositoryDataJpaTest.java)
• Использован GigaChat

Развернуто тут: https://v.perm.ru/hr_admin/ (запустить ~/temp/hr_admin.sh)

spring-boot-mdl

Скрытие элементов в мобильной версии

Класс md:hidden (md от middle device (?) ) используется в Tailwind CSS для скрытия элемента на экранах среднего размера (и шире — на больших экранах). Пример:

<div class="md:hidden ">
    <!-- остальной html content -->

Оглавление:

• Spring Boot MVC
• Spring Boot Admin
• GWT
• Wicket
• KWeb (Kotlin!)
• Vaadin
• Eclipse projects
• ControlsFX (Java FX)

Для размещения видео на сайте используется тег video:

По мотивам

hr-admin

https://github.com/cherepakhin/hr_admin

Заготовка для UI проектов со Spring Boot Web
Java 17
Основная цель ТОЛЬКО FRONTEND.

• В качестве template использован Freemarker с помощью библиотеки spring-boot-starter-freemarker
• Простой CRUD. База данных H2.
• Использован Tailwind CSS Framework(TailwindCSS) - CSS-фреймворк для оформления интерфейсов.
• При тестировании использован AssertJ
• Тесты в BDD стиле с Mockito (смотри файл EmployeeControllerTest.java)
• DataJpaTest в (смотри файл EmployeeRepositoryDataJpaTest.java)
• Использован GigaChat

Развернуто тут: https://v.perm.ru/hr_admin/ (запустить ~/temp/hr_admin.sh)

spring-boot-mdl

GitHub проекта: Пример ввода текста с помощью голоса в поле ввода в браузере test_speech.html (HTML+JS)

Попробовать

Ссылка на репозиторий: https://github.com/cherepakhin/hr_admin
Работающее приложение можно посмотреть по ссылке:https://v.perm.ru/hr_admin/

Пример в https://github.com/cherepakhin/hr_admin/blob/v0.0.6/src/main/java/net/guides/springboot2/freemarker/controller/PositionController.java

GitHub проекта: Тест распознавания голоса

Попробовать тест распознавания голоса