本文主要分享一个职业病数据存储与可视化的实战项目。
采用的技术包括:Sprint boot,Mybatis-Plus,ElementUI,Vue,Ajax
项目源码资源见GitHub:GHCCX-1457/Data-Storage: 职业病数据存储与可视化 Spring boot+Mybatis-plus+ElementUI+Vue+Ajax (github.com)
项目资源中包含职业病数据的Excel文件,想要运行此项目首先我们需要把Excel导入MySQL数据库,这里利用Navicat工具导入,比较方便快捷
首先用Navicat新建一个数据库,选择导入向导,导入类型为Excel文件
然后选择我们的五张表
根据Excel表格结构特征,字段名行和第一个数据行选择2和3
数据库表名按如下格式命名
目标字段都填code(对应编码)和name(对应名称)
这里要注意,五张表都要把目标字段改为code和name
其中地区字段的f3不选即可
然后一直下一步,最后点击”开始“导入即可
数据库导入完成后就可以打开项目源码运行啦,下面是最后的成果
以分页表格形式把数据展现出来,并可以在五张表中随意切换,还能用关键字搜索某一字段
后面还有Echarts图表可视化