【苍穹外卖】项目实战Day12

于 2024-05-22 08:00:00 发布
阅读量1.2k 收藏 17
点赞数 34
分类专栏： 苍穹外卖项目实战 文章标签： 苍穹外卖 java spring boot
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_62511863/article/details/138811980
版权

🔥 本文由 程序喵正在路上 原创，CSDN首发！
💖 系列专栏：苍穹外卖项目实战
🌠 首发时间：2024年5月22日
🦋 欢迎关注🖱点赞👍收藏🌟留言🐾

目录

Apache ECharts

介绍

  • Apache ECharts 是一款基于 Javascript 的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。

  • 官网地址：https://echarts.apache.org/zh/index.html

    在这里插入图片描述

  • 效果展示：

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

入门案例

因为这部分是属于前端的内容，所以我们了解一下 Apache Echarts 官方提供的快速入门案例即可：https://echarts.apache.org/handbook/zh/get-started/

在这里插入图片描述

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

营业额统计

需求分析和设计

产品原型：
在这里插入图片描述
业务规则：

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

接口设计：
在这里插入图片描述

代码开发

根据接口定义设计对应的 VO：
在这里插入图片描述

根据接口定义创建 ReportController，并创建 turnoverStatistics 方法：

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")
@Api(tags = "统计报表相关接口")
@Slf4j
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) {

        TurnoverReportVO turnoverReportVO = reportService.getTurnoverStatistics(begin, end);
        return Result.success(turnoverReportVO);
    }
}

创建 ReportService 接口，声明 getTurnoverStatistics 方法：

import com.sky.vo.TurnoverReportVO;

import java.time.LocalDate;

public interface ReportService {

    /**
     * 根据时间区间统计营业额
     *
     * @param begin
     * @param end
     * @return
     */
    TurnoverReportVO getTurnoverStatistics(LocalDate begin, LocalDate end);
}

创建 ReportServiceImpl 实现类，实现 getTurnoverStatistics 方法，同时创建私有方法 getDateList：：

import com.sky.entity.Orders;
import com.sky.mapper.OrderMapper;
import com.sky.service.ReportService;
import com.sky.vo.TurnoverReportVO;
import com.sky.vo.UserReportVO;
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 getTurnoverStatistics(LocalDate begin, LocalDate end) {
        //获取时间列表
        List<LocalDate> dateList = getDateList(begin, end);

        //获取对应时间每一天的营业额
        List<Double> turnoverList = new ArrayList<>();
        dateList.forEach(date -> {
            LocalDateTime oneDayBeginTime = LocalDateTime.of(date, LocalTime.MIN);  //一天的开始时间, 即00:00
            LocalDateTime oneDayEndTime = LocalDateTime.of(date, LocalTime.MAX);    //一天的结束时间, 即23:59

            //查询营业额
            Map map = new HashMap();
            map.put("status", Orders.COMPLETED);    //订单状态需要为已完成
            map.put("begin", oneDayBeginTime);
            map.put("end", oneDayEndTime);

            Double turnover = orderMapper.sumByMap(map);
            turnover = turnover == null ? 0.0 : turnover;   //如果某一天没有订单, 需要将营业额设置为0, 不然会返回null
            turnoverList.add(turnover);
        });

        //数据封装
        return TurnoverReportVO.builder()
                .dateList(StringUtils.join(dateList, ","))
                .turnoverList(StringUtils.join(turnoverList, ","))
                .build();
    }

    /**
     * 根据起止时间计算出对应的时间列表
     *
     * @param begin
     * @param end
     * @return
     */
    private static List<LocalDate> getDateList(LocalDate begin, LocalDate end) {
        List<LocalDate> dateList = new ArrayList<>();
        dateList.add(begin);

        while (!begin.equals(end)) {
            begin = begin.plusDays(1);  //日期计算, 获取指定日期后1天的日期
            dateList.add(begin);
        }

        return dateList;
    }
}

在 OrderMapper 接口声明 sumByMap 方法：

/**
 * 根据动态条件统计营业额
 *
 * @param map
 * @return
 */
Double sumByMap(Map map);

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

<!--    根据动态条件统计营业额-->
<select id="sumByMap" resultType="java.lang.Double">
    select sum(amount)
    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>
</select>

功能测试

在这里插入图片描述

用户统计

需求分析和设计

产品原型：
在这里插入图片描述

业务规则：

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

接口设计：
在这里插入图片描述

代码开发

根据用户统计接口的返回结果设计 VO：

在这里插入图片描述
根据接口定义，在 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) {

    UserReportVO userReportVO = reportService.getUserStatistics(begin, end);
    return Result.success(userReportVO);
}

在 ReportService 接口中声明 getUserStatistics 方法：

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

在 ReportServiceImpl 实现类中实现 getUserStatistics 方法，同时创建私有方法 getUserCount：

/**
 * 根据时间区间统计用户数量
 *
 * @param begin
 * @param end
 * @return
 */
public UserReportVO getUserStatistics(LocalDate begin, LocalDate end) {
    //获取时间列表
    List<LocalDate> dateList = getDateList(begin, end);

    //统计对应时间每一天的新增用户数和总用户数
    List<Integer> newUserList = new ArrayList<>();      //新增用户数
    List<Integer> totalUserList = new ArrayList<>();    //总用户数

    dateList.forEach(date -> {
        LocalDateTime oneDayBeginTime = LocalDateTime.of(date, LocalTime.MIN);  //一天的开始时间, 即00:00
        LocalDateTime oneDayEndTime = LocalDateTime.of(date, LocalTime.MAX);    //一天的结束时间, 即23:59

        Integer newUser = getUserCount(oneDayBeginTime, oneDayEndTime); //当天新增用户数
        Integer totalUser = getUserCount(null, oneDayEndTime);          //截止当天总用户数

        newUserList.add(newUser);
        totalUserList.add(totalUser);
    });

    //数据封装返回
    return UserReportVO.builder()
            .dateList(StringUtils.join(dateList, ","))
            .newUserList(StringUtils.join(newUserList, ","))
            .totalUserList(StringUtils.join(totalUserList, ","))
            .build();
}

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

在 UserMapper 接口中声明 countByMap 方法：

/**
 * 根据动态条件统计用户数量
 *
 * @param map
 * @return
 */
Integer countByMap(Map map);

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

<!--    根据动态条件统计用户数量-->
<select id="countByMap" resultType="java.lang.Integer">
    select count(id)
    from user
    <where>
        <if test="begin != null">
            and create_time &gt;= #{begin}
        </if>
        <if test="end != null">
            and create_time &lt;= #{end}
        </if>
    </where>
</select>

功能测试

在这里插入图片描述

订单统计

需求分析和设计

产品原型：
在这里插入图片描述
业务规则：

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

接口设计：
在这里插入图片描述

代码开发

根据订单统计接口的返回结果设计 VO：
在这里插入图片描述
在 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) {

    OrderReportVO orderReportVO = reportService.getOrderStatistics(begin, end);
    return Result.success(orderReportVO);
}

在 ReportService 接口中声明 getOrderStatistics 方法：

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

在 ReportServiceImpl 实现类中实现 getOrderStatistics 方法，同时创建私有方法 getOrderCount：

/**
 * 根据时间区间统计订单数量
 *
 * @param begin
 * @param end
 * @return
 */
public OrderReportVO getOrderStatistics(LocalDate begin, LocalDate end) {
    //获取时间列表
    List<LocalDate> dateList = getDateList(begin, end);

    //每天订单总数集合
    List<Integer> orderCountList = new ArrayList<>();

    //每天有效订单数集合
    List<Integer> validOrderCountList = new ArrayList<>();

    dateList.forEach(date -> {
        LocalDateTime oneDayBeginTime = LocalDateTime.of(date, LocalTime.MIN);  //一天的开始时间, 即00:00
        LocalDateTime oneDayEndTime = LocalDateTime.of(date, LocalTime.MAX);    //一天的结束时间, 即23:59

        //查询每天的总订单数
        Integer orderCount = getOrderCount(oneDayBeginTime, oneDayEndTime, null);

        //查询每天的有效订单数
        Integer validOrderCount = getOrderCount(oneDayBeginTime, oneDayEndTime, Orders.COMPLETED);

        orderCountList.add(orderCount);
        validOrderCountList.add(validOrderCount);
    });

    //时间区间内的总订单数
    Integer totalOrderCount = orderCountList.stream().reduce(Integer::sum).get();

    //时间区间内的总有效订单数
    Integer totalValidOrderCount = validOrderCountList.stream().reduce(Integer::sum).get();

    //订单完成率
    Double orderCompletionRate = 0.0;
    if (totalOrderCount != 0) {
        orderCompletionRate = totalValidOrderCount.doubleValue() / totalOrderCount;
    }

    //数据封装返回
    return OrderReportVO.builder()
            .dateList(StringUtils.join(dateList, ","))
            .orderCountList(StringUtils.join(orderCountList, ","))
            .validOrderCountList(StringUtils.join(validOrderCountList, ","))
            .totalOrderCount(totalOrderCount)
            .validOrderCount(totalValidOrderCount)
            .orderCompletionRate(orderCompletionRate)
            .build();
}

/**
 * 根据时间区间统计指定状态的订单数量
 *
 * @param beginTime
 * @param endTime
 * @param status
 * @return
 */
private Integer getOrderCount(LocalDateTime beginTime, LocalDateTime endTime, Integer status) {
    Map map = new HashMap();
    map.put("status", status);
    map.put("begin", beginTime);
    map.put("end", endTime);
    return orderMapper.countByMap(map);
}

在 OrderMapper 接口中声明 countByMap 方法：

/**
 * 根据动态条件统计订单数量
 *
 * @param map
 * @return
 */
Integer countByMap(Map map);

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

<!--    根据动态条件统计订单数量-->
<select id="countByMap" resultType="java.lang.Integer">
    select count(id)
    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>
</select>

功能测试

在这里插入图片描述

销量排名Top10

需求分析和设计

产品原型：
在这里插入图片描述
业务规则：

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

接口设计：
在这里插入图片描述

代码开发

根据销量排名接口的返回结果设计 VO：

在这里插入图片描述
在 ReportController 中根据销量排名接口创建 top10Statistics 方法：

/**
 * 销量排名统计
 *
 * @param begin
 * @param end
 * @return
 */
@GetMapping("/top10")
@ApiOperation("销量排名统计")
public Result<SalesTop10ReportVO> top10Statistics(
        @DateTimeFormat(pattern = "yyyy-MM-dd") LocalDate begin,
        @DateTimeFormat(pattern = "yyyy-MM-dd") LocalDate end) {

    SalesTop10ReportVO salesTop10ReportVO = reportService.getSalesTop10Statistics(begin, end);
    return Result.success(salesTop10ReportVO);
}

在 ReportService 接口中声明 getSalesTop10Statistics 方法：

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

在 ReportServiceImpl 实现类中实现 getSalesTop10Statistics 方法：

/**
 * 查询指定时间区间内的销量排名top10
 *
 * @param begin
 * @param end
 * @return
 */
public SalesTop10ReportVO getSalesTop10Statistics(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);

    //top10菜品套餐名列表
    String nameList = StringUtils.join(goodsSalesDTOList.stream().map(GoodsSalesDTO::getName).collect(Collectors.toList()), ",");

    //top10销量列表
    String numberList = StringUtils.join(goodsSalesDTOList.stream().map(GoodsSalesDTO::getNumber).collect(Collectors.toList()), ",");

    //数据封装返回
    return SalesTop10ReportVO.builder()
            .nameList(nameList)
            .numberList(numberList)
            .build();
}

在 OrderMapper 接口中声明 getSalesTop10 方法：

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

在 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 = "beginTime != null">
        and o.order_time &gt;= #{beginTime}
    </if>
    <if test = "endTime != null">
        and o.order_time &lt;= #{endTime}
    </if>
    group by name
    order by number desc
    limit 0,10
</select>

功能测试

在这里插入图片描述

程序喵正在路上
关注
  • 34
    点赞
  • 踩
  • 17
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
苍穹外卖项目
m0_62848327的博客
08-06 303
Day01 软件开发流程(面试题) 三种软件环境
苍穹外卖项目学习总结
qq_55504269的博客
04-18 1594
1）定位：专门为餐饮企业定制的一款软件产品；功能架构：体现项目中的业务功能模块，分为管理端、用户端；管理端：员工管理、分类管理、菜品管理、套餐管理、订单管理、工作台、数据统计、来单提醒；用户端：微信登录、商品浏览、购物车、用户下单、微信支付、历史订单、地址管理、用户催单；产品原型：用于展示项目的业务功能，一般由产品经理进行设计；技术选型：展示项目中用到的技术框架和中间件等；2）整体结构前端工程基于nignx运行；后端工程基于maven进行项目构建，并进行分模块开发；项目结构序号名称。
苍穹外卖-day12
AN_NI_112的博客
07-29 846
苍穹外卖-day12
苍穹外卖项目(黑马)学习笔记DAY12
wwwwz9的博客
09-06 793
Apache POl是一个处理Miscrosoft Office各种文件格式的开源项目。简单来说就是，我们可以使用POI在Java程序中对Miscrosoft Office各种文件进行读写操作。
苍穹外卖day12笔记
当年月明的博客
08-11 555
苍穹外卖day12笔记。包括工作台的实现代码分析与导入、Apache POI技术的介绍以及导出运营数据的实现。
项目实战———苍穹外卖(DAY12)
qq_62006367的博客
01-20 1220
Apache POI 是一个处理Miscrosoft Office各种文件格式的开源项目。简单来说就是，我们可以使用 POI 在 Java 程序中对Miscrosoft Office各种文件进行读写操作。一般情况下，POI 都是用于操作 Excel 文件。银行网银系统导出交易明细各种业务系统导出Excel报表批量导入业务数据。
苍穹外卖Day12——总结12
qq_43751200的博客
04-10 1067
本篇文章为苍穹外卖的最后一篇文章，主要工作为工作台的展示以及导出报表。历时一个月终于把这个项目解决掉了，学到了很多技巧，掌握了大概80%的内容，这一周要及时巩固。
【java苍穹外卖项目实战二】苍穹外卖环境搭建资料
02-09
在本项目"【java苍穹外卖项目实战二】苍穹外卖环境搭建资料"中，我们将深入探讨如何构建一个基于Java的外卖系统。这个项目涵盖了从数据库设计到前端展示的完整流程，是学习Java Web开发实战技能的理想案例。下面将...
黑马系列项目之苍穹外卖
最新发布
04-30
苍穹外卖是一个全栈开发的在线订餐平台，模拟了现实世界中外卖服务的业务流程。项目特点包括： 用户界面：使用Vue.js构建，提供用户注册、登录、浏览菜单、下单、支付、订单管理等功能。 商家系统：商家可以管理...
苍穹外卖前端课程 day03-套餐管理
03-09
### 苍穹外卖前端课程 Day03 - 套餐管理知识点详解 #### 一、套餐分页查询 ##### 1.1 需求分析与接口设计 **产品原型及业务规则：** - **主要功能：** - 根据用户指定的页码展示套餐信息。 - 默认情况下每页...
苍穹外卖技术 - 个人总结
10-31
苍穹外卖技术 - 个人总结
苍穹外卖day7作业-从购物车中减去商品
02-06
苍穹外卖day7作业-从购物车中减去商品
苍穹外卖-day12：工作台业务代码，Apache POI，导出运营数据Excel报表（业务逻辑）
aa35434的博客
03-18 850
Apache POI 是一个处理Miscrosoft Office（微软办公软件）各种文件格式的开源项目。简单来说就是，我们可以使用 POI 在 Java 程序中对Miscrosoft Office各种文件（Word、Excel、PowerPoint等等）进行读写操作。一般情况下，POI 主要都是用于操作 Excel 文件。银行网银系统导出交易明细各种业务系统导出Excel报表批量导入业务数据。
itheima苍穹外卖项目学习笔记--Day12：数据统计(Excel报表)
weixin_46926189的博客
07-20 347
Apache POI 是一个处理Miscrosoft Office各种文件格式的开源项目。简单来说就是，我们可以使用 POI 在 Java 程序中对Miscrosoft Office各种文件进行读写操作。在ReportServiceImpl中，实现导出运营数据报表的业务逻辑，及其父类接口。在admin/ReportController中，实现导出运营数据报表的接口方法。一般情况下，POI 都是用于操作 Excel 文件。
苍穹外卖day12(完结撒花)——工作台+Spring_Apche_POI+导出运营数据Excel报表
测试
08-01 1242
完结撒花
黑马《苍穹外卖》Day12——前端Day1
weixin_51734753的博客
02-20 830
安装axios修改共享数据只能mutation，在actions用context上下文调用mutation中的方法创建ts文件失败（类型不同）成功编译出js文件执行js文件。
苍穹外卖-day12 - 工作台 - Apache POI - 导出运营数据Excel报表
ros275229的博客
02-27 1093
苍穹外卖-day12 - 工作台 - Apache POI - 导出运营数据Excel报表
【学习笔记】java项目—苍穹外卖day12
weixin_44883789的博客
04-07 542
Apache POI 是一个处理Miscrosoft Office各种文件格式的开源项目。简单来说就是，我们可以使用 POI 在 Java 程序中对Miscrosoft Office各种文件进行读写操作。一般情况下，POI 都是用于操作 Excel 文件。银行网银系统导出交易明细各种业务系统导出Excel报表批量导入业务数据。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序喵正在路上

你的鼓励是我创作最大的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值