WeatherApp使用Java Servlet JSP
描述
WeatherApp是一個簡單的Java Web應用程序,使用Servlet,JSP,HTML,CSS和JavaScript開發。它與OpenWeatherMap API集成,以獲取給定城市的天氣數據並將其顯示給用戶。
特徵
根據用戶的輸入城市名稱獲取天氣數據。顯示當前天氣狀況,包括溫度,濕度,風速,可見性和雲覆蓋物等。
使用的技術
- Java Servlets
- Javaserver頁面(JSP)
- html
- CSS
- JavaScript
- json解析的GSON圖書館
- OpenWeathMap 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。
- 確保您的項目的
src/webapp/WEB-INF/lib目錄中包含GSON庫。如果沒有,請手動將其添加到構建路徑中。 - 從OpenWeatherMap獲取API鍵,並用您的實際API鍵在
MyServlet.java中替換佔位符myApiKey 。 - 在您的本地Apache Tomcat服務器上運行應用程序:
- 右鍵單擊Eclipse項目。
- 轉到
Run on Server Run As - >運行。 - 選擇您已配置的Tomcat服務器,然後單擊
Finish 。
- 使用提供的URL(通常是
http://localhost:8080/WeatherApp )訪問WeatherApp。
Servlet中的API集成:
- 創建了一個Java Servlet(Myservlet.java)來處理HTTP請求。
- 在Dopost方法中,從表單輸入中獲取了城市名稱。
- 用城市名稱和您的API密鑰(APIURL)構建了API URL以獲取天氣數據。
http請求到API:
- 使用httpurlconnection建立了與API端點的連接。
- 設置請求方法,使用輸入流獲取並檢索API響應。
處理API響應:
- API響應是JSON格式。
- 使用GSON庫將JSON響應解析為JsonObject。
- 從JSON響應中提取了相關的天氣數據,例如溫度,濕度,風速,可見性,天氣狀況和雲覆蓋率。
設置請求屬性:
- 使用httpservletrequest.setattribute()存儲了提取的天氣數據,城市名稱,日期,時間和其他相關信息作為請求屬性。
將請求轉發給JSP:
- 將請求轉發到使用requestDisPatcher.forward()渲染的JSP頁面(index.jsp)。
在JSP中顯示數據:
- 在我們的JSP頁面(index.jsp)中,我們使用了HTML和嵌入式Java代碼(EL表達式)來顯示天氣數據。
- 使用$ {attributeName}語法從請求屬性訪問了數據。
屏幕截圖



創建者: