我以我的项目根据月份查询每月新增会员的总数为例

Controller

@GetMapping("/getMemberReport.do")

    public R getMemberReport() {

        try {

            // 获取日历对象

            Calendar calendar = Calendar.getInstance();

            //根据当前时间，获取前12个月的日历(当前日历2020-02，12个月前，日历时间2019-03)

            //第一个参数，日历字段

            //第二个参数，要添加到字段中的日期或时间

            calendar.add(Calendar.MONTH, -12);

            List<String> list = new ArrayList<String>();

            for (int i = 0; i < 12; i++) {

                //第一个参数是月份 2018-7

                //第二个参数是月份+1个月

                calendar.add(Calendar.MONTH, 1);

                list.add(new SimpleDateFormat("yyyy-MM").format(calendar.getTime()));

            }

            Map<String, Object> map = new HashMap<String, Object>();

            // 把过去12个月的日期存储到map里面

            map.put("months", list);

            // 查询所有的会员

            List<Integer> memberCount = memberService.findMemberCountByMonth(list);

            map.put("memberCount", memberCount);

            // 查询所有会员

            return R.setResult(ResultCodeEnum.GET_MEMBER_NUMBER_REPORT_SUCCESS).data(map);

        } catch (Exception e) {

            e.printStackTrace();

            return R.setResult(ResultCodeEnum.GET_MEMBER_NUMBER_REPORT_FAIL);

        }

    }

Service

 @Override

    public List<Integer> findMemberCountByMonth(List<String> list) {

        List<Integer> memberCountList = new ArrayList<>();

        if (list != null || list.size() != 0) {

            for (String mouths : list) {

                //String regTime = months+"-31";

                // 获取指定月份的最后一天

                String regTime = DateUtils.getLastDayOfMonth(mouths);

                Integer memberCount = memberMapper.findMemberCountByMouths(regTime);

                memberCountList.add(memberCount);

            }

        }

        return memberCountList;

    }

Mapper

<select id="findMemberCountByMouths" resultType="java.lang.Integer">

	select count(*) from t_member where regTime &lt;=#{regTime}

</select>

前端页面axios

<body class="hold-transition">

	<div id="app">

		<div class="content-header">

			<h1>统计分析<small>会员数量</small></h1>

			<el-breadcrumb separator-class="el-icon-arrow-right" class="breadcrumb">

				<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>

				<el-breadcrumb-item>统计分析</el-breadcrumb-item>

				<el-breadcrumb-item>会员数量</el-breadcrumb-item>

			</el-breadcrumb>

		</div>

		<div class="app-container">

			<div class="box">

				<!-- 为 ECharts 准备一个具备大小（宽高）的 DOM -->

				<div id="chart1" style="height:600px;"></div>

			</div>

		</div>

	</div>

</body>

<script type="text/javascript">

	// 基于准备好的dom，初始化echarts实例

	var myChart1 = echarts.init(document.getElementById('chart1'));

	// 使用刚指定的配置项和数据显示图表。

	//myChart.setOption(option);

	axios.get("/report/getMemberReport.do").then((res)=>{

		console.log(res)

		myChart1.setOption({

			title: {

				text: '会员数量'

			},

			tooltip: {},

			legend: {

				data:['会员数量']

			},

			xAxis: {

				data: res.data.data.months

			},

			yAxis: {

				type:'value'

			},

			series: [{

				name: '会员数量',

				type: 'line',

				data: res.data.data.memberCount

			}]

		});

	});

</script>

