目录

1,目的

2,hive中的操作

2.1创建数据库

2.2,建表并导入数据

2.3,提取需要的数据

2.4,创建新的表并导入上一步所得数据

3,开发web项目

3.1,创建maven的web项目,并导入依赖

3.2,Util工具包

3.3,pojo层

3.4,dao层

3.5,service层

3.6,control层

3.7,配置web.xml

3.8,html页面

4,页面显示


1,目的

将数据导入到hive中,通过数据分析后将结果存到新的表中,然后读取hive中的数据进行数据可视化。需要项目所需jar包,json文件和js文件以及数据可以关注我的微信公众号大太阳花花公主,在后台回复hive即可。 

2,hive中的操作

首先将数据上传到HDFS,然后启动hive,如果因为namenode处于安全模式而无法启动hive可参考我的另一篇博文:

“Name node is in safe mode”的解决方法 

2.1创建数据库

create database nybikedb;

2.2,建表并导入数据

注意在创建表之前需要先使用数据库,即use nybikedb;

创建表:

create table tb_trip_06(tripduration int,starttime string,stoptime
string,start_station_id int,start_station_name string,start_station_latitude
double,start_station_longitude double,stop_station_id int,stop_station_name
string,stop_station_latitude double,stop_station_longitude double,bikeid
int,usertype string,birth_year int,gender int) row format delimited fields
terminated by ',';

导入数据:

load data inpath 'hdfs://hadoop:9000/201906.csv' overwrite into table
tb_trip_06;

2.3,提取需要的数据

由于项目需求是分析6月份的30天的骑行数据,并对比每天每小时的骑行数量,因此只需要从源数据中提取日期,小时和骑行数量。

select day(starttime),hour(starttime),count(*) from tb_trip_06 group by
day(starttime),hour(starttime) order by `_c0`,`_c1`;

