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

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. php-fpm的配置

    pass 对应的php-fpm socket,这样nginx就能将请求转发给php-fpm,这个的实现真的是精彩,为什么,因为php-fpm是负责管理多个php进程的,他的稳定性令人赞叹. index ...

  2. 使用vscodep快速编写markdown

    写在前面 这是一篇基于 vscode 配置,用于书写 markdown 的文章 为了方便快速书写 markdown 真想使用一些便捷的快捷键去生成一些自己常用的格式或者是模版,于是自己基于自己的个人习 ...

  3. Solution -「洛谷 P6287」「COCI 2016-2017」Mag

    Description Link. 定义一条链的价值为链上点权乘积除以节链上点数,求一条价值最小的链. Solution 结论:答案链上最多包含一个 \(2\)(其余全为 \(1\)),并且不在链的两 ...

  4. 【python爬虫】爬虫所需要的爬虫代理ip是什么？

    前言 在进行爬虫程序开发时,经常会遇到访问被限制的网站,这时就需要使用代理 IP 来进行访问.本文将介绍代理 IP 的概念及使用方法,帮助读者更好地应对爬虫程序中的访问限制问题.同时,本文还将提供一些 ...

  5. 解决WordPress修改固定链接结构后出现“404 Not Found”的情况

    解决办法 在宝塔面板找到部署的站点设置 点击进入配置文件,复制下方这段代码粘贴进入配置文件,操作完这步,去刷新下我们的网站,再打开文章链接就可以正常打开.访问了. location / { try_f ...

  6. C中code关键字

    单片机C语言code是什么作用? code的作用是告诉单片机,我定义的数据要存储在ROM(程序存储区)里面,写入后就不能再更改,其实是相当与汇编里面的寻址MOVC(好像是),因为C语言中没办法详细描述 ...

  7. ERROR: nginx-1.22.1 installation failed.

    libraries. You can either do not enable the module or install the libraries.make: *** No rule to mak ...

  8. 【matplotlib 实战】--气泡图

    气泡图是一种多变量的统计图表,可以看作是散点图的变形.与散点图不同的是,每一个气泡都表示三个维度的数据,除了像散点图一样有X,Y轴,气泡的大小可以表示另一个维度的数据.例如,x轴表示产品销量,y轴表示 ...

  9. ES6入门（一）

    1.let声明的变量只在let命令所在的代码块内有效 2.不存在变量提升,先使用变量,后定义变量,就会报错. 3.let不允许在相同作用域内,重复声明同一个变量.

  10. 19. 从零开始编写一个类nginx工具, 配置数据的热更新原理及实现

    wmproxy wmproxy是由Rust编写,已实现http/https代理,socks5代理, 反向代理,静态文件服务器,内网穿透,配置热更新等, 后续将实现websocket代理等,同时会将实现 ...