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

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. 关于前后端交互，取header的尴尬

    背景: 最近在写一个接口的时候,需求是这样的,上传excel,匹配项目有多少个字段匹配上了,如果匹配上了在单元格上标注绿色背景,然后返回excel文件和匹配的详细. 首先这个excel文件,后端是不会 ...

  2. freeswitch sofia协议栈调试

    概述 freeswitch是一款简单好用的VOIP开源软交换平台. fs内部使用sofia的sip协议栈,本文介绍如何调试跟踪sofia协议栈. 环境 centos:CentOS  release 7 ...

  3. WEB组态编辑器插件（BY组态）介绍

    BY组态是一款非常优秀的纯前端的[web组态插件工具],采用标准HTML5技术,基于B/S架构进行开发,支持WEB端呈现,支持在浏览器端完成便捷的人机交互,简单的拖拽即可完成可视化页面的设计.可无缝嵌 ...

  4. 为什么 Python 代码在函数中运行得更快？

    哈喽大家好,我是咸鱼 当谈到编程效率和性能优化时,Python 常常被调侃为"慢如蜗牛" 有趣的是,Python 代码在函数中运行往往比在全局范围内运行要快得多 小伙伴们可能会有这 ...

  5. Centos7使用ssh免密登陆同时禁用root密码登陆

    Centos7使用ssh免密登陆同时禁用root密码登陆 首先配置免密登陆,参考:ssh免密登陆 禁用root密码登陆 修改 /etc/ssh/sshd_config 文件 找到: RSAAuthen ...

  6. MySQL运维1-日志

    一.错误日志 错误日志是MySQL中最重要的日志之一,它记录了当MySQL启动和停止时,以及服务器在运行过程中发生的任何严重错误时的相关信息,当数据库出现任何故障导致无法正常使用时,建议首先查看此日志 ...

  7. CF 下分记录

    7.27 edu152 \(+173=2048\) B 没细看数据范围 WA 了一次 D 没判 \(i-1=0\) WA 了一次 E. Max to the Right of Min 考虑增大右端点, ...

  8. fprintf

    fprintf 是一个标准C库函数,用于将格式化的输出写入到指定文件流中.它的函数原型如下: int fprintf(FILE *stream, const char *format, ...); 参 ...

  9. Asp-Net-Core开发笔记：快速在已有项目中引入EFCore

    前言 很多项目一开始选型的时候没有选择EFCore,不过EFCore确实好用,也许由于种种原因后面还是需要用到,这时候引入EFCore也很方便. 本文以 StarBlog 为例,StarBlog 目前 ...

  10. linux- 挂载本地iso，配置本地yum

    ------------------------------------ 关于centos8安装vm-tools: workstation部署centos8之后,不需要单独安装vm-tools,系统已 ...