Mysql统计每年每个月的数据(前端页面统计图实现)

最终想实现的效果图，在这里就不多废话了，直接上效果图，由于测试数据有几个月是为0的，所以数据图看着会有点怪怪。

接下来是数据库的两个表，这里直接给你们代码了，你们根据自己的需求更改即可

1 --会员充值表

2 CREATE TABLErechargeinfo(3 r_num INT PRIMARY KEY COMMENT '充值编号',4 v_card VARCHAR(12) COMMENT '会员卡号',5 r_recharge DOUBLE COMMENT '充值金额',6 r_payway VARCHAR(20) COMMENT '支付方式',7 o_id INT COMMENT '操作员工编号',8 r_time DATETIME COMMENT '交易时间',9 r_remark VARCHAR(50) COMMENT '交易备注',10 FOREIGN KEY (o_id) REFERENCESoperatorinfo(o_id)11 )ENGINE = InnoDB COMMENT '会员充值信息表';12 alter table rechargeinfo change r_time r_time timestamp not null defaultNOW();13

14 --停车登记表

15

16 CREATE TABLEparkinginfo(17 p_num INT PRIMARY KEY COMMENT '停车编号',18 c_carplate VARCHAR(20) NOT NULL COMMENT '车牌号',19 p_card VARCHAR(20) COMMENT '停车牌号',20 p_picture VARCHAR(50) COMMENT '进场拍摄图',21 p_entrytime Date COMMENT '进场时间',22 p_leavetime Date COMMENT '出场时间',23 p_type VARCHAR(10) COMMENT '客户类型',24 p_cost Double COMMENT '停车费用',25 p_payway VARCHAR(20) COMMENT '支付方式',26 v_card VARCHAR(12) COMMENT '会员卡号',27 v_phone VARCHAR(12) COMMENT '临时客户手机号码',28 p_condition VARCHAR(20) DEFAULT '正在停车中' COMMENT '状态',29 p_remark VARCHAR(50) COMMENT '备注'

30

31 )ENGINE = InnoDB COMMENT '停车信息表';32 alter table parkinginfo change p_entrytime p_entrytime timestamp not null default NOW();

接下来就是重点了：

SQL语句，只需要传入一个参数(年份)即可， 这个是统计会员充值表的，另一张表同理

1 select

2 sum(case month(r_time) when '1' then r_recharge else 0 end) asJan,3 sum(case month(r_time) when '2' then r_recharge else 0 end) asFeb,4 sum(case month(r_time) when '3' then r_recharge else 0 end) asMar,5 sum(case month(r_time) when '4' then r_recharge else 0 end) asApr,6 sum(case month(r_time) when '5' then r_recharge else 0 end) asMay,7 sum(case month(r_time) when '6' then r_recharge else 0 end) asJune,8 sum(case month(r_time) when '7' then r_recharge else 0 end) asJuly,9 sum(case month(r_time) when '8' then r_recharge else 0 end) asAug,10 sum(case month(r_time) when '9' then r_recharge else 0 end) asSept,11 sum(case month(r_time) when '10' then r_recharge else 0 end) asOct,12 sum(case month(r_time) when '11' then r_recharge else 0 end) asNov,13 sum(case month(r_time) when '12' then r_recharge else 0 end) asDece14 fromrechargeinfo15 where year(r_time)='2019';

效果图：可以看到，每个月的数据已经查出来了

接下来给出的是Dao层代码，service层就不写了，是个程序员，dao层知道，service都会写

importjava.util.Map;public interfaceTotalDao {

MapgetRechargeTotal(String toyear);

MapgetParkingTotal(String toyear);

}

以及Mapper文件代码：注意，这里的结果类型一定要是java.util.LinkedHashMap, 如果是HashMap，是不会报错，但是顺序会乱，So，，你懂得。

select

sum(case month(r_time) when '1' then r_recharge else 0 end) as Jan,

sum(case month(r_time) when '2' then r_recharge else 0 end) as Feb,

sum(case month(r_time) when '3' then r_recharge else 0 end) as Mar,

sum(case month(r_time) when '4' then r_recharge else 0 end) as Apr,

sum(case month(r_time) when '5' then r_recharge else 0 end) as May,

sum(case month(r_time) when '6' then r_recharge else 0 end) as June,

sum(case month(r_time) when '7' then r_recharge else 0 end) as July,

sum(case month(r_time) when '8' then r_recharge else 0 end) as Aug,

sum(case month(r_time) when '9' then r_recharge else 0 end) as Sept,

sum(case month(r_time) when '10' then r_recharge else 0 end) as Oct,

sum(case month(r_time) when '11' then r_recharge else 0 end) as Nov,

sum(case month(r_time) when '12' then r_recharge else 0 end) as Dece

from rechargeinfo

where year(r_time)=#{toyear};

select

sum(case month(p_leavetime) when '1' then p_cost else 0 end) as Jan,

sum(case month(p_leavetime) when '2' then p_cost else 0 end) as Feb,

sum(case month(p_leavetime) when '3' then p_cost else 0 end) as Mar,

sum(case month(p_leavetime) when '4' then p_cost else 0 end) as Apr,

sum(case month(p_leavetime) when '5' then p_cost else 0 end) as May,

sum(case month(p_leavetime) when '6' then p_cost else 0 end) as June,

sum(case month(p_leavetime) when '7' then p_cost else 0 end) as July,

sum(case month(p_leavetime) when '8' then p_cost else 0 end) as Aug,

sum(case month(p_leavetime) when '9' then p_cost else 0 end) as Sept,

sum(case month(p_leavetime) when '10' then p_cost else 0 end) as Oct,

sum(case month(p_leavetime) when '11' then p_cost else 0 end) as Nov,

sum(case month(p_leavetime) when '12' then p_cost else 0 end) as Dece

from parkinginfo

where year(p_leavetime)=#{toyear} and p_condition='交易完成' ;

Control层：

1 //统计页面

2 @RequestMapping("/totalui")3 public ModelAndView test(@RequestParam(value ="toyear",required = false,defaultValue = "2019")String toyear){4 ModelAndView mv = newModelAndView();5 //get all data

6 Map rechargeTotal =service.getRechargeTotal(toyear);7 Map pachargeTotal =service.getParkingTotal(toyear);8 //test

9 System.out.println("测试所有数据： "+rechargeTotal.values()+" ");10 System.out.println("测试所有数据 : "+ pachargeTotal.values()+" ");11

12 //统计

13 Map datatotal = new LinkedHashMap<>();14 for(String key:rechargeTotal.keySet()){15 if(pachargeTotal.containsKey(key)){16 datatotal.put(key, rechargeTotal.get(key)+pachargeTotal.get(key));17 }18 }19 System.out.println("合并后的数据！！！"+datatotal.values());20

21 //set atrr

22 mv.addObject("redata",rechargeTotal.values());23 mv.addObject("padata",pachargeTotal.values());24 mv.addObject("totaldata",datatotal.values());25 mv.setViewName("Income");26 returnmv;27

28 }

前端页面显示图代码：

1

2 varchart=Highcharts.chart('container', {3 chart: {4 type:'column'

5 },6 title: {7 text:'洱海湾停车场营业额统计'

8 },9

10 legend: {11 align:'right',12 verticalAlign:'middle',13 layout:'vertical'

14 },15 xAxis: {16 categories: ['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月'],17 labels: {18 x:-10

19 }20 },21 yAxis: {22 allowDecimals:false,23 title: {24 text:'金额'

25 }26 },27 series: [{28 name:'会员充值收入',29 data: ${redata}30 }, {31 name:'停车收入',32 data: ${padata}33 }, {34 name:'合计收入',35 data: ${totaldata}36 }],37 responsive: {38 rules: [{39 condition: {40 maxWidth:1500

41 },42 chartOptions: {43 legend: {44 align:'center',45 verticalAlign:'bottom',46 layout:'horizontal'

47 },48 yAxis: {49 labels: {50 align:'left',51 x:0,52 y:-5

53 },54 title: {55 text:'￥金额以元为单位'

56 }57 },58 subtitle: {59 text:null

60 },61 credits: {62 enabled:false

63 }64 }65 }]66 }67 });68

69

大功告成，不懂得可以直接评论咨询！！！！！