这周我们学习了百度图表Echars的使用,第一阶段利用数据库数据生成统计图,第二三阶段利用数据生成全国确诊人数分布图。主要实现方法如下:
1.连接数据库,读取数据返回一个List,servlet调用这个函数,以json格式传回给前端页面。
2.前端页面接收数据
第一阶段代码:
Dao:
servlet:
show.jsp(需要一个search页面按照前后两个时间搜索,在这里不展出)
第二阶段代码:
Dao:
servlet:
map.<!DOCTYPE html><html style=”height: 100%”>
阶段三代码:
根据题目要求,点击全国省级地图后,要能进行市级地图展示并能够显示市级确诊人数。
实现过程,在阶段二的前端代码中为地图添加点击的监听函数,能够实现点击后利用servlet向下一个页面跳转
跳转后加载市级地图,然后利用ajax实现提示框市级信息的展示。
Dao:
servlet1:
servlet2:
map1.html
littlemap.jsp
原文链接:https://www.cnblogs.com/wangzhaojun1670/p/12441135.html
原创文章,作者:优速盾-小U,如若转载,请注明出处:https://www.cdnb.net/bbs/archives/1224