如何根据月份查询每月Xxx的总数的更多相关文章

  1. sql server根据日期或者月份查询聚合数据

    /*****************************根据时间查询每天的数据***************************************/ @tm_start:开始时间 @tm ...

  2. sql 根据年份、月份查询数据

    CREATE TABLE [dbo].[T_UserAccess]( ,) NOT NULL, [UserId] [int] NULL, [UserType] [int] NULL, ) NULL, ...

  3. 使用hql当异常查询：Xxx is not mapped[from Xxx where ...]

    采用当今项目hql询问.出现    QingAoCenterInfo is not mapped[from QingAoCenterInfo where...] 显然地Hibernate映射关系出现了 ...

  4. 使用一条sql语句查询多表的总数

    SELECT sum(列名1) 列名1,sum(列名2) 列名2,sum(列名3) 列名3 FROM ( SELECT count(*) 列名1, 列名2, 列名3 FROM 表1 -- WHERE ...

  5. mongodb多个条件查询in,日期查询,嵌套查询，统计集合总数等常用实例

    1. 多个条件查询in in db.inventory.find( { qty: { $in: [ 5, 15 ] } } ) 2. 日期查询 db.books.find({}) 查询时间大于6-,结 ...

  6. sql 查询每月的销售金额

    sql 数据分月统计,表中只有每天的数据,现在要求求一年中每个月的统计数据(一条sql) SELECT   MONTH (  那个日期的字段  ),   SUM(  需要统计的字段, 比如销售额什么的 ...

  7. 七十六、SAP中数据库的查询用法之 COUNT(总数)，SUM（求和），AVG（求平均），GROUP BY（分组）

    一.我们来查看一个sbook的数据库 二.查看这个表的内容如下 三.表数据如下 四.代码如下 五.结果如下 *&---------------------------------------- ...

  8. SQL使用开窗函数与CTE查询每月销售额的前几名

    WITH tagTab AS( SELECT YearMonth, pm=RANK() OVER(PARTITION BY YearMonth ORDER BY amount DESC) FROM S ...

  9. java 获取目标时间到当前时间中间的月份和每月最大时间

    话不多说自己上代码: Date firstDate = DateUtil.formate("2018-01-01", "yyyy-MM-dd"); Date c ...

  10. oracle 锁表查询及解决、表字段查询

    在进行批量对DML操作时程序竟然中断了,不再往下执行.查询一下某张表被锁住了,因此不再往下执行了 如果怀疑表被锁了,或者事务未被正常关闭,在Oracle数据库中我们可以通过以下语句进行查询获取相关信息 ...

随机推荐

  1. Pytorch语法——torch.autograd.grad

    The torch.autograd.grad function is a part of PyTorch's automatic differentiation package and is use ...

  2. 了解 HarmonyOS

    引言 在开始 HarmonyOS 开发之前,了解其背景.特点和架构是非常重要的.本章将为你提供一个全面的 HarmonyOS 概览. 目录 什么是 HarmonyOS HarmonyOS 的发展历程 ...

  3. vue3+ts Axios封装—重复请求拦截

    创建好vue3项目 1.安装Axios与Element Plus Axios安装 npm install axios Element Plus 安装 官网入口:https://element-plus ...

  4. YShow性能测试平台搭建

    ShowSlow安装 ShowSlow是一个YSlow性能数据收集平台,用于将收集的性能数据 ShowSlow是用php实现的,所以我们需要搭建一台服务器来接收YSlow数据 我搭建的环境是:ubun ...

  5. webgl 刷底色的基本步骤

    1.在html中建立画布 <canvas id="canvas"><canvas> 2.在js中获取canvas画布 const canvas = docu ...

  6. 【源码】Vue.js 官方脚手架 create-vue 是怎么实现的？

    Vue.js 官方脚手架 create-vue 是怎么实现的? 摘要 本文共分为四个部分,系统解析了vue.js 官方脚手架 create-vue 的实现细节. 第一部分主要是一些准备工作,如源码下载 ...

  7. zbolg首页-文章内标签调用代码

    {if count($lhantItem.Tags)>0}{foreach $lhantItem.Tags as $i => $tag} <a href='{$tag.Url}' t ...

  8. Solution -「洛谷 P3773」「CTSC 2017」吉夫特

    Description Link. 求满足 \[\prod _{i=2}^{k} \binom{a_{b_{i-1}}}{a_{b_i}} \mod 2 = \binom{a_{b_1}}{a_{b_ ...

  9. Java 21的StringBuilder和StringBuffer新增了一个repeat方法

    发现Java 21的StringBuilder和StringBuffer中多了repeat方法: /** * @throws IllegalArgumentException {@inheritDoc ...

  10. 使用Docker buildx 为 .NET 构建多平台镜像

    .NET 团队有一篇博客 改进多平台容器支持, 详细介绍了.NET 7 以上的平台可以轻松的使用Docker buildx 工具构建多平台的镜像. buildx 是 Docker 官方提供的一个构建工 ...