devbox
正经夜光杯
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

苍穹外卖 day12 Echats 营业台数据可视化整合_基于大数据的外卖商家数据可视化分析

作者：正经夜光杯 | 2024-06-24 11:48:04

赞

踩

基于大数据的外卖商家数据可视化分析

苍穹外卖-day12

课程内容

  • 工作台
  • Apache POI
  • 导出运营数据Excel报表

功能实现：工作台、数据导出

工作台效果图：

数据导出效果图：

在数据统计页面点击数据导出：生成Excel报表

1. 工作台

1.1 需求分析和设计

1.1.1 产品原型

工作台是系统运营的数据看板，并提供快捷操作入口，可以有效提高商家的工作效率。

工作台展示的数据：

  • 今日数据
  • 订单管理
  • 菜品总览
  • 套餐总览
  • 订单信息

原型图：

名词解释：

  • 营业额：已完成订单的总金额
  • 有效订单：已完成订单的数量
  • 订单完成率：有效订单数 / 总订单数 * 100%
  • 平均客单价：营业额 / 有效订单数
  • 新增用户：新增用户的数量
1.1.2 接口设计

通过上述原型图分析，共包含6个接口。

接口设计：

  • 今日数据接口
  • 订单管理接口
  • 菜品总览接口
  • 套餐总览接口
  • 订单搜索（已完成）
  • 各个状态的订单数量统计（已完成）

1). 今日数据的接口设计

2). 订单管理的接口设计

3). 菜品总览的接口设计

4). 套餐总览的接口设计

1.2 代码导入

直接导入课程资料中的工作台模块功能代码即可：

1.2.1 Controller层

添加WorkSpaceController.java

  1. package com.sky.controller.admin;
  2.  
  3. import com.sky.result.Result;
  4. import com.sky.service.WorkspaceService;
  5. import com.sky.vo.BusinessDataVO;
  6. import com.sky.vo.DishOverViewVO;
  7. import com.sky.vo.OrderOverViewVO;
  8. import com.sky.vo.SetmealOverViewVO;
  9. import io.swagger.annotations.Api;
  10. import io.swagger.annotations.ApiOperation;
  11. import lombok.extern.slf4j.Slf4j;
  12. import org.springframework.beans.factory.annotation.Autowired;
  13. import org.springframework.web.bind.annotation.GetMapping;
  14. import org.springframework.web.bind.annotation.RequestMapping;
  15. import org.springframework.web.bind.annotation.RestController;
  16. import java.time.LocalDateTime;
  17. import java.time.LocalTime;
  18.  
  19. /**
  20.  * 工作台
  21.  */
  22. @RestController
  23. @RequestMapping("/admin/workspace")
  24. @Slf4j
  25. @Api(tags = "工作台相关接口")
  26. public class WorkSpaceController {
  27.  
  28.     @Autowired
  29.     private WorkspaceService workspaceService;
  30.  
  31.     /**
  32.      * 工作台今日数据查询
  33.      * @return
  34.      */
  35.     @GetMapping("/businessData")
  36.     @ApiOperation("工作台今日数据查询")
  37.     public Result<BusinessDataVO> businessData(){
  38.         //获得当天的开始时间
  39.         LocalDateTime begin = LocalDateTime.now().with(LocalTime.MIN);
  40.         //获得当天的结束时间
  41.         LocalDateTime end = LocalDateTime.now().with(LocalTime.MAX);
  42.  
  43.         BusinessDataVO businessDataVO = workspaceService.getBusinessData(begin, end);
  44.         return Result.success(businessDataVO);
  45.     }
  46.  
  47.     /**
  48.      * 查询订单管理数据
  49.      * @return
  50.      */
  51.     @GetMapping("/overviewOrders")
  52.     @ApiOperation("查询订单管理数据")
  53.     public Result<OrderOverViewVO> orderOverView(){
  54.         return Result.success(workspaceService.getOrderOverView());
  55.     }
  56.  
  57.     /**
  58.      * 查询菜品总览
  59.      * @return
  60.      */
  61.     @GetMapping("/overviewDishes")
  62.     @ApiOperation("查询菜品总览")
  63.     public Result<DishOverViewVO> dishOverView(){
  64.         return Result.success(workspaceService.getDishOverView());
  65.     }
  66.  
  67.     /**
  68.      * 查询套餐总览
  69.      * @return
  70.      */
  71.     @GetMapping("/overviewSetmeals")
  72.     @ApiOperation("查询套餐总览")
  73.     public Result<SetmealOverViewVO> setmealOverView(){
  74.         return Result.success(workspaceService.getSetmealOverView());
  75.     }
  76. }
1.2.2 Service层接口

