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

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. 想了解API接口，这一篇就够了

    API(Application Programming Interface)接口,对于大多数人来说可能还比较陌生,但实际上我们每天都在与它打交道.无论是使用手机上的应用程序,还是在网上购物,都少不了A ...

  2. TCP连接的关键之谜：揭秘三次握手的必要性

    TCP 连接建立 当我们浏览网页.发送电子邮件或者进行在线游戏时,我们常常不会想到背后复杂的网络连接过程.然而,正是这些看似不起眼的步骤,确保了我们与服务器之间的稳定通信.其中最重要的步骤之一就是TC ...

  3. Linux部署项目常用命令(持续更新)

    防火墙配置 # 启动防火墙服务 systemctl start firewalld # 关闭防火墙服务 systemctl stop firewalld # 查看防火墙服务状态 systemctl s ...

  4. MapReduce和Spark读取HBase快照表

    1.概述 随着大数据技术的不断发展,处理海量数据的需求变得愈发迫切.MapReduce作为一种分布式计算模型,为处理大规模数据提供了有效的解决方案.在这篇博客中,我们将探讨如何使用MapReduce框 ...

  5. python - networker api

    Getting Started,概述   NetWorker REST API is an interface that provides programmatic access to the Net ...

  6. Zuul 2.1.5 设计分析

    前言 https://github.com/Netflix/zuul zuul 是 SpringCloud 家族老兵,使用 Java 微服务大部分都在使用 zuul 作为网关.既然他如此重要,那么我们 ...

  7. C#计数排序算法

    前言 计数排序是一种非比较性的排序算法,适用于排序一定范围内的整数.它的基本思想是通过统计每个元素的出现次数,然后根据元素的大小依次输出排序结果. 实现原理 首先找出待排序数组中的最大值max和最小值 ...

  8. 使用gitbook快速搭建文档中心

    背景 在研发一个系统,主要给公司内部同事用,按理说,简单点的话,搞个使用文档就行了,但产品经理希望是做成一个文档中心,比如,你学习个新技术的时候,比如vue,一般有个在线的帮助文档,他的想法就是这种. ...

  9. P8368 [LNOI2022] 串 题解

    题目链接 题目分析 题目要求我们构造一个最长的 \(T\) 序列,我们首先从每个 \(T_i\) 入手,思考如何安排才能合法. 容易观察到对于每个 \(T_i\),合法的 \(T_{i-1}\) 有两 ...

  10. InfiniBand 的前世今生

    今年,以 ChatGPT 为代表的 AI 大模型强势崛起,而 ChatGPT 所使用的网络,正是 InfiniBand,这也让 InfiniBand 大火了起来.那么,到底什么是 InfiniBand ...