_c0, _c1, _c2为临时生成的三个字段,分别表示的是day、hour、 count(日期、小时、数量),需注意的是 _ 是关键字符,如果作为普通字符使用,在外面加上 ` 

2.4,创建新的表并导入上一步所得数据

创建新表:

create table tb_trip_day_hour_count(day int,hour int,counts int)

导入数据: 

insert into tb_trip_day_hour_count selectday(starttime),hour(starttime),
count(*) from tb_trip_06 group byday(starttime),hour(starttime) order by `_c0`,`_c1`;

3,开发web项目

3.1,创建maven的web项目,并导入依赖

创建maven项目后在webapp目录下创建 data (存放china.json和world.json)和 js 文件夹(存放echarts.js、echarts-gl.js和jquery-1.11.0.min.js)

在pom.xml中导入相关依赖,内容如下:

<dependencies>
<dependency>
<groupId>org.apache.hadoop</groupId>
<artifactId>hadoop-common</artifactId>
<version>2.7.3</version>
</dependency>
<dependency>
<groupId>org.apache.hadoop</groupId>
<artifactId>hadoop-client</artifactId>
<version>2.7.3</version>
</dependency>
<dependency>
<groupId>org.apache.hadoop</groupId>
<artifactId>hadoop-hdfs</artifactId>
<version>2.7.3</version>
</dependency>
<dependency>
<groupId>org.apache.hadoop</groupId>
<artifactId>hadoop-mapreduce-client-core</artifactId>
<version>2.7.3</version>
</dependency>
<dependency>
<groupId>org.apache.hive</groupId>
<artifactId>hive-jdbc</artifactId>
<version>2.3.6</version>
</dependency>
<dependency>
<groupId>org.apache.hive</groupId>
<artifactId>hive-exec</artifactId>
<version>2.3.6</version>
</dependency>
<dependency>
<groupId>jdk.tools</groupId>
<artifactId>jdk.tools</artifactId>
<version>1.8</version>
<scope>system</scope>
<systemPath>${JAVA_HOME}/lib/tools.jar</systemPath>
</dependency>
<dependency>
<groupId>com.alibaba</groupId>
<artifactId>fastjson</artifactId>
<version>1.2.58</version>
</dependency>
</dependencies>

3.2,Util工具包

在util包中新建一个工具类用于与hive数据库连接。

import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.SQLException;
//获取hive连接
public class HiveDBUtil {
 private static String url="jdbc:hive2://192.168.59.100:10000/nybikedb";		
 private static String user = "root";
 private static String password = "root";
 static {
	 try {
		Class.forName("org.apache.hive.jdbc.HiveDriver");		
	} catch (Exception e) {
		e.printStackTrace();
	}
 }
public static Connection getHiveConn() throws SQLException {
	return DriverManager.getConnection(url,user,password);
}
}

3.3,pojo层

DayCount与hive中tb_trip_day_hour_count表对应,用于对应后端数据的封装

public class DayCount {
	private Integer day;
	private Integer hour;
	private Integer counts;
	
	public DayCount() {
		super();	
	}
	public DayCount(Integer day, Integer hour, Integer counts) {
		super();
		this.day = day;
		this.hour = hour;
		this.counts = counts;
	}
	public Integer getDay() {
		return day;
	}
	public void setDay(Integer day) {
		this.day = day;
	}
	public Integer getHour() {
		return hour;
	}
	public void setHour(Integer hour) {
		this.hour = hour;
	}
	public Integer getCounts() {
		return counts;
	}
	public void setCounts(Integer counts) {
		this.counts = counts;
	}
	@Override
	public String toString() {
		return "DayCount [day=" + day + ", hour=" + hour + ", counts=" + counts + "]";
	}
	

}

HourCountVO类对应前端数据的封装 

import java.util.List;
public class HourCountVO {
	private List<Integer> xData;
	private List<DayItem> yData;
	
	public HourCountVO() {
		super();
	}
	public HourCountVO(List<Integer> xData, List<DayItem> yData) {
		super();
		this.xData = xData;
		this.yData = yData;
	}
	public List<Integer> getxData() {
		return xData;
	}
	public void setxData(List<Integer> xData) {
		this.xData = xData;
	}
	public List<DayItem> getyData() {
		return yData;
	}
	public void setyData(List<DayItem> yData) {
		this.yData = yData;
	}
	@Override
	public String toString() {
		return "HourCount [xData=" + xData + ", yData=" + yData + "]";
	}
	
}

DayItem用于封装每天的数据,其中日期day用于图例。

import java.util.List;
public class DayItem {
	private List<Integer> hourData;
	private String dataName;
	
	public DayItem() {
		super();
	}
	public DayItem(List<Integer> hourData, String dataName) {
		super();
		this.hourData = hourData;
		this.dataName = dataName;
	}
	public List<Integer> getHourData() {
		return hourData;
	}
	public void setHourData(List<Integer> hourData) {
		this.hourData = hourData;
	}
	public String getDataName() {
		return dataName;
	}
	public void setDataName(String dataName) {
		this.dataName = dataName;
	}
	@Override
	public String toString() {
		return "DayItem [hourData=" + hourData + ", dataName=" + dataName + "]";
	}	
}

3.4,dao层

在dao包中新建一个TripDao接口

import java.util.List;
import pojo.DayCount;

public interface TripDao {
	List<DayCount> listCountPreHourOfDay();
 
}

在dao.impl包中新建一个类用于实现接口TripDao

import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.util.ArrayList;
import java.util.List;
import dao.TripDao;
import pojo.DayCount;
import utils.HiveDBUtil;
public class TripDaoHiveTmpl implements TripDao{
	public List<DayCount> listCountPreHourOfDay(){
		List<DayCount> list = new ArrayList<DayCount>(720);
		String sql="select * from tb_trip_day_hour_count";		
		try {
			//获取连接
			Connection conn = HiveDBUtil.getHiveConn();
			//获取预编译的sql执行对象
			PreparedStatement ps = conn.prepareStatement(sql);
			//执行sql,获取结果
			ResultSet rs = ps.executeQuery();
			while(rs.next()) {
				int day = rs.getInt("day");
				int hour = rs.getInt("hour");
				int counts = rs.getInt("counts");
				DayCount DC = new DayCount(day,hour,counts);
                list.add(DC);
			}			
		} catch (Exception e) {
			e.printStackTrace();
		}
		return list;		
	}
}

3.5,service层

在service包中新建一个TripService接口

import pojo.HourCountVO;

public interface TripService {
	HourCountVO findCountPreHourOfDay();

}

在service.impl包中新建一个类用于实现接口TripService

import Service.TripService;
import dao.TripDao;
import dao.impl.TripDaoHiveTmpl;
import pojo.DayCount;
import pojo.DayItem;
import pojo.HourCountVO;
import java.util.ArrayList;
import java.util.List;
import java.util.Set;
import java.util.TreeSet;
public class TripServiceImpl implements TripService{
	private TripDao dao=new TripDaoHiveTmpl();
	public HourCountVO findCountPreHourOfDay() {
		HourCountVO vo=new HourCountVO();
		List<DayCount> list=dao.listCountPreHourOfDay();	
		Set<Integer> xDataSet = new TreeSet<Integer>();
		//声明数组,保存每天的DayItem,数组下标=日期-1
		DayItem[] itemArr = new DayItem[31];
		for (DayCount dc : list) {
			xDataSet.add(dc.getHour());
			DayItem item=itemArr[dc.getDay()-1];
			if(item==null) {
				item = new DayItem();
				item.setDataName("6-"+dc.getDay());
				item.setHourData(new ArrayList<Integer>(24));
				itemArr[dc.getDay()-1]=item;
			}
			item.getHourData().add(dc.getCounts());
		}	
		List<DayItem> yDataList = new ArrayList<DayItem>();
		for (DayItem dayItem : itemArr) {
			if(dayItem !=null) {
				yDataList.add(dayItem);
			}
		}
		List<Integer> xData = new ArrayList<Integer>(xDataSet);
		vo.setxData(xData);
		vo.setyData(yDataList);
		return vo;
	}
}

3.6,control层

import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.alibaba.fastjson.JSON;
import Service.TripService;
import Service.impl.TripServiceImpl;
import pojo.HourCountVO;

public class TripServlet extends HttpServlet {
	private static final long ServiceVersionUID = 1L;
	private TripService service = new TripServiceImpl();
	
	@Override
	protected void doGet(HttpServletRequest req, HttpServletResponse resp)
			throws ServletException, IOException {
		HourCountVO vo = service.findCountPreHourOfDay();
		String jsonStr = JSON.toJSONString(vo);
		resp.setContentType("application/json;charset=utf-8");
		resp.getWriter().write(jsonStr);
	}
	
	@Override
	protected void doPost(HttpServletRequest req, HttpServletResponse resp) 
			throws ServletException, IOException {
	doGet(req, resp);
	}

}

3.7,配置web.xml

在web.xml中添加如下内容:

<servlet>
  	<servlet-name>TripServlet</servlet-name>
  	<servlet-class>control.TripServlet</servlet-class>
  </servlet>
  <servlet-mapping>
  	<servlet-name>TripServlet</servlet-name>
  	<url-pattern>/trip</url-pattern>
  </servlet-mapping>

3.8,html页面

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>骑行数据展示</title>
<script type="text/javascript" src="js/echarts.js"></script>
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
</head>
<body>
	<div id="main" style="width: 1200px;height: 600px"></div>
	<script type="text/javascript">
		var url = "http://localhost:8080/Nybike/trip";
		$.get(url,function(result){
		var xData = result.xData;
		var yData = result.yData;
		var mySeries = [];
		var myLegend = [];
		for ( var index in yData) {
			var item = yData[index];
			var dataName = item.dataName;//6-1
			var hourData = item.hourData;
			myLegend.push(dataName);
			var obj = {
				name:dataName,
				type:'line',
				data:hourData
			};
		mySeries.push(obj);
		}
		//初始化的内置对象
		var myChart = echarts.init(document.getElementById('main'));
		//指定图表的配置项
		var option = {
			title:{text:'骑行数据显示'},
			tooltip:{},
			legend:{
				bottom:1,
				data:myLegend},
			toolbox: {
				  feature: {
					  magicType: { type: ['line', 'bar'] }}},				 
			xAxis:{
				data:xData},
			yAxis:{},
			series:mySeries,
			color:['#FF6699','#FF3366','#CC0066','#CC3366','#CC3399',
				'#CC33CC','#CC00FF','#990066','#CC99FF','#993399',
				'#666FF','#6699FF','#9966CC','#0099FF','#0066FF',
				'#FFCC00','#CC99090','#CC3300','#CC6633','#CC0000',
				'#33CCCC','#00CC99','#99FF99','#009966','#66CCCC',
				'#00CC00','#009999','#339999','#339999','#CCCC00'],				
			};		  	
			myChart.setOption(option);
});
</script>
</body>
</html>

4,页面显示

hive 测试表数据脚本 使用hive分析数据_hadoop