Echart与后台交互返回json到页面展示之SSMdemo

这几天一直想发表个Echart与后台交互的玩意,但公司忙没时间一直拖着,今天正好不忙闲暇下来,不说了,直接给代码。

1,第一步在echart官方下载必备的js包,地址http://echarts.baidu.com/echarts2/,如图Echart与后台交互返回json到页面展示之SSMdemo_第1张图片然后项目牌面在我的eclipse是这样的Echart与后台交互返回json到页面展示之SSMdemo_第2张图片然后jsp代码如下:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<% String path=request.getContextPath();
	String basePath=request.getScheme()+"://"+request.getServerName()
	+":"+request.getServerPort()+path+"/";
	
%>



    
    
    ECharts
    
   
  
  这上面几步都要对,不然会引入不正确报错或者
上面确保都引入对了,还出现上面的情况那是因为springmvc静态资源没有配置要在springmvc中配置
如下

还有就是还回json时还要在springmvc.xml中配置这个很重要的里面就进行各种资源比如json等的转换



    

controller层

Echart与后台交互返回json到页面展示之SSMdemo_第3张图片Echart与后台交互返回json到页面展示之SSMdemo_第4张图片

service层还有其他的配置我就不写了吧,这个相信你们会做,再给下mapper层

Echart与后台交互返回json到页面展示之SSMdemo_第5张图片

然后给下我的数据库设计

Echart与后台交互返回json到页面展示之SSMdemo_第6张图片然后运行的结果就是想象中的一样动态获取得到的柱状图

Echart与后台交互返回json到页面展示之SSMdemo_第7张图片好了一下就这么些,欢迎留言,想要具体demo,或者更好的意见可以@我,谢谢!!!


你可能感兴趣的:(Echart与后台交互返回json到页面展示之SSMdemo)