【学习日记2023.6.2】之 管理端报表统计

文章目录

  • 11. 管理端报表统计
    • 11.1 Apache ECharts
      • 11.1.1 介绍
      • 11.1.2 入门案例
    • 11.2 营业额统计
      • 11.2.1 需求分析和设计
      • 11.2.2 代码开发
        • Controller层
        • Service层接口
        • Service层实现类
        • Mapper层
      • 11.2.3 功能测试
      • 11.2.4 提交代码
    • 11.3 用户统计
      • 11.3.1 需求分析和设计
      • 11.3.2 代码开发
        • Controller层
        • Service层接口
        • Service层实现类
        • Mapper层
      • 11.3.3 功能测试
      • 11.3.4 提交代码
    • 11.4 订单统计
      • 11.4.1 需求分析和设计
      • 11.4.2 代码开发
        • Controller层
        • Service层接口
        • Service层实现类
        • Mapper层
      • 11.4.3 功能测试
      • 11.4.4 提交代码
    • 11.5 销量排名Top10
      • 11.5.1 需求分析和设计
      • 11.5.2 代码开发
        • Controller层
        • Service层接口
        • Service层实现类
        • Mapper层
      • 11.5.3 功能测试
      • 11.5.4 提交代码

11. 管理端报表统计

  • Apache ECharts
  • 营业额统计
  • 用户统计
  • 订单统计
  • 销量排名Top10

11.1 Apache ECharts

11.1.1 介绍

Apache ECharts 是一款基于 Javascript 的数据可视化图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。
官网地址:https://echarts.apache.org/zh/index.html
【学习日记2023.6.2】之 管理端报表统计_第1张图片

常见效果展示:

1). 柱形图
![请添加图片描述](https://img-blog.csdnimg.cn/d8c295fe780445

2). 饼形图
【学习日记2023.6.2】之 管理端报表统计_第2张图片

3). 折线图
【学习日记2023.6.2】之 管理端报表统计_第3张图片

**总结:**不管是哪种形式的图形,最本质的东西实际上是数据,它其实是对数据的一种可视化展示。

11.1.2 入门案例

Apache Echarts官方提供的快速入门:https://echarts.apache.org/handbook/zh/get-started/

效果展示:
【学习日记2023.6.2】之 管理端报表统计_第4张图片

实现步骤:

1). 引入echarts.js 文件

2). 为 ECharts 准备一个设置宽高的 DOM

3). 初始化echarts实例

4). 指定图表的配置项和数据

5). 使用指定的配置项和数据显示图表

代码开发:

DOCTYPE html>
<html>
<head>
 <meta charset="utf-8" />
 <title>EChartstitle>
 
 <script src="echarts.js">script>
head>
<body>
 
 <div id="main" style="width: 600px;height:400px;">div>
 <script type="text/javascript">
   // 基于准备好的dom,初始化echarts实例
   var myChart = echarts.init(document.getElementById('main'));

   // 指定图表的配置项和数据
   var option = {
     title: {
       text: 'ECharts 入门示例'
     },
     tooltip: {},
     legend: {
       data: ['销量']
     },
     xAxis: {
       data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
     },
     yAxis: {},
     series: [
       {
         name: '销量',
         type: 'bar',
         data: [5, 20, 36, 10, 10, 20]
       }
     ]
   };

   // 使用刚指定的配置项和数据显示图表。
   myChart.setOption(option);
 script>
body>
html>

使用浏览器方式打开即可。

**总结:**使用Echarts,重点在于研究当前图表所需的数据格式。通常是需要后端提供符合格式要求的动态数据,然后响应给前端来展示图表。

11.2 营业额统计

11.2.1 需求分析和设计

产品原型

营业额统计是基于折现图来展现,并且按照天来展示的。实际上,就是某一个时间范围之内的每一天的营业额。同时,不管光标放在哪个点上,那么它就会把具体的数值展示出来。并且还需要注意日期并不是固定写死的,是由上边时间选择器来决定。比如选择是近7天、或者是近30日,或者是本周,就会把相应这个时间段之内的每一天日期通过横坐标展示。

原型图:
【学习日记2023.6.2】之 管理端报表统计_第5张图片

业务规则:

  • 营业额指订单状态为已完成的订单金额合计
  • 基于可视化报表的折线图展示营业额数据,X轴为日期,Y轴为营业额
  • 根据时间选择区间,展示每天的营业额数据

接口设计
【学习日记2023.6.2】之 管理端报表统计_第6张图片

**注意:**具体返回数据一般由前端来决定,前端展示图表,具体折现图对应数据是什么格式,是有固定的要求的。前端需要什么格式的数据,就给它返回什么格式的数据。

11.2.2 代码开发

根据接口定义设计对应的VO:
【学习日记2023.6.2】之 管理端报表统计_第7张图片

在sky-pojo模块,TurnoverReportVO.java已定义

package com.sky.vo;

import lombok.AllArgsConstructor;
import lombok.Builder;
import lombok.Data;
import lombok.NoArgsConstructor;

import java.io.Serializable;

@Data
@Builder
@NoArgsConstructor
@AllArgsConstructor
public class TurnoverReportVO implements Serializable {

 //日期,以逗号分隔,例如:2022-10-01,2022-10-02,2022-10-03
 private String dateList;

 //营业额,以逗号分隔,例如:406.0,1520.0,75.0
 private String turnoverList;

}

营业额TurnoverDTO类

@Data
public class TurnoverDTO {
    private LocalDate orderTime;//下单时间
    private Double turnover;//营业额
}

Controller层

根据接口定义创建ReportController:

package com.sky.controller.admin;

import com.sky.result.Result;
import com.sky.service.ReportService;
import com.sky.vo.TurnoverReportVO;
import io.swagger.annotations.Api;
import io.swagger.annotations.ApiOperation;
import lombok.extern.slf4j.Slf4j;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.format.annotation.DateTimeFormat;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
import java.time.LocalDate;

/**
 * 报表
 */
@RestController
@RequestMapping("/admin/report")
@Slf4j
@Api(tags = "统计报表相关接口")
public class ReportController {

    @Autowired
    private ReportService reportService;

    /**
     * 营业额数据统计
     *
     * @param begin
     * @param end
     * @return
     */
    @GetMapping("/turnoverStatistics")
    @ApiOperation("营业额数据统计")
    public Result<TurnoverReportVO> turnoverStatistics(
            @DateTimeFormat(pattern = "yyyy-MM-dd")
                    LocalDate begin,
            @DateTimeFormat(pattern = "yyyy-MM-dd")
                    LocalDate end) {
        log.info("营业额数据统计查询起始日期:{},终止日期:{}",begin,end);
        return Result.success(reportService.getTurnover(begin, end));
    }

}

Service层接口

创建ReportService接口,声明getTurnover方法:

package com.sky.service;

import com.sky.vo.TurnoverReportVO;
import java.time.LocalDate;

public interface ReportService {

    /**
     * 根据时间区间统计营业额
     * @param beginTime
     * @param endTime
     * @return
     */
    TurnoverReportVO getTurnover(LocalDate beginTime, LocalDate endTime);
}

Service层实现类

创建ReportServiceImpl实现类,实现getTurnover方法:

package com.sky.service.impl;

import com.sky.entity.Orders;
import com.sky.mapper.OrderMapper;
import com.sky.service.ReportService;
import com.sky.vo.TurnoverReportVO;
import lombok.extern.slf4j.Slf4j;
import org.apache.commons.lang.StringUtils;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import java.time.LocalDate;
import java.time.LocalDateTime;
import java.time.LocalTime;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

@Service
@Slf4j
public class ReportServiceImpl implements ReportService {

    @Autowired
    private OrderMapper orderMapper;

