软工第三周:Echarts学习总结

这周我们学习了百度图表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

(0)
上一篇 2022年7月30日
下一篇 2022年7月30日

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

优速盾注册领取大礼包www.cdnb.net
/sitemap.xml