Web приложение на Java + Javascript

95
12 марта 2022, 08:10

Стоит задача написать web приложение на Java (backend) и html+css+javascript(frontend). Java более мение знаю (серверная часть с обращением к главной html страницы написаны и работают) проблема в основном в JS, в данный момент читаю книжку, но там ни слова о том, как подружить js с java. Во условию задания использовать только js и java без фреймворков типа springboot. Подсобите с литературой, что лучше читать, примеры с подобной задачей и подробным пояснением были бы кстати. А то все, на что я наталкивался, это написание java web-приложения с использованием jsp страниц.

Answer 1

как подружить js с java

Им не нужно дружить важно понять как работает приложение

Представить что сайт должен отобразить пост(название, контент и автора) Ты посылаешь(вбиваешь адрес в поисковике) запрос на свой java сервер и тогда есть варианты:

Подход 1: java берет данные из бд о посте(исходя из запроса) и составляет html документ вставляя эти данные(jsp) и возвращает клиенту.

Подход 2: сервер возвращает html документ, javascript - начинает работу и посылает запрос серверу на получение данных - сервер их возвращает и javascript уже составляет html.(SPA)

ПС: в обоих случаях сервер возвращает не только html но и js и css и тд. Или же они подтягиваются с сервера потом уже на клиенте отдельными запросами.(для тебя это может быть неявно)

серверная часть с обращением к главной html страницы написаны и работают

не знаю какая задача, но добавь на эту страницу кнопку, привяжи к ней обработчик нажатия js. и в нем пошли любой запрос на свой сервер - вот как дружат/взаимодействуют java и js/ сервер и клиент.

Пример:

<html>
<head>
</head>
<body>
    <button id="btn"></button>
    <script>
        var btn = document.getElementById('btn');
        btn.onclick = function () {
           // Get получить с сервера порцию данных
        }
    </script>
</body>
</html>

В любом случае нужно помнить задачи:

сервер(java):управляет ответами на запрос и манипулирует данными на стороне сервера.

клиент(js): взаимодействует с пользователем отправляет запросы и обрабатывает ответы сервера

PS: Когда-то интересовался такими же вопросами и постарался объяснить как для себя - на пальцах. Если есть конкретная задача или недопонимание определенных моментов - уточни.

READ ALSO
Как озвучить текст на сайте?
javascript

Как озвучить текст на сайте?

Не могу найти подходящий вариантПомогите, если знаете

 110
Как объединить код js в один файл
javascript

Как объединить код js в один файл

Я пытаюсь разобраться что натворил разработчик но я не могу понять как это блин работает

 180
Скроллинг страницы с lazy load
javascript

Скроллинг страницы с lazy load

У меня есть страница с товарами, на неё сразу выводится 12 товаров, а потом когда страница проскроллилась до конца, скрипт обращается к PHP, передает...

 102
NodeJS/ExcelJS. Как выгрузить большое кол-во строк в excel?
javascript

NodeJS/ExcelJS. Как выгрузить большое кол-во строк в excel?

Есть парсер, который получает 3000 строк в минутуНеобходимо записать все это в excel

 136