    /**
     * 根据时间区间统计营业额
     * @param begin
     * @param end
     * @return
     */
    public TurnoverReportVO getTurnover(LocalDate begin, LocalDate end) {
        //处理X轴所需数据
        List<LocalDate> dateList = new ArrayList<>();
        dateList.add(begin);
        while (!begin.equals(end)){
            begin = begin.plusDays(1);//日期计算,获得指定日期后1天的日期
            dateList.add(begin);
        }
        //处理Y轴所需数据
        Map map = new HashMap();
        map.put("status", Orders.COMPLETED);
        map.put("begin", LocalDateTime.of(dateList.get(0), LocalTime.MIN));
        map.put("end", LocalDateTime.of(end,LocalTime.MAX));
        List<TurnoverDTO> turnoverDTOList = orderMapper.sumByMap(map);
        List<Double> turnoverList = new ArrayList<>();
        for (LocalDate date : dateList) {
            //从turnoverDTOList集合中过滤(筛选)出orderTime与date相等的值
            Optional<TurnoverDTO> optional = turnoverDTOList.stream().filter(turnoverDTO -> {
                return turnoverDTO.getOrderTime().isEqual(date);
            }).findFirst();
            if (optional.isPresent()){
                //匹配到了,取出营业额 ,并添加到turnoverList中
                turnoverList.add(optional.get().getTurnover());
            }else {
                //没有匹配,向turnoverList添加一个0.0
                turnoverList.add(0.0);
            }
        }
        //数据封装
        return TurnoverReportVO.builder()
                .dateList(StringUtils.join(dateList,","))
                .turnoverList(StringUtils.join(turnoverList,","))
                .build();
    }
}

Mapper层

在OrderMapper接口声明sumByMap方法:

    /**
     * 根据map传入的时间查询营业额
     * @param map
     * @return
     */
    List<TurnoverDTO> sumByMap(Map map);

在OrderMapper.xml文件中编写动态SQL:

<select id="sumByMap" resultType="com.sky.dto.TurnoverDTO">
		select date_format(order_time,'%Y-%m-%d') orderTime,sum(amount) turnover from orders
		<where>
			<if test="status != null">
				and status = #{status}
			if>
			<if test="begin != null">
				and order_time >= #{begin}
			if>
			<if test="end != null">
				and order_time <= #{end}
			if>
		where>
		group by orderTime
	select>

11.2.3 功能测试

可以通过如下方式进行测试:

  • 接口文档测试
  • 前后端联调测试

启动服务器,启动nginx,直接采用前后端联调测试。

进入数据统计模块

1). 查看近7日营业额统计
【学习日记2023.6.2】之 管理端报表统计_第8张图片

进入开发者模式,查看返回数据
请添加图片描述

2). 查看近30日营业额统计
【学习日记2023.6.2】之 管理端报表统计_第9张图片

11.2.4 提交代码

commit—>describe—>push

11.3 用户统计

11.3.1 需求分析和设计

产品原型

所谓用户统计,实际上统计的是用户的数量。通过折线图来展示,上面这根蓝色线代表的是用户总量,下边这根绿色线代表的是新增用户数量,是具体到每一天。所以说用户统计主要统计两个数据,一个是总的用户数量,另外一个是新增用户数量

原型图:
【学习日记2023.6.2】之 管理端报表统计_第10张图片

业务规则:

  • 基于可视化报表的折线图展示用户数据,X轴为日期,Y轴为用户数
  • 根据时间选择区间,展示每天的用户总量和新增用户量数据

接口设计
【学习日记2023.6.2】之 管理端报表统计_第11张图片

11.3.2 代码开发

根据用户统计接口的返回结果设计VO:
【学习日记2023.6.2】之 管理端报表统计_第12张图片

在sky-pojo模块,UserReportVO.java已定义

package com.sky.vo;

import lombok.AllArgsConstructor;
import lombok.Builder;
import lombok.Data;
import lombok.NoArgsConstructor;
import java.io.Serializable;

@Data
@Builder
@NoArgsConstructor
@AllArgsConstructor
public class UserReportVO implements Serializable {

 //日期,以逗号分隔,例如:2022-10-01,2022-10-02,2022-10-03
 private String dateList;

 //用户总量,以逗号分隔,例如:200,210,220
 private String totalUserList;

 //新增用户,以逗号分隔,例如:20,21,10
 private String newUserList;

}

定义UserCountDTO类

public class UserCountDTO implements Serializable {
    private LocalDate createTime;//创建时间
    private Integer userCount;//人数
}

Controller层

根据接口定义,在ReportController中创建userStatistics方法:

/**
     * 用户数据统计
     * @param begin
     * @param end
     * @return
     */
    @GetMapping("/userStatistics")
    @ApiOperation("用户数据统计")
    public Result<UserReportVO> userStatistics(
            @DateTimeFormat(pattern = "yyyy-MM-dd") LocalDate begin,
            @DateTimeFormat(pattern = "yyyy-MM-dd") LocalDate end){
		log.info("用户数据统计查询起始日期:{},终止日期:{}",begin,end);
        return Result.success(reportService.getUserStatistics(begin,end));            
}

Service层接口

在ReportService接口中声明getUserStatistics方法:

	/**
     * 根据时间区间统计用户数量
     * @param begin
     * @param end
     * @return
     */
    UserReportVO getUserStatistics(LocalDate begin, LocalDate end);

Service层实现类

在ReportServiceImpl实现类中实现getUserStatistics方法:

	@Override
    public UserReportVO getUserStatistics(LocalDate begin, LocalDate end) {
       //处理X轴所需的日期数据
        List<LocalDate> dateList = new ArrayList<>();
        dateList.add(begin);
        while (!begin.equals(end)){
            begin = begin.plusDays(1);//日期计算,获得指定日期后1天的日期
            dateList.add(begin);
        }
        //处理Y轴所需的新增用户数据和总用户数据
        Map map = new HashMap();
        map.put("begin", LocalDateTime.of(dateList.get(0), LocalTime.MIN));
        map.put("end", LocalDateTime.of(end,LocalTime.MAX));
        //得到每天新增用户人数的集合
        List<UserCountDTO> userCountDTOList = userMapper.countNewUserByMap(map);
        List<Integer> newUserList = new ArrayList<>();//每天新增用户人数
        List<Integer> totalUserList = new ArrayList<>();//每天总用户人数
        Integer total = userMapper.countTotalUserByCreateTime(dateList.get(0));//获取传入起始日期之前的总人数
        for (LocalDate date : dateList) {
            //筛选集合中createTime和date一致的数据
            Optional<UserCountDTO> optional = userCountDTOList.stream().filter(userCountDTO -> {
                return userCountDTO.getCreateTime().isEqual(date);
            }).findFirst();
            //判断是否存在
            if (optional.isPresent()){
                //存在,将count(新增用户数据),添加到newUserList中
                newUserList.add(optional.get().getUserCount());
                //总用户在原始总用户的基础上添加当天的新增用户数
                total += optional.get().getUserCount();
            }else {
                //存在,将count(新增用户数据),添加到newUserList中
                newUserList.add(0);
            }
            totalUserList.add(total);
        }

        //封装并返回VO
        return UserReportVO.builder()
                .dateList(StringUtils.join(dateList,','))
                .newUserList(StringUtils.join(newUserList,','))
                .totalUserList(StringUtils.join(totalUserList,','))
                .build();
    }

在ReportServiceImpl实现类中创建私有方法getUserCount:

	/**
     * 根据时间区间统计用户数量
     * @param beginTime
     * @param endTime
     * @return
     */
    public Integer getUserCount(LocalDateTime beginTime, LocalDateTime endTime) {
        Map map = new HashMap();
        map.put("begin",beginTime);
        map.put("end", endTime);
        return userMapper.countByMap(map);
    }

Mapper层

在UserMapper接口中声明countByMap方法:

    /**
     * 统计日期范围内每天新增用户人数
     * @param map
     * @return
     */
    List<UserCountDTO> countNewUserByMap(Map map);

    /**
     * 查询在查询起始日期前的总用户数
     * @param begin
     * @return
     */
    @Select("select count(*) from user where create_time <= date_format(create_time,'%Y-%m-%d')")
    Integer countTotalUserByCreateTime(LocalDate begin);

在UserMapper.xml文件中编写动态SQL:

<!--统计新增用户人数-->
	<select id="countNewUserByMap" resultType="com.sky.dto.UserCountDTO">
		select date_format(create_time,'%Y-%m-%d') createTime,count(*) userCount from user
		<where>
			<if test="begin != null">
				and create_time &gt;= #{begin}
			</if>
			<if test="end != null">
				and create_time &lt;= #{end}
			</if>
		</where>
		group by createTime
	</select>

11.3.3 功能测试

可以通过如下方式进行测试:

  • 接口文档测试
  • 前后端联调测试

进入数据统计模块

1). 查看近7日用户统计
【学习日记2023.6.2】之 管理端报表统计_第13张图片

2). 查看近30日用户统计
【学习日记2023.6.2】之 管理端报表统计_第14张图片

11.3.4 提交代码

commit—>describe—>push

11.4 订单统计

11.4.1 需求分析和设计

产品原型

订单统计通过一个折现图来展现,折线图上有两根线,这根蓝色的线代表的是订单总数,而下边这根绿色的线代表的是有效订单数,指的就是状态是已完成的订单就属于有效订单,分别反映的是每一天的数据。上面还有3个数字,分别是订单总数、有效订单、订单完成率,它指的是整个时间区间之内总的数据。

原型图:
【学习日记2023.6.2】之 管理端报表统计_第15张图片

业务规则:

  • 有效订单指状态为 “已完成” 的订单
  • 基于可视化报表的折线图展示订单数据,X轴为日期,Y轴为订单数量
  • 根据时间选择区间,展示每天的订单总数和有效订单数
  • 展示所选时间区间内的有效订单数、总订单数、订单完成率,订单完成率 = 有效订单数 / 总订单数 * 100%

接口设计
【学习日记2023.6.2】之 管理端报表统计_第16张图片

11.4.2 代码开发

根据订单统计接口的返回结果设计VO:
【学习日记2023.6.2】之 管理端报表统计_第17张图片

在sky-pojo模块,OrderReportVO.java已定义

package com.sky.vo;

import lombok.AllArgsConstructor;
import lombok.Builder;
import lombok.Data;
import lombok.NoArgsConstructor;
import java.io.Serializable;

@Data
@Builder
@NoArgsConstructor
@AllArgsConstructor
public class OrderReportVO implements Serializable {

 //日期,以逗号分隔,例如:2022-10-01,2022-10-02,2022-10-03
 private String dateList;

 //每日订单数,以逗号分隔,例如:260,210,215
 private String orderCountList;

 //每日有效订单数,以逗号分隔,例如:20,21,10
 private String validOrderCountList;

 //订单总数
 private Integer totalOrderCount;

 //有效订单数
 private Integer validOrderCount;

 //订单完成率
 private Double orderCompletionRate;

}

下单数量OrderCountDTO类

@Data
public class OrderCountDTO implements Serializable {
    private LocalDate orderTime;//下单时间
    private Integer orderCount;//下单数量
}

Controller层

在ReportController中根据订单统计接口创建orderStatistics方法:

/**
     * 订单数据统计
     * @param begin
     * @param end
     * @return
     */
    @GetMapping("/ordersStatistics")
    @ApiOperation("订单数据统计")
    public Result<OrderReportVO> orderStatistics(
            @DateTimeFormat(pattern = "yyyy-MM-dd")
                    LocalDate begin,
            @DateTimeFormat(pattern = "yyyy-MM-dd")
                    LocalDate end){
		log.info("用户数据统计查询起始日期:{},终止日期:{}",begin,end);
        return Result.success(reportService.getOrderStatistics(begin,end));
    }

Service层接口

在ReportService接口中声明getOrderStatistics方法:

/**
* 根据时间区间统计订单数量
* @param begin 
* @param end
* @return 
*/
OrderReportVO getOrderStatistics(LocalDate begin, LocalDate end);

Service层实现类

在ReportServiceImpl实现类中实现getOrderStatistics方法:

/**
* 根据时间区间统计订单数量
* @param begin 
* @param end
* @return 
*/
public OrderReportVO getOrderStatistics(LocalDate begin, LocalDate end){
	//处理X轴所需的日期数据
        List<LocalDate> dateList = new ArrayList<>();
        dateList.add(begin);
        while (!begin.equals(end)){
            begin = begin.plusDays(1);//日期计算,获得指定日期后1天的日期
            dateList.add(begin);
        }
        //处理Y轴所需的新增用户数据和总用户数据
        //按照条件统计日期和对应的总订单数
        Map map = new HashMap();
        map.put("begin", LocalDateTime.of(dateList.get(0), LocalTime.MIN));
        map.put("end", LocalDateTime.of(end,LocalTime.MAX));
        //存储数据库中每天订单的数量
        List<OrderCountDTO> list1 = orderMapper.countByMap(map);
        //添加状态条件没统计日期和对应的有效订单数
        map.put("status",Orders.COMPLETED);
        //存储数据库中每天完成订单的数量
        List<OrderCountDTO> list2 = orderMapper.countByMap(map);
        //处理总订单数和有效订单数
        List<Integer> orderCountList = new ArrayList<>();//总订单数集合
        List<Integer> validOrderCountList = new ArrayList<>();//有效订单数集合
        for (LocalDate date : dateList) {
            //处理总订单数据
            Optional<OrderCountDTO> optional1 = list1.stream().filter(orderCountDTO -> {
                return orderCountDTO.getOrderTime().isEqual(date);
            }).findFirst();
            if (optional1.isPresent()){
                orderCountList.add(optional1.get().getOrderCount());
            }else {
                orderCountList.add(0);
            }
            //处理有效订单数据
            Optional<OrderCountDTO> optional2 = list2.stream().filter(orderCountDTO -> {
                return orderCountDTO.getOrderTime().isEqual(date);
            }).findFirst();
            if (optional2.isPresent()){
                validOrderCountList.add(optional2.get().getOrderCount());
            }else {
                validOrderCountList.add(0);
            }
        }
        //3.处理订单总数,有效订单总数,完成率
        //订单总数
        Integer totalOrderCount = orderCountList.stream().reduce(Integer::sum).get();
        //有效订单总数
        Integer validTotalOrderCount = validOrderCountList.stream().reduce(Integer::sum).get();
        //完成率
        Double orderCompletionRate = 0.0;
        if (totalOrderCount != 0){
            orderCompletionRate = validTotalOrderCount.doubleValue() / totalOrderCount.doubleValue();
        }
        return OrderReportVO.builder()
                .dateList(StringUtils.join(dateList,','))
                .orderCountList(StringUtils.join(orderCountList,','))
                .validOrderCountList(StringUtils.join(validOrderCountList,','))
                .totalOrderCount(totalOrderCount)
                .validOrderCount(validTotalOrderCount)
                .orderCompletionRate(orderCompletionRate)
                .build();
}

Mapper层

在OrderMapper接口中声明countByMap方法:

    /**
     * 根据条件查询订单数量
     * @param map
     * @return
     */
    List<OrderCountDTO> countByMap(Map map);

在OrderMapper.xml文件中编写动态SQL:

	<!--根据条件查询订单数量-->
	<select id="countByMap" resultType="com.sky.dto.OrderCountDTO">
		select date_format(order_time,'%Y-%m-%d') orderTime,count(*) orderCount from orders
		<where>
			<if test="status != null">
				and status = #{status}
			</if>
			<if test="begin != null">
				and order_time &gt;= #{begin}
			</if>
			<if test="end != null">
				and order_time &lt;= #{end}
			</if>
		</where>
		group by orderTime
	</select>

11.4.3 功能测试

可以通过如下方式进行测试:

  • 接口文档测试
  • 前后端联调

重启服务,直接采用前后端联调测试。

进入数据统计模块

1). 查看近7日订单统计
【学习日记2023.6.2】之 管理端报表统计_第18张图片

2). 查看近30日订单统计
【学习日记2023.6.2】之 管理端报表统计_第19张图片

11.4.4 提交代码

commit—>describe—>push

11.5 销量排名Top10

11.5.1 需求分析和设计

产品原型

所谓销量排名,销量指的是商品销售的数量。项目当中的商品主要包含两类:一个是套餐,一个是菜品,所以销量排名其实指的就是菜品和套餐销售的数量排名。通过柱形图来展示销量排名,这些销量是按照降序来排列,并且只需要统计销量排名前十的商品。

原型图:
【学习日记2023.6.2】之 管理端报表统计_第20张图片

业务规则:

  • 根据时间选择区间,展示销量前10的商品(包括菜品和套餐)
  • 基于可视化报表的柱状图降序展示商品销量
  • 此处的销量为商品销售的份数

接口设计
【学习日记2023.6.2】之 管理端报表统计_第21张图片

11.5.2 代码开发

根据销量排名接口的返回结果设计VO:
【学习日记2023.6.2】之 管理端报表统计_第22张图片

在sky-pojo模块,SalesTop10ReportVO.java已定义

package com.sky.vo;

import lombok.AllArgsConstructor;
import lombok.Builder;
import lombok.Data;
import lombok.NoArgsConstructor;
import java.io.Serializable;

@Data
@Builder
@NoArgsConstructor
@AllArgsConstructor
public class SalesTop10ReportVO implements Serializable {

 //商品名称列表,以逗号分隔,例如:鱼香肉丝,宫保鸡丁,水煮鱼
 private String nameList;

 //销量列表,以逗号分隔,例如:260,215,200
 private String numberList;

}

食品名称GoodsSalesDTO类

@Data
@AllArgsConstructor
@NoArgsConstructor
@Builder
public class GoodsSalesDTO implements Serializable {
    //商品名称
    private String name;

    //销量
    private Integer number;
}

Controller层

在ReportController中根据销量排名接口创建top10方法:

/**
* 销量排名统计
* @param begin
* @param end
* @return
*/
@GetMapping("/top10")
@ApiOperation("销量排名统计")
public Result<SalesTop10ReportVO> top10(
    @DateTimeFormat(pattern = "yyyy-MM-dd") LocalDate begin,
    @DateTimeFormat(pattern = "yyyy-MM-dd") LocalDate end){
    log.info("销量排名Top10查询起始日期:{},终止日期:{}",begin,end);
	return Result.success(reportService.getSalesTop10(begin,end));
}

Service层接口

在ReportService接口中声明getSalesTop10方法:

/**
* 查询指定时间区间内的销量排名top10 
* @param begin
* @param end
* @return
*/
SalesTop10ReportVO getSalesTop10(LocalDate begin, LocalDate end);

Service层实现类

在ReportServiceImpl实现类中实现getSalesTop10方法:

/**
     * 查询指定时间区间内的销量排名top10
     * @param begin
     * @param end
     * @return
     * */
    public SalesTop10ReportVO getSalesTop10(LocalDate begin, LocalDate end){
        LocalDateTime beginTime = LocalDateTime.of(begin, LocalTime.MIN);
        LocalDateTime endTime = LocalDateTime.of(end, LocalTime.MAX);
        List<GoodsSalesDTO> goodsSalesDTOList = orderMapper.getSalesTop10(beginTime, endTime);

        String nameList = StringUtils.join(goodsSalesDTOList.stream().map(GoodsSalesDTO::getName).collect(Collectors.toList()),",");
        String numberList = StringUtils.join(goodsSalesDTOList.stream().map(GoodsSalesDTO::getNumber).collect(Collectors.toList()),",");

        return SalesTop10ReportVO.builder()
                .nameList(nameList)
                .numberList(numberList)
                .build();
    }

Mapper层

在OrderMapper接口中声明getSalesTop10方法:

/**
* 查询商品销量排名
* @param begin
* @param end
*/
List<GoodsSalesDTO> getSalesTop10(LocalDateTime begin, LocalDateTime end);

在OrderMapper.xml文件中编写动态SQL:

<select id="getSalesTop10" resultType="com.sky.dto.GoodsSalesDTO">
        select od.name name,sum(od.number) number from order_detail od ,orders o
        where od.order_id = o.id
            and o.status = 5
            <if test="begin != null">
                and order_time >= #{begin}
            if>
            <if test="end != null">
                and order_time <= #{end}
            if>
        group by name
        order by number desc
        limit 0, 10
select>

11.5.3 功能测试

可以通过如下方式进行测试:

  • 接口文档测试
  • 前后端联调

重启服务,直接采用前后端联调测试。

查看近30日销量排名Top10统计

若查询的某一段时间没有销量数据,则显示不出效果。
【学习日记2023.6.2】之 管理端报表统计_第23张图片

11.5.4 提交代码

commit—>describe—>push

你可能感兴趣的:(项目之外卖系统,学习,echarts,java)