1、效果图

echarts+jsp+servlet+mysql+tomcat 实现数据库数据可视化

 

 

2、url映射关系

echarts+jsp+servlet+mysql+tomcat 实现数据库数据可视化

浏览器地址框输入地址的前半部分和你的设置有关     可在idea tomcat设置中查看(如下图)

echarts+jsp+servlet+mysql+tomcat 实现数据库数据可视化

echarts+jsp+servlet+mysql+tomcat 实现数据库数据可视化

后面的Bar.jsp  就是你的网页名称(如下图)

echarts+jsp+servlet+mysql+tomcat 实现数据库数据可视化

然后ajax发送请求:

echarts+jsp+servlet+mysql+tomcat 实现数据库数据可视化

这个url  和web.xml 文件里面的url-pattern对应

echarts+jsp+servlet+mysql+tomcat 实现数据库数据可视化

然后web.xml文件里面的wervlet-class  里面就是servlet 文件的文件名

echarts+jsp+servlet+mysql+tomcat 实现数据库数据可视化

总结一下映射关系就是   

浏览器的地址栏  ->  jsp文件名   -> ajax的url  ->  web.xml里面的url-pattern -> 通过web.xml 里面的  servlet-class  找到对应的servlet文件

 

 

 

 

 

 

 

 

 

 

相关文章: