当前位置：首页 > news >正文

苍穹外卖项目实战（day11-1）-记录实战教程、问题的解决方法以及完整代码

news 2025/9/22 17:40:53

day11-图形统计

（1）Apache ECharts

1-1、简介

Apache 是一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。通过直观的图表展示数据。
官网地址： https://echarts.apache.org/zh/index.html

常见图表形式：

1-2、入门案例

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

1、echarts.js

echarts.js

2、echartsDemo.html

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title>ECharts</title><!-- 引入刚刚下载的 ECharts 文件 --><script src="echarts.js"></script></head><body><!-- 为 ECharts 准备一个定义了宽高的 DOM --><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>

（2）营业额统计

2-1、需求分析和设计

2-2、代码开发

1、admin包下创建ReportController

位置：sky-server/src/main/java/com/sky/controller/admin/ReportController.java

代码：

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")
@Api(tags = "数据统计相关接口")
@Slf4j
public class ReportController {@Autowiredprivate ReportService reportService;@GetMapping("/turnoverStatistics")@ApiOperation(value = "营业额统计")public Result<TurnoverReportVO> TurnoverReport(@DateTimeFormat(pattern = "yyyy-MM-dd") LocalDate begin,@DateTimeFormat(pattern = "yyyy-MM-dd") LocalDate end) {log.info("获取{}到{}营业额统计数据:",begin, end);TurnoverReportVO turnoverStatistics = reportService.getTurnoverStatistics(begin, end);return Result.success(turnoverStatistics);}
}

示意图：

2、ReportService

位置：sky-server/src/main/java/com/sky/service/ReportService.java

代码：

package com.sky.service;import com.sky.vo.TurnoverReportVO;import java.time.LocalDate;
import java.util.List;public interface ReportService {TurnoverReportVO getTurnoverStatistics(LocalDate begin, LocalDate end);
}

示意图：

3、ReportServiceImpl

位置：sky-server/src/main/java/com/sky/service/impl/ReportServiceImpl.java

