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}语法从请求属性访问了数据。
屏幕截图



创建者: