文档介绍：信息与电气工程学院
数据可视化报告
(2016/2017学年第二学期)
专业班级 : 计算机 1403
学生姓名 : 叶何斌
学号: 140210316
设计成绩 :
2017年06月1日
目录
1 项目摘要 3
2 项目结构 3
2、1 数据库设计及实现 3
2、2 Flask 4
2、3 前端 4
3 项目成果预览 5
4 项目中所遇到的问题 6
4、1 网页中文乱码 6
4、2 图表在网页中不显示 6
5 总结 7
1 项目摘要
本项目选取的数据集为一天的用电量分布,数据集就是基于实际数据虚构的,因为数据量太庞大
。虽然数据就是虚构的但就是也具有一定的代表性。数据中包括了一天各个时段的用电量情况。本可视化的主要目的就是能够清晰地展示某一个地区每天用电量的变化,以便发电厂预测用电量,更好的调动发电机组。 
项目中主要使用的技术包括:MySql、Flask与Echarts。Echarts就是一个商业级的图表库,项目中直接引用了Echarts的JS文件。Flask就是一个使用 Python 编写的轻量级 Web 应用框架,这个直接安装到Python环境里了。项目的大概思路就就是首先运行创建数据库的Python代码,创建好数据库之后。再运行读取数据库的Python代码—readDatabase、py,这个程序会去找html网页,之后打开浏览器就能瞧到图表了。
2 项目结构
2、1 数据库设计及实现
2、1、1 数据库表
表 1-1 epower表
属性名称
数据类型
可否为空
备注
Time
Varchar(20)
否
时间
Powers
Varchar(20)
否
用电量
2、1、2 设计及实现
数据库就有两个字段,一个时间,一个用电量。数据库比较简单,都就是最基本最基本的操作与实现。数据库插入数据就是一个Python文件—create_data、py。首先配置好数据库连接的一些基本信息,然后在开始创建表。在创建表之前程序检查一下表就是否存在,如果存在就将表删除,重新创建。其中创建表的代码为:
cur、execute('CREATE TABLE epower (time varchar(20),powers varchar(20))')
数据就是保存在一个数组里,实际上就就是将数组中的数据插入到数据库中去。插入数据的代码为:
cur、executemany('INSERT INTO epower VALUES (%s,%s)', datas)
最后关闭连接,释放资源。
2、2 Flask
Flask就就是一个胶水层,将数据库与网页之间连接起来,这也就是Python被称为“胶水语言”的一个体现。具体到项目,我们首先导入Flask类,然后我们使用 route() 装饰器告诉 Flask 什么样的URL 能触发我们的函数。用 Python 生成 HTML 十分无趣,而且相当繁琐,因为必须手动对 HTML 做转义来保证应用的安全。为此,Flask 配备了 Jinja2 模板引擎。所以我使用 render_templa