WeatherApp с использованием Java Servlet JSP
Описание
WeatherApp - это простое веб -приложение Java, разработанное с использованием сервлетов, JSP, HTML, CSS и JavaScript. Он интегрируется с API OpenWeatherMAP, чтобы получить данные о погоде для данного города и отображать их пользователю.
Функции
Получите данные о погоде на основе имени города пользователя. Отображать текущие погодные условия, включая температуру, влажность, скорость ветра, видимость и облачный покров и т. Д.
Технологии используются
- Java Servlets
- Javaserver страницы (JSP)
- HTML
- CSS
- JavaScript
- Библиотека GSON для разбора JSON
- Openweathermap api
Инструкции по настройке
- Загрузите и установите Eclipse IDE (или Intellij Idea).
- Загрузите и установите Apache Tomcat 10.1.1.
- Откройте Eclipse IDE и настройте его с помощью Apache Tomcat:
- Перейти в
Window -> Preferences . - Перейдите к
Server -> Runtime Environments . - Нажмите
Add и выберите Apache Tomcat v10.1.1 . - Предоставьте каталог установки Tomcat и завершите установку.
- Клонировать репозиторий в локальную машину, используя
git clone <repository_url> . - Импортируйте проект в Eclipse IDE:
- Перейдите в
File -> Import . - Выберите
Existing Projects into Workspace . - Выберите клонированный каталог проектов и импортируйте его в Eclipse.
- Убедитесь, что библиотека GSON включена в каталог
src/webapp/WEB-INF/lib в вашем проекте. Если нет, добавьте его вручную к пути сборки. - Получите ключ API от OpenWeatherMap и замените заполнителя
myApiKey в MyServlet.java на ваш фактический ключ API. - Запустите приложение на локальном сервере Apache Tomcat:
- Щелкните правой кнопкой мыши по проекту в Eclipse.
- Перейдите, чтобы
Run As -> Run on Server . - Выберите свой настроенный сервер Tomcat и нажмите
Finish .
- Доступ к WeatherApp через ваш веб -браузер, используя предоставленный URL (обычно
http://localhost:8080/WeatherApp ).
Интеграция API в сервлете:
- Создал java servlet (myservlet.java) для обработки HTTP -запросов.
- В методе Dopost извлек название города из ввода формы.
- Построил URL API с названием города и вашим ключом API (APIURL), чтобы получить данные о погоде.
HTTP -запрос на API:
- Использовал httpurlconnection для установления соединения с конечной точкой API.
- Установите метод запроса, чтобы получить и извлечь ответ API с помощью входных потоков.
Обработка ответа API:
- Ответ API был в формате JSON.
- Использовал библиотеку GSON, чтобы разобрать ответ JSON в JSONOBJECT.
- Извлечены соответствующие данные о погоде, такие как температура, влажность, скорость ветра, видимость, погодные условия и облачный покров из ответа JSON.
Настройка атрибутов запроса:
- Хранил извлеченные данные о погоде, название города, дату, время и другую соответствующую информацию в качестве атрибутов запроса с использованием httpservletrequest.setattribute ().
Запрос на пересылку JSP:
- Отправил запрос на страницу JSP (index.jsp) для рендеринга с использованием requestDispatcher.forward ().
Отображение данных в JSP:
- На нашей странице JSP (index.jsp) мы использовали HTML и встроенный код Java (EL Expressions) для отображения данных о погоде.
- Доступ к данным из атрибутов запроса с помощью $ {attributeName} синтаксиса.
Скриншоты
Создано:
