目录
一、摘要
1.1 项目介绍
基于JAVA+Vue+SpringBoot+MySQL的数据可视化的智慧河南大屏,包含了GDP、人口、土地面积、企业数、人均收入数据排行、地图展示等模块,还包含系统自带的用户管理、部门管理、角色管理、菜单管理、日志管理、数据字典管理、文件管理、图表展示等基础模块,数据可视化的智慧河南大屏基于角色的访问控制,给数据管理员、普通用户使用,可将权限精确到按钮级别,您可以自定义角色并分配权限,系统适合设计精确的权限约束需求。
1.2 项目录屏
二、功能模块
- 数据可视化大屏中央是河南省3D地形地图,标注一些具有代表性的信息,如河南省的历史背景,河南省土地面积,河南省的气候条件,河南省GDP总数占全国的比例,河南省人口数占全国人口数的比例,河南省的农业总产值占全国农业总产值的情况等
- 将城市简介标注在地图上,将具有代表性的旅游景区标注在地图上,如:少林寺、龙门石窟、清明上河园、太行山大峡谷、殷墟博物馆、白马寺云台山、尧山等。将河南省代表性名人故里标注在地图上,如:岳飞、白居易、商鞅、杜甫、老子、张仲景、杨靖宇、刘禹锡、范蠡、李商隐等。
- 两侧有重要城市的近一周的天气。
- 两侧用柱状图呈现河南省各城市的GDP排名。
- 两侧有柱状图呈现河南省各城市的人口数排名。
- 两侧有饼状图呈现河南省地理地貌,如平原67%、盆地12%、山地15%等等
- 两侧有折线图呈现河南省近几年GDP的变化趋势。
三、系统展示
四、核心代码
4.1 数据模块 A
<div class="plefttoday" style="margin-top: 10px">
<h2 class="tith2 white">关键指标总览</h2>
<div class="lefttoday_tit" style="height: 8%"></div>
<div class="lefttoday_number">
<div class="widget-inline-box text-center fl">
<p style="font-size: 22px">GDP</p>
<h3 class="ceeb1fd" style="font-size: 28px">{
{count1}}</h3>
</div>
<div class="widget-inline-box text-center fl">
<p style="font-size: 22px">人口</p>
<h3 class="c24c9ff" style="font-size: 28px">{
{count2}}</h3>
</div>
<div class="widget-inline-box text-center fl">
<p style="font-size: 22px">土地面积</p>