苍穹外卖day11——数据统计图形报表（Apache ECharts）

最新推荐文章于 2024-04-23 17:24:31 发布
最新推荐文章于 2024-04-23 17:24:31 发布
阅读量734 收藏 4
点赞数
分类专栏： SpringBoot 文章标签： spring
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_62327332/article/details/132028955
版权

效果展示

Apache  ECharts

介绍

常见图表

 

 

入门案例

快速上手 - Handbook - Apache ECharts

 

 营业额统计——需求分析与设计

产品原型

 接口设计

VO设计

 营业额统计——代码开发

Controller中

/**
 * 数据统计相关接口
 */
@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){
        log.info("营业额数据统计：{}，{}",begin,end);
        return Result.success(reportService.getTurnoverStatistics(begin,end));
    }
}

Service中

@Service
@Slf4j
public class ReportServiceImpl implements ReportService {
    @Autowired
    private OrderMapper orderMapper;

    /**
     * 统计指定时间区间内的营业额数据
     * @param begin
     * @param end
     * @return
     */
    @Override
    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 = 5
            Map 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();
    }
}

Mapper中

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

对应的映射文件

    <select id="sumByMap" resultType="java.lang.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>

 

 营业额统计——功能测试

 

用户统计——需求分析与设计

产品原型

 接口设计

VO设计

 

用户统计——代码开发

Controller中

    /**
     * 用户统计
     * @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);
        UserReportVO userStatistics = reportService.getUserStatistics(begin, end);
        return Result.success(userStatistics);
    }

Service中

    /**
     * 统计指定时间区间内的用户数量
     * @return
     */
    @Override
    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) from 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();
    }

Mapper中

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

对应的映射文件

    <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>

用户统计——功能测试

订单统计——需求分析与设计

产品原型

接口设计

 

VO设计

 

订单统计——代码开发

Controller中

    /**
     * 订单统计
     * @param begin
     * @param end
     * @return
     */
    @GetMapping("ordersStatistics")
    @ApiOperation("订单统计")
    public  Result<OrderReportVO> ordersStatistics(
            @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中

    /**
     * 统计指定时间区间内的订单数据
     * @param begin
     * @param end
     * @return
     */
    @Override
    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);
        }

        //存放每天的订单总数
        List<Integer> orderCountList=new ArrayList<>();
        //存放每天的有效订单数
        List<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 = 5
            Integer validOrderCount = getOrderCount(beginTime, endTime, Orders.CONFIRMED);

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

        //计算时间区间内的订单总数量
        Integer totalOrderCount = orderCountList.stream().reduce(Integer::sum).get();
        //计算时间区间内的有效订单数量
        Integer validOrderCount = validOrderCountList.stream().reduce(Integer::sum).get();
        Double orderCompletionRate=  0.0;
        if(totalOrderCount!=0)
            //计算订单完成各率
            orderCompletionRate=  validOrderCount.doubleValue()/totalOrderCount;


        return OrderReportVO
                .builder()
                .dateList(StringUtils.join(dateList,","))
                .orderCountList(StringUtils.join(orderCountList,","))
                .validOrderCountList(StringUtils.join(validOrderCountList,","))
                .totalOrderCount(totalOrderCount)
                .validOrderCount(validOrderCount)
                .orderCompletionRate(orderCompletionRate)
                .build();
    }

    /**
     * 根据条件统计订单数量
     * @param begin
     * @param end
     * @param status
     * @return
     */
    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);
    }

Mapper中

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

对应的映射文件

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

 

订单统计——功能测试

 

销量排名统计——需求分析与设计

产品原型

接口设计

VO设计

 

销量排名统计——代码开发

Controller中

    /**
     * 订单统计
     * @param begin
     * @param end
     * @return
     */
    @GetMapping("top10")
    @ApiOperation("销量排名top10")
    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中

    /**
     * 统计指定时间区间内的销量排名前10
     * @return
     */
    @Override
    public SalesTop10ReportVO getSalesTop10(LocalDate begin, LocalDate end) {
        //获得当前日期的起始时间
        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();
    }

Mapper中

select od.name ,sum(od.number) number from order_detail od,orders o where od.order_id = o.id and o.status = 5
and o.order_time > '2022-10-01' and o.order_time < '2023-10-01'
group by od.name
order by number desc
limit 0,10

 

    /**
     * 统计指定时间区间内的销量排名前10
     * @return
     */
    List<GoodsSalesDTO> getSalesTop10(LocalDateTime begin ,LocalDateTime end);

对应的映射文件

    <select id="getSalesTop10" resultType="com.sky.dto.GoodsSalesDTO">
        select od.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 o.order_time &gt; #{begin}
        </if>
        <if test="end !=null">
            and o.order_time &lt; #{end}
        </if>
        group by od.name
        order by number desc
        limit 0,10
    </select>

 

销量排名统计——功能测试

 

北岭山脚鼠鼠
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
echarts大数据展示报表
06-15
开发报表设计的必备第三方库文件，类似的还有JfreeCharts等，里面包含了数据填充的基本工具类，方便实用
苍穹外卖day7作业-从购物车中减去商品
02-06
苍穹外卖day7作业-从购物车中减去商品
苍穹外卖项目笔记（12）— 数据统计、Excel报表
wohuishidalao的博客
12-14 602
苍穹外卖项目笔记之数据统计、Excel报表
苍穹外卖day12 （Apache POI） 数据统计-Excel报表
qq_51076441的博客
04-23 1083
工作台用于展示各项运营数据，在图形报表中很多方法都已实现，这部分的业务逻辑也差不多，只是返回的数据类型不一样。POI用于操作 Excel 文件，可以对Excel文件进行读写操作导出运营数据报表首先就是查询近30天的运营数据，然后通过POI将查询到的运营数据写入模板文件最后通过输出流将Excel文件下载到客户端浏览器。Apache POI 是一个处理Miscrosoft Office各种文件格式的开源项目。
项目实战————苍穹外卖(DAY11)
qq_62006367的博客
01-19 3909
Apache ECharts 是一款基于 Javascript 的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。1). 柱形图2). 饼形图3). 折线图不管是哪种形式的图形，最本质的东西实际上是数据，它其实是对数据的一种可视化展示。
itheima苍穹外卖项目学习笔记--Day11：数据统计(图形报表)
weixin_46926189的博客
07-19 1591
在ReportServiceImpl中，实现"统计指定区间内的营业额统计"的方法，及其父类接口。在ReportServiceImpl中，实现"统计指定区间内的用户统计"的方法，及其父类接口。在ReportServiceImpl中，实现"统计指定区间内的订单统计"的方法，及其父类接口。在OrderMapper.xml中，写入SQL语句，根据动态条件统计营业额数据。在OrderMapper.xml中，写入SQL语句，根据动态条件统计订单数据。在OrderMapper中，实现订单统计的方法。
黑马苍穹外卖项目笔记11_数据统计、图形报表
m0_71484388的博客
11-16 487
Apache ECharts 是一款基于 Javascript 的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。在ReportServiceImpl实现类中实现getOrderStatistics方法和私有方法getOrderCount。2.基于可视化报表的折线图展示营业额数据，X轴为日期，Y轴为营业额。2.基于可视化报表的折线图展示订单数据，X轴为日期，Y轴为订单数量。1.基于可视化报表的折线图展示用户数据，X轴为日期，Y轴为用户数。
苍穹外卖项目——面试问题总结.md
最新发布
04-27
苍穹外卖项目——面试问题总结.md
苍穹外卖技术 - 个人总结
10-31
苍穹外卖技术 - 个人总结
苍穹外卖后台管理版，只包含Java代码
07-29
内容概要：通过带着读者手写自学项目、毕设项目，了解 SpringBoot 核心原理。在学习的过程中会摘取整体框架中的核心逻辑，简化代码实现过程，保留核心功能，例如：IOC、AOP、Bean生命周期、上下文、作用域、资源处理...
苍穹外卖历时一个月终于写完啦！！！请白嫖我的笔记和完整代码吧！
02-21
【苍穹外卖】项目是一个基于JavaWeb技术的在线订餐系统，该项目的开发历经一个月的时间，作者分享了完整的源码和详细的笔记，旨在为学习者提供一个实践平台，加深对JavaWeb开发的理解。以下是该项目涉及的主要知识点...
echart统计图
05-14
关于echart的开发关于echart的开发关于echart的开发关于echart的开发关于echart的开发关于echart的开发关于echart的开发关于echart的开发关于echart的开发关于echart的开发关于echart的开发关于echart的开发关于echart的开发关于echart的开发关于echart的开发关于echart的开发关于echart的开发关于echart的开发关于echart的开发关于echart的开发
基于Spring Boot的在线外卖系统的设计与实现 .rar（毕业论文+程序源码）
03-25
1.1国内外现状 1.2课题研究意义 1.3课题主要研究内容 第二章 关键技术介绍及开发环境 2.1相关技术介绍 2.2系统环境开发条件 第三章 系统的分析 3.1可行性分析 3.1.1经济可行性 3.1.2社会可行性 3.1.3技术性 3.1.4操作性 3.2需求分析 3.2.1系统功能分析 3.2.2系统非功能分析 第四章 系统总体设计 4.1系统设计概要 4.2系统流程 4.3系统模块设计 15 4.3.1 实体图设计 16 4.3.2 ER图设计 17 第五章 数据库的设计 17 5.1数据库设计原则 17 5.2数据库实体设计 17 第六章 程序模块的界面设计 6.1前端功能页面 6.1.1用户注册登录界面 6.1.2商品信息模块 21 6.1.3详细页信息模块 23 6.1.4购物车管理模块 24 6.1.5订单管理模块 24 6.1.6个人中心管理模块 6.2后端功能页面 26 6.2.1商品管理页面 26 6.2.2公告管理页面 26 6.2.3订单管理页面 27 6.2.4用户管理页面 27 第七章 系统调试与测试 。。。。。。。。。。
黑马苍穹外卖项目笔记12_数据统计–Excel报表(完结撒花)
m0_71484388的博客
11-17 254
Apache POI 是一个处理Miscrosoft Office各种文件格式的开源项目。简单来说就是，我们可以使用 POI 在 Java 程序中对Miscrosoft Office各种文件进行读写操作。一般情况下，POI 都是用于操作 Excel 文件。Apache POI 的1.银行网银系统导出交易明细2.各种业务系统导出Excel报表3.批量导入业务数据。
Java项目-苍穹外卖-Day11-Apache ECharts数据统计
y_k_j_c的博客
09-11 1013
主要是以下四项的统计，以不同形式的图形进行展示自己去网站上看一哈，我不太懂前端。
Echart数据报表
weixin_34018169的博客
11-16 232
应用场景：可视化报表统计 1、引入echart.js(可以去官方下载) 2、js代码写入 category 代表分类（日期）以数组的形式传入 price 代表价格 以数组的形式传入 num 代表单量 数组的形式传入 1 2 3 4 ...
苍穹外卖day11笔记
当年月明的博客
08-10 1118
苍穹外卖day11笔记。包括ECharts的介绍与应用，营业额统计、用户统计、订单统计还有销量排名top10的具体实现。最后介绍了本天需要复习注意的点。
苍穹外卖 day12 Echats 营业台数据可视化整合
我亦无他，唯手熟尔
09-06 1070
本课程采用理论与实践并重的方式，讲练结合，适合具有一定java基础、了解java web、spring、mybatis、mysql、maven的初学者，可以帮助学员更牢固地对所学知识进行掌握。 学完本课程能够收获：真实的项目经验、需求分析能力、接口设计能力、编码能力、代码调试能力、文档阅读能力
图形统计报表EChart的使用
zl的博客
04-19 3329
图形报表EChart的使用 1.  EChart最新的文档目录。 首先创建一个解决方案，目录如下：   之前的一篇文章中讲到如果要使用Echarts还要下载相关的ZRender的渲染包，最新的版本已经将这些合并在一起了，只需要引用图中红框标注的echarts文件夹下的文件即可。各文件的作用如下： l  Echarts-map.js :主要用来渲染跟地图相关 l
苍穹外卖day02员工分页查询
10-22
苍穹外卖的员工分页查询是指在员工信息较多的情况下，将员工信息分页展示，方便用户查看。具体实现方式如下： 1. 在后端，先根据用户的查询条件（如员工姓名、部门等）从数据库中查询符合条件的员工信息总数。 2. 根据用户指定的每页显示数量和当前页码，计算出需要查询的员工信息的起始位置和结束位置。 3. 再次查询数据库，获取符合条件的员工信息，并按照指定的排序方式进行排序。 4. 将查询结果返回给前端，前端根据返回的数据进行分页展示。 在实现过程中，需要注意以下几点： 1. 分页查询需要对查询结果进行分页处理，避免一次性返回过多数据，导致系统性能下降。 2. 分页查询需要考虑并发访问的情况，避免多个用户同时查询同一页数据时出现数据重复或者遗漏的情况。 3. 分页查询需要对用户输入的参数进行校验，避免恶意用户通过输入非法参数来攻击系统。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值