代码：

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.poi.util.StringUtil;
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 {@Autowiredprivate OrderMapper orderMapper;/*** 获取指定时间段内的营业额统计数据* @param begin* @param end* @return*/public TurnoverReportVO getTurnoverStatistics(LocalDate begin, LocalDate end) {List<LocalDate> dateList = new ArrayList();dateList.add(begin);// 循环获取日期列表while(!begin.equals(end)){begin = begin.plusDays(1);dateList.add(begin);}// 查询指定日期的订单数量// 营业额列表List<Double> turnoverList = new ArrayList();for (LocalDate date : dateList) {LocalDateTime startTime = LocalDateTime.of(date, LocalTime.MIN);// 开始时间, 00:00:00LocalDateTime endTime = LocalDateTime.of(date, LocalTime.MAX);// 结束时间, 23:59:59// 查询有效订单数量Map map = new HashMap();map.put("begin", startTime);map.put("end", endTime);map.put("status", Orders.COMPLETED);// 订单状态为已完成//select count(id) from orders where status = 5// and order_time >= #{startTime} and order_time <= #{endTime}Double turnover = orderMapper.sumBymap(map);//如果营业额为null,则置为0.0if(turnover == null){turnover = 0.0;}turnoverList.add(turnover);}//用StringUtil拼接日期列表和营业额列表String join = StringUtil.join(",", dateList);String join2 = StringUtil.join(",", turnoverList);//创建TurnoverReportVO对象TurnoverReportVO build =TurnoverReportVO.builder().dateList(join)//日期列表.turnoverList(join2)//营业额列表.build();return build;}}示意图：

2、OrderMapper

位置：sky-server/src/main/resources/mapper/OrderMapper.xml

代码：

<select id="sumBymap" resultType="Double">
select sum(amount) from orders
<where><if test="begin != null">and order_time &gt;= #{begin}</if><if test="end != null">and order_time &lt;= #{end}</if><if test="status != null">and status = #{status}</if>
</where>
</select>

示意图：

2-3、测试

（3）用户统计

3-1、需求分析和设计

3-2、代码开发

1、admin包的ReportController

位置：sky-server/src/main/java/com/sky/controller/admin/ReportController.java

代码：

/*** 获取指定时间段内的用户统计数据* @param begin* @param end* @return*/
public UserReportVO getUserStatistics(LocalDate begin, LocalDate end) {List<LocalDate> dateList = new ArrayList();dateList.add(begin);// 循环获取日期列表while(!begin.equals(end)){begin = begin.plusDays(1);dateList.add(begin);}// 查询指定日期的用户数量// 总用户列表List<Integer> totalUserList = new ArrayList();// 新增用户列表List<Integer> newUserList = new ArrayList();for (LocalDate date : dateList) {//由于数据库的对应的字段名为create_time形式是年月日时分秒,所以需要将LocalDate转换为LocalDateTimeLocalDateTime startTime = LocalDateTime.of(date, LocalTime.MIN);// 开始时间, 00:00:00LocalDateTime endTime = LocalDateTime.of(date, LocalTime.MAX);// 结束时间, 23:59:59// 查询新增用户数量//select count(distinct user_id) from orders// where order_time >= #{startTime} and order_time <= #{endTime}Map map = new HashMap();map.put("begin", startTime);map.put("end", endTime);Integer newUser = orderMapper.countDistinctUserId(map);// 如果新增用户数量为null,则置为0if(newUser == null){newUser = 0;}newUserList.add(newUser);// 查询总用户数量//select count(distinct user_id) from user// where create_time >= #{startTime} and create_time <= #{endTime}Integer totalUser = userMapper.countDistinctByCreateTime();// 如果总用户数量为null,则置为0if(totalUser == null){totalUser = 0;}totalUserList.add(totalUser);}//用StringUtil拼接日期列表和用户数量列表String join = StringUtil.join(",", dateList);String join2 = StringUtil.join(",", totalUserList);String join3 = StringUtil.join(",", newUserList);//创建UserReportVO对象UserReportVO build =UserReportVO.builder().dateList(join)//日期列表.totalUserList(join2)//总用户列表.newUserList(join3)//新增用户列表.build();return build;
}

示意图：

2、ReportService

位置：sky-server/src/main/java/com/sky/service/ReportService.java

代码：

/*** 获取用户统计数据* @param begin* @param end* @return*/
UserReportVO getUserStatistics(LocalDate begin, LocalDate end);

示意图：

3、ReportServiceImpl

位置：sky-server/src/main/java/com/sky/service/impl/ReportServiceImpl.java

添加代码（两个部分）：

@Autowired
private UserMapper userMapper;

/*** 获取指定时间段内的用户统计数据* @param begin* @param end* @return*/
public UserReportVO getUserStatistics(LocalDate begin, LocalDate end) {List<LocalDate> dateList = new ArrayList();dateList.add(begin);// 循环获取日期列表while(!begin.equals(end)){begin = begin.plusDays(1);dateList.add(begin);}// 查询指定日期的用户数量// 总用户列表List<Integer> totalUserList = new ArrayList();// 新增用户列表List<Integer> newUserList = new ArrayList();for (LocalDate date : dateList) {//由于数据库的对应的字段名为create_time形式是年月日时分秒,所以需要将LocalDate转换为LocalDateTimeLocalDateTime startTime = LocalDateTime.of(date, LocalTime.MIN);// 开始时间, 00:00:00LocalDateTime endTime = LocalDateTime.of(date, LocalTime.MAX);// 结束时间, 23:59:59// 查询新增用户数量//select count(distinct user_id) from orders// where order_time >= #{startTime} and order_time <= #{endTime}Map map = new HashMap();map.put("begin", startTime);map.put("end", endTime);Integer newUser = orderMapper.countDistinctUserId(map);// 如果新增用户数量为null,则置为0if(newUser == null){newUser = 0;}newUserList.add(newUser);// 查询总用户数量//select count(distinct user_id) from user// where create_time >= #{startTime} and create_time <= #{endTime}Integer totalUser = userMapper.countDistinctByCreateTime();// 如果总用户数量为null,则置为0if(totalUser == null){totalUser = 0;}totalUserList.add(totalUser);}//用StringUtil拼接日期列表和用户数量列表String join = StringUtil.join(",", dateList);String join2 = StringUtil.join(",", totalUserList);String join3 = StringUtil.join(",", newUserList);//创建UserReportVO对象UserReportVO build =UserReportVO.builder().dateList(join)//日期列表.totalUserList(join2)//总用户列表.newUserList(join3)//新增用户列表.build();return build;
}示意图：

4、OrderMapper

位置：sky-server/src/main/java/com/sky/mapper/OrderMapper.java

代码：

/*** 根据指定时间计算用户数量* @return*/
Integer countDistinctUserId(Map map);

示意图：

5、UserMapper

位置：sky-server/src/main/java/com/sky/mapper/UserMapper.java

代码：

@Select("select count(id) from user")
Integer countDistinctByCreateTime();

示意图：

3-3、测试

查看全文

http://www.dtcms.com/a/394632.html

【Linux命令从入门到精通系列指南】mv 命令详解：文件与目录移动、重命名及安全操作的终极实战手册

【C语言】深入解析阶乘求和算法：从代码实现到数学原理

图形库的基础--svg

令牌桶算法

FPGA开发环境配置

特别分享：怎么用coze搭建智能体？

Linux 管道

NumPy 系列（四）：numpy 数组的变形

【Zod 】数据校验新范式：Zod 在 TypeScript 项目中的实战指南

「React实战面试题」useEffect依赖数组的常见陷阱

系统架构设计师部分计算题解析

3.1 BP神经网络结构（反向传播算法）

2026：具身智能软件——开发者工具、范式与方向

linux收集离线安装包及依赖包

✅ Python租房数据分析系统 Django+requests爬虫+Echarts可视化贝壳网全国数据大数据

FREERTOS任务TCB与任务链表的关系-重点

C++入门（内含命名空间、IO、缺省参数、函数重载、引用、内联函数、auto关键字、新式范围for循环、关键字nullptr的超全详细讲解！）

红黑树的介绍

NumPy 系列（六）：numpy 数组函数

手写链路追踪-日志追踪性能分析

数据库自增字段归零（id）从1开始累加

轻量级本地化解决方案：实现填空题识别与答案分离的自动化流程

P1104 生日-普及-

CMake如何添加.C.H文件

实时数据如何实现同步？一文讲清数据同步方式

六、Java框架

施耐德 M340 M580 数据移动指令 EXTRACT

4. 引用的本质

专业历史知识智能体系统设计与实现

算法基础篇（4）枚举

day11-图形统计

（1）Apache ECharts

1-1、简介

1-2、入门案例

（2）营业额统计

2-1、需求分析和设计

2-2、代码开发

1、admin包下创建ReportController

2、ReportService

3、ReportServiceImpl

2、OrderMapper

2-3、测试

（3）用户统计

3-1、需求分析和设计

3-2、代码开发

1、admin包的ReportController

2、ReportService

3、ReportServiceImpl

4、OrderMapper

5、UserMapper

3-3、测试

相关文章：