添加WorkspaceService.java

  1. package com.sky.service;
  2.  
  3. import com.sky.vo.BusinessDataVO;
  4. import com.sky.vo.DishOverViewVO;
  5. import com.sky.vo.OrderOverViewVO;
  6. import com.sky.vo.SetmealOverViewVO;
  7. import java.time.LocalDateTime;
  8.  
  9. public interface WorkspaceService {
  10.  
  11.     /**
  12.      * 根据时间段统计营业数据
  13.      * @param begin
  14.      * @param end
  15.      * @return
  16.      */
  17.     BusinessDataVO getBusinessData(LocalDateTime begin, LocalDateTime end);
  18.  
  19.     /**
  20.      * 查询订单管理数据
  21.      * @return
  22.      */
  23.     OrderOverViewVO getOrderOverView();
  24.  
  25.     /**
  26.      * 查询菜品总览
  27.      * @return
  28.      */
  29.     DishOverViewVO getDishOverView();
  30.  
  31.     /**
  32.      * 查询套餐总览
  33.      * @return
  34.      */
  35.     SetmealOverViewVO getSetmealOverView();
  36.  
  37. }
1.2.3 Service层实现类

添加WorkspaceServiceImpl.java

  1. package com.sky.service.impl;
  2.  
  3. import com.sky.constant.StatusConstant;
  4. import com.sky.entity.Orders;
  5. import com.sky.mapper.DishMapper;
  6. import com.sky.mapper.OrderMapper;
  7. import com.sky.mapper.SetmealMapper;
  8. import com.sky.mapper.UserMapper;
  9. import com.sky.service.WorkspaceService;
  10. import com.sky.vo.BusinessDataVO;
  11. import com.sky.vo.DishOverViewVO;
  12. import com.sky.vo.OrderOverViewVO;
  13. import com.sky.vo.SetmealOverViewVO;
  14. import lombok.extern.slf4j.Slf4j;
  15. import org.springframework.beans.factory.annotation.Autowired;
  16. import org.springframework.stereotype.Service;
  17. import java.time.LocalDateTime;
  18. import java.time.LocalTime;
  19. import java.util.HashMap;
  20. import java.util.Map;
  21.  
  22. @Service
  23. @Slf4j
  24. public class WorkspaceServiceImpl implements WorkspaceService {
  25.  
  26.     @Autowired
  27.     private OrderMapper orderMapper;
  28.     @Autowired
  29.     private UserMapper userMapper;
  30.     @Autowired
  31.     private DishMapper dishMapper;
  32.     @Autowired
  33.     private SetmealMapper setmealMapper;
  34.  
  35.     /**
  36.      * 根据时间段统计营业数据
  37.      * @param begin
  38.      * @param end
  39.      * @return
  40.      */
  41.     public BusinessDataVO getBusinessData(LocalDateTime begin, LocalDateTime end) {
  42.         /**
  43.          * 营业额：当日已完成订单的总金额
  44.          * 有效订单：当日已完成订单的数量
  45.          * 订单完成率：有效订单数 / 总订单数
  46.          * 平均客单价：营业额 / 有效订单数
  47.          * 新增用户：当日新增用户的数量
  48.          */
  49.  
  50.         Map map = new HashMap();
  51.         map.put("begin",begin);
  52.         map.put("end",end);
  53.  
  54.         //查询总订单数
  55.         Integer totalOrderCount = orderMapper.countByMap(map);
  56.  
  57.         map.put("status", Orders.COMPLETED);
  58.         //营业额
  59.         Double turnover = orderMapper.sumByMap(map);
  60.         turnover = turnover == null? 0.0 : turnover;
  61.  
  62.         //有效订单数
  63.         Integer validOrderCount = orderMapper.countByMap(map);
  64.  
  65.         Double unitPrice = 0.0;
  66.  
  67.         Double orderCompletionRate = 0.0;
  68.         if(totalOrderCount != 0 && validOrderCount != 0){
  69.             //订单完成率
  70.             orderCompletionRate = validOrderCount.doubleValue() / totalOrderCount;
  71.             //平均客单价
  72.             unitPrice = turnover / validOrderCount;
  73.         }
  74.  
  75.         //新增用户数
  76.         Integer newUsers = userMapper.countByMap(map);
  77.  
  78.         return BusinessDataVO.builder()
  79.                 .turnover(turnover)
  80.                 .validOrderCount(validOrderCount)
  81.                 .orderCompletionRate(orderCompletionRate)
  82.                 .unitPrice(unitPrice)
  83.                 .newUsers(newUsers)
  84.                 .build();
  85.     }
  86.  
  87.  
  88.     /**
  89.      * 查询订单管理数据
  90.      *
  91.      * @return
  92.      */
  93.     public OrderOverViewVO getOrderOverView() {
  94.         Map map = new HashMap();
  95.         map.put("begin", LocalDateTime.now().with(LocalTime.MIN));
  96.         map.put("status", Orders.TO_BE_CONFIRMED);
  97.  
  98.         //待接单
  99.         Integer waitingOrders = orderMapper.countByMap(map);
  100.  
  101.         //待派送
  102.         map.put("status", Orders.CONFIRMED);
  103.         Integer deliveredOrders = orderMapper.countByMap(map);
  104.  
  105.         //已完成
  106.         map.put("status", Orders.COMPLETED);
  107.         Integer completedOrders = orderMapper.countByMap(map);
  108.  
  109.         //已取消
  110.         map.put("status", Orders.CANCELLED);
  111.         Integer cancelledOrders = orderMapper.countByMap(map);
  112.  
  113.         //全部订单
  114.         map.put("status", null);
  115.         Integer allOrders = orderMapper.countByMap(map);
  116.  
  117.         return OrderOverViewVO.builder()
  118.                 .waitingOrders(waitingOrders)
  119.                 .deliveredOrders(deliveredOrders)
  120.                 .completedOrders(completedOrders)
  121.                 .cancelledOrders(cancelledOrders)
  122.                 .allOrders(allOrders)
  123.                 .build();
  124.     }
  125.  
  126.     /**
  127.      * 查询菜品总览
  128.      *
  129.      * @return
  130.      */
  131.     public DishOverViewVO getDishOverView() {
  132.         Map map = new HashMap();
  133.         map.put("status", StatusConstant.ENABLE);
  134.         Integer sold = dishMapper.countByMap(map);
  135.  
  136.         map.put("status", StatusConstant.DISABLE);
  137.         Integer discontinued = dishMapper.countByMap(map);
  138.  
  139.         return DishOverViewVO.builder()
  140.                 .sold(sold)
  141.                 .discontinued(discontinued)
  142.                 .build();
  143.     }
  144.  
  145.     /**
  146.      * 查询套餐总览
  147.      *
  148.      * @return
  149.      */
  150.     public SetmealOverViewVO getSetmealOverView() {
  151.         Map map = new HashMap();
  152.         map.put("status", StatusConstant.ENABLE);
  153.         Integer sold = setmealMapper.countByMap(map);
  154.  
  155.         map.put("status", StatusConstant.DISABLE);
  156.         Integer discontinued = setmealMapper.countByMap(map);
  157.  
  158.         return SetmealOverViewVO.builder()
  159.                 .sold(sold)
  160.                 .discontinued(discontinued)
  161.                 .build();
  162.     }
  163. }
