苍穹外卖day11 Apache ECharts 数据统计-图形报表

文章目录

  • 前言
  • 一、Apache ECharts
  • 二、营业额统计
    • 1. 业务规则
    • 2. 接口设计
    • 3. 代码实现
  • 三、用户统计
    • 1. 业务规则
    • 2. 接口设计
    • 3. 代码实现
  • 四、订单统计
    • 1. 业务规则
    • 2. 接口设计
    • 3. 代码实现
  • 五、销量排名Top10
    • 1. 业务规则
    • 2. 接口设计
    • 3. 代码实现

前言

作为后端开发人员使用Echarts，重点在于研究当前图表所需的数据格式，响应给前端来展示图表。
本项目用于图形报表主要包括营业额、用户、订单、销量排名Top10统计，业务逻辑都差不多,请求参数都为开始时间和结束时间。
营业额统计
1、构建一个集合用于存储指定时间范围内每天的日期，一个集合用于存放每天营业额
2、遍历日期集合，并定义一个map用于存放当天开始时间、结束时间以及订单为已完成状态作为条件查询满足要求的订单并计算营业额，将当天的营业额添加到集合中
3、最后将集合中的数据拼成字符串放到TurnoverReportVO中返回
用户统计
1、构建一个集合用于存储指定时间范围内每天的日期，一个集合用于存放存放每天的新增用户数量，一个集合用于存放存放每天的总用户数量
2、遍历日期集合，并定义一个map用于存放当天开始时间、结束时间，然后作为条件查询满足要求的总用户和新增用户，将当天的总用户数和新增用户数添加到集合中
3、最后将集合中的数据拼成字符串放到UserReportVO中返回
…

一、Apache ECharts

一款基于 Javascript 的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。
官网地址：https://echarts.apache.org/zh/index.html
快速入门：https://echarts.apache.org/handbook/zh/get-started/
使用Echarts，重点在于研究当前图表所需的数据格式。通常是需要后端提供符合格式要求的动态数据，然后响应给前端来展示图表。

二、营业额统计

1. 业务规则

营业额指订单状态为已完成的订单金额合计
基于可视化报表的折线图展示营业额数据，X轴为日期，Y轴为营业额
根据时间选择区间，展示每天的营业额数据
在这里插入图片描述

2. 接口设计

在这里插入图片描述

3. 代码实现

1、在ReportController中定义turnoverStatistics方法统计营业额数据

@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.getTurnoverStatistics(begin,end));
}

2、在ReportService接口声明getTurnover方法统计指定时间区间内的营业额数据，在ReportServiceImpl实现getTurnover方法
一个集合用于存储指定时间范围内每天的日期，一个集合用于存放每天营业额
定义一个map用于存放当天开始时间、结束时间以及订单为已完成状态作为条件查询满足要求的订单并计算营业额
最后将数据放到TurnoverReportVO中返回

public TurnoverReportVO getTurnoverStatistics(LocalDate begin, LocalDate end) {//当前集合用于存放begin到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) {//查询date日期对应的营业额数据，营业额是指：状态为已完成的订单金额合并//当天开始时间和结束时间LocalDateTime beginTime = LocalDateTime.of(date, LocalTime.MIN);LocalDateTime endTime = LocalDateTime.of(date, LocalTime.MAX);//select sum(amount) from orders where order_time > ? and order_time < ? and status = 5Map map = new HashMap();map.put("begin",beginTime);map.put("end",endTime);map.put("status", Orders.COMPLETED);Double turnover = orderMapper.sumByMap(map);//判断当日的营业额是否为空turnover = turnover == null ? 0.0 : turnover;turnoverList.add(turnover);}return TurnoverReportVO.builder().dateList(StringUtils.join(dateList,","))  //拼成字符串.turnoverList(StringUtils.join(turnoverList,",")).build();
}

3、在OrderMapper接口声明sumByMap方法，在OrderMapper.xml文件中编写动态SQL

<select id="sumByMap" resultType="java.lang.Double">select sum(amount) from sky_take_out.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>

三、用户统计

1. 业务规则

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

2. 接口设计

在这里插入图片描述

3. 代码实现

1、在ReportController中创建userStatistics方法

@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));}

2、在ReportService接口中声明getUserStatistics方法，在ReportServiceImpl实现类中实现

public UserReportVO getUserStatistics(LocalDate begin, LocalDate end) {//存放从begin到end之间的每天对应的日期List<LocalDate> dateList = new ArrayList<>();dateList.add(begin);while (!begin.equals(end)){begin = begin.plusDays(1);dateList.add(begin);}//存放每天的新增用户数量// select count(id) from user where create_time<? and create_time>?List<Integer> newUserList = new ArrayList<>();//存放每天的总用户数量//select count(id) form user where create_time<?List<Integer> totalUserList = new ArrayList<>();for (LocalDate date : dateList) {LocalDateTime beginTime = LocalDateTime.of(date, LocalTime.MIN);LocalDateTime endTime = LocalDateTime.of(date, LocalTime.MAX);Map map = new HashMap();map.put("end",endTime);//总用户数量Integer totalUser = userMapper.countByMap(map);map.put("begin",beginTime);//新增用户数量Integer newUser = userMapper.countByMap(map);totalUserList.add(totalUser);newUserList.add(newUser);}//封装结果数据return UserReportVO.builder().dateList(StringUtils.join(dateList,",")).totalUserList(StringUtils.join(totalUserList,",")).newUserList(StringUtils.join(newUserList,",")).build();}

3、在UserMapper接口中声明countByMap方法,在UserMapper.xml文件中编写动态SQL

<select id="countByMap" resultType="java.lang.Integer">select count(id) from sky_take_out.user<where><if test="begin!=null">and create_time &gt; #{begin}</if><if test="end!=null">and create_time &lt; #{end}</if></where>
</select>

四、订单统计

1. 业务规则

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

2. 接口设计

在这里插入图片描述

3. 代码实现

1、在ReportController中创建orderStatistics方法

@GetMapping(“/ordersStatistics”)
@ApiOperation(“订单数据统计")public Result<UserReportVO> userStatistics(@DateTimeFormat(pattern = "yyyy-MM-dd") LocalDate begin,@DateTimeFormat(pattern = "yyyy-MM-dd") LocalDate end){return Result.success(reportService.getOrderStatistics(begin,end));}

2、在ReportService接口中声明getOrderStatistics方法，在ReportServiceImpl实现类中实现

public OrderReportVO getOrderStatistics(LocalDate begin, LocalDate end) {//存放从begin到end之间的每天对应的日期List<LocalDate> dateList = new ArrayList<>();dateList.add(begin);while (!begin.equals(end)){begin = begin.plusDays(1);dateList.add(begin);}//每天订单总数集合ArrayList<Integer> orderCountList = new ArrayList<>();//每天有效订单数集合ArrayList<Integer> validOrderCountList = new ArrayList<>();//遍历dateList集合，查询每天的有效订单数和订单总数for (LocalDate date : dateList) {//查询每天订单总数//select count(id) from orders where order_time>? and order_time <?LocalDateTime beginTime = LocalDateTime.of(date, LocalTime.MIN);LocalDateTime endTime = LocalDateTime.of(date, LocalTime.MAX);Integer orderCount = getOrderCount(beginTime, endTime, null);//查询每天的有效订单数//select count(id) from orders where order_time>? and order_time <? and status = 5Integer validOrderCount = getOrderCount(beginTime, endTime, 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();}
private Integer getOrderCount(LocalDateTime begin,LocalDateTime end,Integer status){Map map = new HashMap();map.put("begin",begin);map.put("end",end);map.put("status",status);return orderMapper.countByMap(map);
}

3、在OrderMapper接口中声明countByMap方法,在OrderMapper.xml文件中编写动态SQL

<select id="countByMap" resultType="java.lang.Integer">select count(id) from sky_take_out.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>

五、销量排名Top10

1. 业务规则

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

2. 接口设计

在这里插入图片描述

3. 代码实现

1、在ReportController中创建getSalesTop1方法

@GetMapping("/top10")
@ApiOperation("销量排名统计")public Result<UserReportVO> userStatistics(@DateTimeFormat(pattern = "yyyy-MM-dd") LocalDate begin,@DateTimeFormat(pattern = "yyyy-MM-dd") LocalDate end){return Result.success(reportService.getSalesTop1(begin,end));}

2、在ReportService接口中声明getSalesTop1方法，在ReportServiceImpl实现类中实现

public SalesTop10ReportVO getSalesTop10(LocalDate begin, LocalDate end) {/*select od.name,sum(od.number) number from order_detail od,orders owhere od.order_id = o.id and o.status = 5 and o.order_time<? and o.order_time>?group by od.nameorder by number desclimit 0,10*/LocalDateTime beginTime = LocalDateTime.of(begin, LocalTime.MIN);LocalDateTime endTime = LocalDateTime.of(end, LocalTime.MAX);List<GoodsSalesDTO> salesTop10 = orderMapper.getSalesTop10(beginTime, endTime);List<String> names = salesTop10.stream().map(GoodsSalesDTO::getName).collect(Collectors.toList());String nameList = StringUtils.join(names, ",");List<Integer> numbers =    salesTop10.stream().map(GoodsSalesDTO::getNumber).collect(Collectors.toList());String numberList = StringUtils.join(numbers, ",");return SalesTop10ReportVO.builder().nameList(nameList).numberList(numberList).build();
}

3、在OrderMapper接口中声明getSalesTop10方法,在OrderMapper.xml文件中编写动态SQL

<select id="getSalesTop10" resultType="com.sky.dto.GoodsSalesDTO">select od.name,sum(od.number) number from sky_take_out.order_detail od,sky_take_out.orders owhere od.order_id = o.id and o.status = 5<if test="begin!=null">and o.order_time &gt; #{begin}</if><if test="end!=null">and o.order_time &lt;  #{end}</if>group by od.nameorder by number desclimit 0,10
</select>

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://xiahunao.cn/news/2981359.html

如若内容造成侵权/违法违规/事实不符，请联系瞎胡闹网进行投诉反馈，一经查实，立即删除！

相关文章

2024年阿里云新用户购买云服务器，六大优惠活动介绍

2024年阿里云新用户购买云服务器，六大优惠活动介绍

假如你是一个初次购买阿里云服务器产品的新手用户&#xff0c;在购买阿里云服务器过程中如果直接注册账号然后通过云服务器ECS产品页下单购买可能会多花很多钱&#xff0c;作为一个老用户&#xff0c;有必要把这2024年新手用户必须了解的六大优惠活动介绍给大家&#xff0c;让大…
阅读更多...
护眼灯到底有用吗？必选机型护眼灯十大品牌推荐

护眼灯到底有用吗？必选机型护眼灯十大品牌推荐

护眼灯到底有用吗&#xff1f;答案是有用的。护眼灯不是智商税&#xff0c;尤其对有娃、爱玩游戏的人士。儿童青少年近视率高&#xff0c;学习环境照明影响大。普通灯光不足以满足需求&#xff0c;蓝光频闪加剧用眼疲劳&#xff0c;导致近视。选择适合孩子的护眼灯至关重要&…
阅读更多...
Linux--内核移植（二）移植流程及驱动修改

Linux--内核移植（二）移植流程及驱动修改

本文来总结一下如何将 NXP 官方提供的 Linux 内核移植到正点原子的 I.MX6U-ALPHA 开发板上。 一、官方开发板内核测试 NXP 提供的 Linux 源码肯定是可以在自己的 I.MX6ULL EVK 开发板上运行下去的&#xff0c;所以我们肯定是以 I.MX6ULL EVK 开发板为参考&#xff0…
阅读更多...
AWVS的使用

AWVS的使用

AWVS的使用 1、使用docker拉取AWVS的镜像 docker pull secfa/docker-awvs 2.使用AWVS docker run -it -d -p 13443:3443 --cap-add LINUX_IMMUTABLE secfa/docker-awvs 3.访问 4.输入账号密码 https://hub.docker.com/r/secfa/docker-awvs 找到账号密码 username:adminadmin.…
阅读更多...
OpenCV如何实现拉普拉斯算子的离散模拟

OpenCV如何实现拉普拉斯算子的离散模拟

返回:OpenCV系列文章目录&#xff08;持续更新中......&#xff09; 上一篇&#xff1a;OpenCV的Sobel 衍生品 下一篇 &#xff1a;OpenCV 如何实现边缘检测器 目标 在本教程中&#xff0c;您将学习如何&#xff1a; 使用 OpenCV 函数 Laplacian&#xff08;&#xff09; 实…
阅读更多...
Django模型继承之多表继承

Django模型继承之多表继承

在Django模型继承中&#xff0c;支持的第二种模型继承方式是层次结构中的每个模型都是一个单独的模型。每个模型都指向分离的数据表&#xff0c;并且可以被独立查询和创建。在继承关系中&#xff0c;子类和父类之间通过一个自动创建的OneToOneField进行连接。示例代码如下&…
阅读更多...
NCF29A1 高端阻抗匹配

NCF29A1 高端阻抗匹配

一、前言 Class E 高端 L-Front 匹配集成了额外的滤波器&#xff0c;提供了足够的谐波衰减&#xff0c;使 NCF29A1 与天线在比基频更高的频率下具有相当大的增益。向 PA 提供的阻抗和输出电容与表 1 ZPAOUT 所示相同。 二、原理图 图 1 高端 L-Front 匹配原理图 1&#xff…
阅读更多...
VNISEdit 制作安装包

VNISEdit 制作安装包

1. 环境依赖 1.1. NSIS 下载 下载地址&#xff1a;https://nsis.sourceforge.io/Download 1.2. VNISEdit 下载 下载地址1&#xff1a;https://sourceforge.net/projects/hmne/ 下载 exe 安装。 下载地址2&#xff1a;https://hmne.sourceforge.net/ 可以下载 exe 安装。也…
阅读更多...
实体书营销：“三三裂变”，实操细节分享……

实体书营销：“三三裂变”，实操细节分享……

实体书营销：“三三裂变”，实操细节分享 一、实验结果 “三三裂变”的实验，结果比较好。就是我们大概有300人报名，但实际行动的只有109人，大概有103人都完成了三个人的目标，也就是说我们通过109人裂变了475人，利润率是1:4.5左右，整个裂变的效率还是可以的，也就是说： …
阅读更多...
K-means聚类算法：如何在杂乱无章的数据中找出规律？

K-means聚类算法：如何在杂乱无章的数据中找出规律？

什么是K-means聚类算法&#xff1f; 在编程的世界里&#xff0c;K-means聚类算法就像一位无私的指路人&#xff0c;它不需要我们给出明确的指示&#xff0c;只需要我们提供数据&#xff0c;它就能帮助我们找到数据的归属&#xff0c;找到数据的“家”。 K-means聚类算法的名字…
阅读更多...
1000. 合并石头的最低成本（H）/ 1312. 让字符串成为回文串的最少插入次数（H）/ 区间DP！！！

1000. 合并石头的最低成本（H）/ 1312. 让字符串成为回文串的最少插入次数（H）/ 区间DP！！！

1000. 合并石头的最低成本 官方题解&#xff08;含python&#xff09;其他题解 1312. 让字符串成为回文串的最少插入次数 官方题解 class Solution:def minInsertions(self, s: str) -> int:n len(s)# dp[i][j] 表示对于字符串 s 的子串 s[i:j]&#xff08;这里的下标从…
阅读更多...
【Python】基础知识(函数与数据容器)

【Python】基础知识(函数与数据容器)

笔者在C语言基础上学习python自用笔记 type() 返回数据类型 name "root" hei 1.8 wei 77 type_hei type(hei) type_wei type(wei) print(type(name)) print(type_hei) print(type_wei)在python中变量是没有类型的&#xff0c;它存储的数据是有类型的。 数据类…
阅读更多...
如何删除“上传到移动云盘”右键菜单

如何删除“上传到移动云盘”右键菜单

问题表现 如题&#xff0c;“上传到移动云盘”的右键菜单非常难删除&#xff0c;按照网上的右键菜单注册表删除通用教程也没找到 解决方法 实际上&#xff0c;该菜单的位置在注册表中的 计算机\HKEY_LOCAL_MACHINE\SOFTWARE\Classes\AllFilesystemObjects\shell\就是删除里…
阅读更多...
Kafka 可视化管理工具 CMAK 启动错误 -- 命令行太长 问题解决

Kafka 可视化管理工具 CMAK 启动错误 -- 命令行太长 问题解决

一、安装环境描述&#xff1a; Kafka版本&#xff1a;kafka_2.13-2.8.1cmak 版本&#xff1a;cmak-3.0.0.6安装环境&#xff1a;windows 11 二、问题描述 当我们在 命令行启动 cmak.bat 命令时&#xff0c;会报如下错误&#xff1a; 命令行太长三、解决办法 修改 cmak.bat…
阅读更多...
CUDA线程管理

CUDA线程管理

核函数在主机端启动时&#xff0c;执行会转移到设备上&#xff0c;并且将控制权转移回主机。当核函数在GPU上运行时&#xff0c;主机可以运行其他函数。因此&#xff0c;主机与核函数是异步的。 此时&#xff0c;设备端也就是GPU上会产生大量的线程&#xff0c;并且每个线程都…
阅读更多...
世界读书日|看看阿里内部的技术大牛们推荐了什么书?

世界读书日|看看阿里内部的技术大牛们推荐了什么书?

AI 时代&#xff0c;技术呈指数级发展&#xff0c;我们越来越关注&#xff0c;如何持续学习提升&#xff0c;跟上时代的步伐。 刚好借着世界读书日的契机&#xff0c;我们邀请了阿里内部的技术大牛们&#xff0c;分享他们在 AI 时代持续学习的过程中&#xff0c;推荐的一些内容…
阅读更多...
黄金行情下跌有投资机会吗？

黄金行情下跌有投资机会吗？

尽管黄金价格的波动常常引起投资者的高度关注&#xff0c;但行情的下跌未必只是警讯&#xff0c;亦可能蕴藏着某些难得的投资机会。总之&#xff0c;答案是肯定的——在黄金行情下跌时&#xff0c;依旧有适宜的投资机会&#xff0c;只是这需要投资者具备相应的应对知识和策略。…
阅读更多...
Msfvenom生成木马实验

Msfvenom生成木马实验

E025-渗透测试常用工具-使用msfvenom生成木马进行渗透测试 第一步&#xff0c;打开网络拓扑&#xff0c;点击启动选项&#xff0c;启动实验虚拟机 第二步&#xff0c;使用ifconfig和ipconfig命令分别获取渗透机和靶机的IP地址&#xff0c;使用ping命令进行网络连通性测试&…
阅读更多...
关于Java的三个小题目（很容易错！）

关于Java的三个小题目（很容易错！）

第一题 char运算后的数据类型 最后输出的是什么类型&#xff1f; 答案&#xff1a;int char与byte的联系和区别 char是无符号型的&#xff0c;能够表示一个整数&#xff0c;不能表示负数&#xff08;0~65535&#xff09;&#xff1b;而byte是有符号型的&#xff0c;能够表示…
阅读更多...
航空业微服务架构中台的构建与实践

航空业微服务架构中台的构建与实践

随着航空业的快速发展&#xff0c;航空公司需要面对更加复杂的业务环境和客户需求。在这样的背景下&#xff0c;构建一个稳健、高效的微服务架构中台成为了航空公司的当务之急。本文将探讨航空业微服务架构中台的设计理念、关键技术以及实践经验&#xff0c;帮助航空公司构建具…
阅读更多...
最新文章

Copyright @ 2022~2023