一后端

1:entity

package com.woniu.community.entity;import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;@Data
@AllArgsConstructor
@NoArgsConstructor
public class Bar {private  Integer id;private  String name;private Integer nums;
}

2:BarMapper

package com.woniu.community.mapper;import com.woniu.community.entity.Bar;import java.util.List;public interface BarMapper {List<Bar> selectAll();
}

2:IBarService

package com.woniu.community.service;import java.util.Map;public interface IBarService {Map getBar();
}

2:BarServiceImpl

package com.woniu.community.service.impl;import com.baomidou.mybatisplus.core.mapper.BaseMapper;
import com.woniu.community.entity.Bar;
import com.woniu.community.mapper.BarMapper;
import com.woniu.community.service.IBarService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
@Service
public class BarServiceImpl implements IBarService {@Autowired(required = false)protected BarMapper barMapper;@Overridepublic Map getBar() {List<Bar> bars = barMapper.selectAll();List<String> names=new ArrayList<String>();
//       bars.forEach(e->{//           names.add(e.getName());
//       });for (Bar bar : bars) {names.add(bar.getName());}List<Integer> nums=new ArrayList<Integer>();for (Bar bar : bars) {nums.add(bar.getNums());}
//        bars.forEach(e->{//            nums.add(e.getNums());
//
//        });Map  map=new HashMap();map.put("names",names);map.put("nums",nums);return map;}
}

2:Barcontroller

package com.woniu.community.controller;import com.woniu.community.service.IBarService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.CrossOrigin;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;import java.util.Map;@RestController
@RequestMapping("/bar")
@CrossOrigin(origins = "*")
public class BarController {@Autowiredprivate IBarService iBarService;@RequestMapping("/list")Map getBar(){return iBarService.getBar();}
}

2:BarMapper.xml

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.woniu.community.mapper.BarMapper"><resultMap id="barMap" type="Bar"><result column="id" property="id"/><result column="name" property="name"/><result column="nums" property="nums"/></resultMap><select id="selectAll" resultMap="barMap">SELECTcount(re.id) as nums,ret.nameFROMrepairtype retLEFT JOIN REPAIR re ON ret.id = re.com_idGROUP BY  ret.id</select>
</mapper>

二前端代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><link href="assets/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet"><link href="assets/css/right.css" rel="stylesheet"><script src="assets/jquery-3.5.1.min.js"></script><script src="assets/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script><script src="assets/vue.min-v2.5.16.js"></script><script src="assets/vue-router.min-2.7.0.js"></script><script src="assets/axios.min.js"></script><script src="assets/date_picker.js"></script><script src="assets/echarts.min-5.4.0.js"></script>
</head>
<body><div id="app"><div id="bar" ref="bar" style="width: 1000px;height:400px;"></div></div>
</body><script>new Vue({el:'#app',data:{xAxisData:null,seriesData:null,},methods:{myEcharts(){var myEcharts=  echarts.init(this.$refs.bar);option = {xAxis: {data: this.xAxisData},yAxis: {},series: [{type:'bar',data:this.seriesData}]};myEcharts.setOption(option);},getBarList(){axios.get("http://localhost:8080/bar/list").then(response=>{this.xAxisData=response.data.names;this.seriesData=response.data.nums;this.myEcharts();})}},created:function () {this.getBarList();}});</script>
</html>

三页面效果

# 智慧社区管理系统-数据统计分析-报表统计管理相关推荐

# 智慧社区管理系统-基础信息管理-05车位管理
一后端 1:entuty package com.woniu.community.entity;import lombok.AllArgsConstructor; import lombok.Data ...
智慧社区管理系统常见功能有哪些
智慧社区管理系统可实现线上管理功能,如业主信息管理.物业缴费.线上报修等基本功能,同时支持多元化完善社区服务,社区便民服务.社区新闻资讯.社区生活商圈等,方案直接提升了物业与业主的办事效率. 智能停车 ...
智慧社区管理系统助力实现社区数字化管理
社区是人们生活的重要场所,传统社区的运营及管理方式已经无法满足人们日益增长的物质和文化生活需要.社区的通讯.安全和社区居民信息的收集.处理及共享等问题都成为阻碍社区服务进一步发展的瓶颈. 智慧社区是利 ...
web常用通用组件+Axure后台管理系统框架模板+大屏数据可视化元件库+智慧社区管理系统大屏+图表组件+表单组合+智慧数据看板+通用大屏图表原件库+电脑端常用组件
作品介绍:web常用通用组件+Axure后台管理系统框架模板+大屏数据可视化元件库+智慧社区管理系统大屏+图表组件+表单组合+智慧数据看板+通用大屏图表原件库+电脑端常用组件 Axure原型演示及下载 ...
家谱管理系统性能要求_华北工控 | 嵌入式计算机在智慧社区管理系统中的大范畴应用...
随着"智能+"时代的到来,国家大力倡导老旧小区基础设施升级改造,物联网.互联网.大数据等新一代信息技术为小区传统物业向智慧社区现代物管转型提供了强有力的技术支撑,智慧社区建设备受市 ...
【计算机毕业设计】智慧社区管理系统
一.系统截图(需要演示视频可以私聊) 摘要随着科学技术的飞速发展,社会的方方面面.各行各业都在努力与现代的先进技术接轨,通过科技手段来提高自身的优势,智慧社区管理系统当然也不能排除在外.智慧社区管 ...
智慧社区管理系统01(登录功能的实现)
目录一.准备工作数据库四层架构执行类 prom依赖导入 application.yml文件的配置二.后端部分 entity层实体类 mapper层 service层接口实现类 Contr ...
工程质量智慧检测管理系统为检测机构数字化管理提供更优解决方案
导读:目前,湖北.河北.河南.湖南.江西.云南.福建.陕西.安徽.甘肃等地的相关部门陆续发布<关于2022年检测机构专项整治的通知>,检查的主要内容涉及到资质.人员.设备.样品.报告.体系 ...
ssm+mysql+小程序+ssm智慧社区管理系统毕业设计源码101635
基于SSM的智慧社区管理小程序摘要随着互联网大趋势的到来,社会的方方面面,各行各业都在考虑利用互联网作为媒介将自己的信息更及时有效地推广出去,而其中最好的方式就是建立网络管理系统,并对其进行信息 ...

# 智慧社区管理系统-数据统计分析-报表统计管理

一后端

1:entity

2:BarMapper

2:IBarService

2:BarServiceImpl

2:Barcontroller

2:BarMapper.xml

二前端代码

三页面效果

# 智慧社区管理系统-数据统计分析-报表统计管理相关推荐

最新文章

热门文章

# 智慧社区管理系统-数据统计分析-报表统计管理

一 后端

1:entity

2:BarMapper

2:IBarService

2:BarServiceImpl

2:Barcontroller

2:BarMapper.xml

二前端代码

三 页面效果

# 智慧社区管理系统-数据统计分析-报表统计管理相关推荐

最新文章

热门文章

一后端

三页面效果