1.2.4 Mapper层

在SetmealMapper中添加countByMap方法定义

  1. /**
  2.      * 根据条件统计套餐数量
  3.      * @param map
  4.      * @return
  5.      */
  6.     Integer countByMap(Map map);

在SetmealMapper.xml中添加对应SQL实现

  1. <select id="countByMap" resultType="java.lang.Integer">
  2.         select count(id) from setmeal
  3.         <where>
  4.             <if test="status != null">
  5.                 and status = #{status}
  6.             </if>
  7.             <if test="categoryId != null">
  8.                 and category_id = #{categoryId}
  9.             </if>
  10.         </where>
  11. </select>

在DishMapper中添加countByMap方法定义

  1. 	/**
  2.      * 根据条件统计菜品数量
  3.      * @param map
  4.      * @return
  5.      */
  6.     Integer countByMap(Map map);

在DishMapper.xml中添加对应SQL实现

  1. <select id="countByMap" resultType="java.lang.Integer">
  2.         select count(id) from dish
  3.         <where>
  4.             <if test="status != null">
  5.                 and status = #{status}
  6.             </if>
  7.             <if test="categoryId != null">
  8.                 and category_id = #{categoryId}
  9.             </if>
  10.         </where>
  11. </select>

1.3 功能测试

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

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

接下来我们使用上述两种方式分别测试。

1.3.1 接口文档测试

启动服务，访问http://localhost:8080/doc.html，进入工作台相关接口

注意：使用admin用户登录重新获取token，在全局参数设置中添加，防止token失效。

1). 今日数据查询

2). 菜品总览查询

3). 订单管理数据查询

4). 套餐总览查询

1.3.2 前后端联调测试

启动nginx,访问 http://localhost，进入工作台

进入开发者模式，分别查看今日数据、订单管理、菜品总览、套餐总览

1). 今日数据查询

2). 订单管理数据查询

3). 菜品总览查询

4). 套餐总览查询

1.4 代码提交

后续步骤和其它功能代码提交一致，不再赘述。

本文内容由网友自发贡献，转载请注明出处：https://www.wpsshop.cn/w/正经夜光杯/article/detail/752697
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号