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

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. charts自适应

    大屏echarts自适应文字大小 1.在utils中创建 setFontSize.js function setFontSize(val) { const baseSize = 50; let sca ...

  2. Java语言与其环境：常见问题解答

    Java语言与其环境:常见问题解答 在本博客文章中,将深入探讨Java编程语言的特点和环境,解释一些常见的关于Java的疑问. Java语言的特点是什么? Java是一种高级编程语言,它具有以下几个主 ...

  3. phpstudy搭建虚拟域名

    phpstudy搭建虚拟域名 先使用phpstudy搭建好对应的环境 打开phpstudy控制面板,点击 其他选项菜单,选择 站点域名管理 输入网站虚拟域名,比如我这里DVWA靶场,我就写 www.d ...

  4. 【算法】湖心岛上的数学梦--用c#实现一元多次方程的展开式

    每天清晨,当第一缕阳光洒在湖面上,一个身影便会出现在湖心小岛上.她坐在一块大石头上,周围被茂盛的植物环绕,安静地沉浸在数学的世界中. 这个姑娘叫小悦,她的故事在这个美丽的湖心小岛上展开.每天早晨,她都 ...

  5. MySQL面试题——隔离级别相关面试题

    隔离级别相关面试题 MySQL事务隔离级别 未提交读--可以读到其他事务未提交的数据(最新的版本) 错误现象:脏读.不可重复读.幻读的现象 提交读(RC)--可以读到其他事务已提交的数据(最新已提交的 ...

  6. Oracle中数据的约束

  7. Three.js中实现一个OBBHelper

    1. 引言 Three.js中,Box3对象指的是AABB式的包围盒,这种包围盒会随物体的旋转而变换大小,精度较差 Three.js中还有OBB对象,这是一种能表现物体主要特征的.不随物体的旋转而变换 ...

  8. EarthChat SignalR原理讲解

    SignalR原理讲解 SignalR是什么? SignalR 是 Microsoft 开发的一个库,用于 ASP.NET 开发人员实现实时 web 功能.这意味着服务端代码可以实时地推送内容到连接的 ...

  9. AcWing 第102场周赛 题解

    第一次ak周赛,写篇题解纪念一下 第一题 给定两个长度为 n n n 的整数序列 a 1 , a 2 , - , a n a_1,a_2,-,a_n a1​,a2​,-,an​ 以及 b 1 , b ...

  10. ORA-10456: cannot open standby database; media recovery session may be in progress

    SQL> alter database recover managed standby database disconnect from session;Database altered.SQL ...