基于Java+Jsp实现的指定城市天气实时查询系统

基于Java+Jsp实现的城市天气实时查询Web系统

简单易懂的web天气查询，适用于学习、课设等用途。该系统后端使用java编程，前端使用Jsp+js，通过Http请求调用开源的天气查询API，实时查询某个城市天气信息，然后展示在前端页面。

功能介绍

1. 根据城市名称查询当前天气预报信息，在前端展示
2. 目前前端页面不支持切换城市，需要代码中修改城市名称实现，感兴趣的可以自己实现

技术栈

Spring + SpringMVC + JSP + JS + Http请求

运行环境

IDEA + Jdk + Tomcat

效果演示

项目结构

示例代码

页面代码

	<h1 style="color:red;font-size: 35px">和风天气</h1>
		
		
		<div style="height: 90px;width: 320px;">
			当地时间:<span id="date" style="color: orange"></span><br>
			国家:<span id="cnty"></span>&nbsp;&nbsp;&nbsp;&nbsp;地区:<span id="city"></span><br>
			经度:<span id="lon"></span>&nbsp;&nbsp;&nbsp;&nbsp;纬度:<span id="lat"></span>
		</div>
			<hr style="width: 350px;float: left;color: red" ><br>
		<div style="height: 300px;width: 800px">
			<div style="height:300px;width: 200px;float: left">
				天气情况:<span id="cond_cond"></span><br>
				体感温度:<span id="cond_hum"></span><br>
				降雨量(mm):<span id="pcpn"></span><br>
				气压:<span id="pres"></span>帕<br>
				当前温度(摄氏度):<span id="tmp"></span><br>
			</div>
			<div style="height:300px;width: 200px;float: left">
				能见度(km):<span id="vis"></span><br>
				风力状况:<span id="wind"></span><br>
				风向(方向):<span id="dir"></span><br>
				风力等级:<span id="sc"></span><br>
				风速(Kmph):<span id="spd"></span><br>
			</div>
		</div>

天气信息查询

    @RequestMapping("list")
    	public static String getWeather(HttpSession session) {
    	    String result = null;
    	    StringBuffer sbf = new StringBuffer();
    	    try {
    			String httpUrl = "https://free-api.heweather.net/s6/weather?location=北京&key=cbb58beffc284604b418260ba0adb554";
    			result = HttpUtil.httpsRequest("GET", httpUrl,null);
    			System.out.println(result);
    	        session.setAttribute("result", result);
    	    } catch (Exception e) {
    	        e.printStackTrace();
    	    }
    	    return "list";
    	}

最后

欢迎交流哦