零基础完成珍爱网项目 Java+MySQL+echarts (ZhenaiSpider+ZhenaiWeb)(五)
全国的单身人士的分布 进行报表分析
首先要导入地图的js包 我放到了 百度网盘上 大家下载下来之后 解压放到assert文件夹下 即可
https://pan.baidu.com/s/1TPB7pzewfg43MXaiw24I8g
然后获取数据, 由于全国省份较多 我们可以百度,如图
然后拷贝 到一个新建的txt文件夹下(我在这儿是a.txt) 然后将所有的中文 逗号换成英文的
然后在这个目录下打开命令行执行native2ascii a.txt b.txt 然后将 b.txt文件里的内容全选 新建 如下图所示的文件夹
然后如图 写入china = 然后将b里的内容拷贝到等号的后面
然后获取数据 将数据导入地图 就大功告成了(是不是有点不可思议呢^_^)
public List<Map<String, Object>> queryChina() {
List<Map<String, Object>> list = new ArrayList<>();
// 读取所有的省信息
Properties prop = new Properties();
try {
prop.load(ZhenaiDao.class.getClassLoader().getResourceAsStream("zhenai.properties"));
String china = prop.getProperty("china");
String[] privs = china.split(",");
QueryRunner run = new QueryRunner(ds);
String sql = "select count(1) from dogs where homeaddr like ?";
for(String priv:privs) {
int cnt = run.query(sql, new ScalarHandler<Long>(),priv+"%").intValue();
Map<String, Object> map = new HashMap<>();
map.put("name", priv);
map.put("value", cnt);
//放到
list.add(map);
}
} catch (Exception e) {
e.printStackTrace();
}
return list;
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css"
href="<c:url value='/assert/bootstrap/css/bootstrap.css'/>">
<script type="text/javascript"
src="<c:url value='/assert/jquery-3.2.1.min.js'/>"></script>
<script type="text/javascript"
src="<c:url value='/assert/echarts.min.js'/>"></script>
<script type="text/javascript"
src="<c:url value='/assert/bootstrap/js/bootstrap.min.js'/>"></script>
<script type="text/javascript"
src="<c:url value='/assert/map/js/china.js'/>"></script>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header bg-primary text-white">
全国分布图
</div>
<div class="card-body">
<div id="data1" style="height: 600px"></div>
</div>
</div>
</div>
</div>
</div>
</body>
<script type="text/javascript">
var chart = echarts.init(document.getElementById("data1"));
//声明数据
//初始化地图的选项option
var option = {
backgroundColor : '#FFFFFF',
title : {
text : '全国单身人士分布图',
subtext : '数据来自珍爱网',
x : 'center'
},
tooltip : {
trigger : 'item'
},
visualMap : { //用于指定分割值
show : true,
x : 'left',
y : 'top',
splitList : [ {
start : 701,
end : 5999
}, {
start : 601,
end : 701
}, {
start : 301,
end : 600
}, {
start : 101,
end : 300
}, {
start : 0,
end : 100
}],
color : [ '#DC143C', '#DA70D6', '#6495ED', '#00FF7F', '#33CC00' ]
//这儿用于指定颜色
},
series : [ {
name : '单身人士',
type : 'map',//使用地址,显示的结果是地图
mapType : 'china', //如果是其他省请引用不同的省js文件,然后输入:山东
roam : true,
data :[],
label : {
show : true,
formatter : function(data) {
return data.value + "人";
}
}
} ]
};
chart.setOption(option);
$.get("<c:url value='/china'/>").done(function(dd){
var ds = eval("("+dd+")");
var option = {
series : [{
data:ds
}]
};
chart.setOption(option);
});
</script>
</html>
效果如图示
这样呢我们的项目就大功告成了,我也会将整个项目打包供大家下载参考,关于优化spider的项目代码我也会打包供大家参考
链接:https://pan.baidu.com/s/1qFzq7Qa_MEbXbhLHBRokMQ 密码:7efk (zhenaiweb)
链接:https://pan.baidu.com/s/1Ty7m8aV5BArukppMEuIyYg 密码:vysq (zhenaispider 未优化)
已优化的 在我的在我的下载资源里有 大家可以去下载参考
零基础完成珍爱网项目 Java+MySQL+echarts (ZhenaiSpider+ZhenaiWeb)(五)相关推荐
- 零基础完成珍爱网项目 Java+MySQL+echarts (ZhenaiSpider+ZhenaiWeb)(四)
上次我们的爬虫已经完成了 接下来呢 就是我们的报表. 我们用的是网页形式来展示,所以呢我们需要搭建一个本地的服务器.我们使用的是tomcat 1,下载与安装tomacat http://to进入官网m ...
- 零基础完成珍爱网项目 Java+MySQL+echarts (ZhenaiSpider+ZhenaiWeb)(二)
如期而至,继续我们的项目,上次我们配置好了我们的环境 今天呢,我们开始创建我们的项目. 首先 ,启动Eclipse dian点file 创建yi'g一个新的maven项目 注意创建的时候,要钩选这个 ...
- 零基础完成珍爱网项目 Java+MySQL+echarts (ZhenaiSpider+ZhenaiWeb)(三)
继续我们的项目, 上次之后我们基本上完成了数据的获取(即爬虫),接下来呢就是如何去保存这些数据,有两种方式,一种呢是以文本形式保存到本地,第二种是就是保存到数据库,而我们呢选择后者. Mysql 1, ...
- 零基础完成珍爱网项目 Java+MySQL+echarts (ZhenaiSpider+ZhenaiWeb)(一)
这个项目呢 主要分为两个部分 爬虫(Spider)和Web两方面(web主要是进行数据分析做出报表是数据更可观) 一. 进行jdk安装及环境变量的配置 由于是基于java的项目 所以先进行jdk的相 ...
- 零基础的人怎么学习Java
编程语言Java,已经21岁了.从1995年诞生以来,就一直活跃于企业中,名企应用天猫,百度,知乎......都是Java语言编写,就连现在使用广泛的XMind也是Java编写的.Java应用的广泛已 ...
- 零基础如何选择适合的Java培训课程
很多人都想要学习java技术,但是害怕自己是零基础学不好,所以想要找专业的java培训机构进行学习,但是零基础如何选择适合的Java培训课程成了他们比较头疼的事情,下面小编就为大家做下详细的介绍. ...
- 零基础无实物一步一步学PLCS7-1200仿真(五)-四路简易抢答器控制
本次项目为四路抢答器,通过本次项目了解项目开发流程,未来扩展多路抢答器只需要对程序进行微调即可. 项目要求: 1.有4组进行抢答,抢答按钮为SB1-SB4,对应4个抢答指示灯为L1-L4. 2.主持人 ...
- 《假如编程是魔法之零基础看得懂的Python入门教程 》——(五)我的魔法竟然有了一丝逻辑
学习目标 了解魔法世界中的结构表现--缩进 了解魔法世界的逻辑判断--if 了解魔法世界的多次逻辑判断--ifelse嵌套 了解魔法世界中的逻辑运算--且 and 与或 or 推荐 1.<备受好 ...
- 2023年最新最全uniCloud入门学习,零基础入门到实战项目 uni-admin打造uniapp网页后端 微信支付宝抖音小程序后端 unicloud数据后台快速打造uniapp小程序项目
今天开始带着大家一起零基础学习uniCloud,在下面的课程中我们就简称uniCloud为cloud吧.我这里从零基础开始教大家,后面可以带大家简单的做一个实战项目.所以不用担心自己没有基础,跟着石头 ...
最新文章
- RS-232 Receiver
- Enterprise Library: Data Access Application Block配置文件分析篇
- python语言程序设计2019版第二章课后答案-python语言程序设计基础课后答案第二章...
- node --- 创建一个Socket服务器
- java gc的特性_Java12新特性 -- 可中断的G1 Mixed GC
- 诗与远方:无题(一)
- 蔡学镛:编译、反编译、反反编译(转)
- unity3d棋牌游戏教程之手机斗地主的发牌功能实现
- 如何用WPS在所需的页面设置奇偶数页眉
- GitLab+Git(Git Flow分支模型)
- python人民币转大写_Python人民币大写转换代码
- JAVA——判断多选题的对错
- 海外代理ip池购买推荐,易路s5海外ip代理如何提取使用?
- 原型设计都有哪些好用的软件?
- Java入门项目——读书管理系统
- CSR8670项目实战:BlueHeart心率监测耳机
- 微信定位精灵 android,微信定位精灵安卓版下载
- 【BIT2021程设】7. 一夜发白《千字文》——Unicode和UTF-8、位运算
- 【论文阅读笔记】Ristretto: Hardware-Oriented Approximation of Convolutional Neural Networks
- 超详细!图论最短路算法与极简c++代码(配题目)
热门文章
- 【智能物流】德勤|《中国智慧物流发展报告》(全文)
- android蓝牙连接硬件
- 【多校连萌2】1281: 邪能炸弹【补题】
- 计算机应用技能大赛主持词,有关于开学典礼的主持词范文
- 家具电商物流配送服务的痛点及解决方案
- 笑笑成长记(4)--在张宸宇的满月宴会上
- Mysql解决concat中字段为null的问题(concat_ws)
- 【ICNet】ICNet for Real-Time Semantic Segmentation on High-Resolution Images
- java连接数据库12514,数据库初始化失败,报错ORA-12514
- 微服务,BFF,API gateway 学习笔记