前期文章
文章标题 | 地址 |
---|---|
苍穹外卖Day01——总结1 | https://lushimeng.blog.csdn.net/article/details/135466359 |
苍穹外卖Day02——总结2 | https://lushimeng.blog.csdn.net/article/details/135484126 |
苍穹外卖Day03——总结3 | https://blog.csdn.net/qq_43751200/article/details/136378883 |
苍穹外卖Day05——总结5 | https://blog.csdn.net/qq_43751200/article/details/136436080 |
苍穹外卖Day06——总结6 | https://blog.csdn.net/qq_43751200/article/details/137025980 |
苍穹外卖Day07——总结7 | https://lushimeng.blog.csdn.net/article/details/137026381 |
苍穹外卖Day8——总结8 | xx |
苍穹外卖Day10——总结10 | https://lushimeng.blog.csdn.net/article/details/137469984 |
苍穹外卖Day11
- 1. 营业额统计
- 1.1 需求分析
- 1.2 接口设计
- 1.3 代码开发
- 2. 用户统计
- 2.1 需求分析
- 2.2 接口设计
- 2.3 代码开发
- 3. 订单统计
- 3.1 需求分析
- 3.2 接口设计
- 3.3 代码开发
- 4. 销量排名Top10
- 4.1 需求分析
- 4.2 接口设计
- 4.3 代码开发
本篇文章思路:使用Apache ECharts进行营业额统计、用户统计、订单统计以及销量排名Top10可视化
整体效果:
1. 营业额统计
1.1 需求分析
营业额统计是基于折现图来展现,并且按照天来展示的。实际上,就是某一个时间范围之内的每一天的营业额。同时,不管光标放在哪个点上,那么它就会把具体的数值展示出来。并且还需要注意日期并不是固定写死的,是由上边时间选择器来决定。比如选择是近7天、或者是近30日,或者是本周,就会把相应这个时间段之内的每一天日期通过横坐标展示。
原型图:
业务规则:
- 营业额指订单状态为已完成的订单金额合计
- 基于可视化报表的折线图展示营业额数据,X轴为日期,Y轴为营业额
- 根据时间选择区间,展示每天的营业额数据
1.2 接口设计
通过上述原型图,设计出对应的接口。
注意:具体返回数据一般由前端来决定,前端展示图表,具体折现图对应数据是什么格式,是有固定的要求的。
所以说,后端需要去适应前端,它需要什么格式的数据,我们就给它返回什么格式的数据。
1.3 代码开发
VO设计:
import lombok.AllArgsConstructor;
import lombok.Builder;
import lombok.Data;
import lombok.NoArgsConstructor;import java.io.Serializable;@Data
@Builder
@NoArgsConstructor
@AllArgsConstructor
public class TurnoverReportVO implements Serializable {//日期,以逗号分隔,例如:2022-10-01,2022-10-02,2022-10-03private String dateList;//营业额,以逗号分隔,例如:406.0,1520.0,75.0private String turnoverList;}
ReportController层:
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")
@Slf4j
@Api(tags = "统计报表相关接口")
public class ReportController {@Autowiredprivate 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) {return Result.success(reportService.getTurnover(begin, end));}}
ReportService层接口:
import com.sky.vo.TurnoverReportVO;
import java.time.LocalDate;public interface ReportService {/*** 根据时间区间统计营业额* @param beginTime* @param endTime* @return*/TurnoverReportVO getTurnover(LocalDate beginTime, LocalDate endTime);
}
ReportService层实现类
/*** 根据时间区间统计营业额* @param begin* @param end* @return*/public TurnoverReportVO getTurnover(LocalDate begin, LocalDate end) {List<LocalDate> dateList = new ArrayList<>();dateList.add(begin);while (!begin.equals(end)){begin = begin.plusDays(1);//日期计算,获得指定日期后1天的日期dateList.add(begin);}List<Double> turnoverList = 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("status", Orders.COMPLETED);map.put("begin",beginTime);map.put("end", endTime);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();}
ReportMapper层:
/*** 根据动态条件统计营业额* @param map*/Double sumByMap(Map map);
在ReportMapper.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 >= #{begin}</if><if test="end != null">and order_time <= #{end}</if></where>
</select>
2. 用户统计
2.1 需求分析
所谓用户统计,实际上统计的是用户的数量。通过折线图来展示,上面这根蓝色线代表的是用户总量,下边这根绿色线代表的是新增用户数量,是具体到每一天。所以说用户统计主要统计两个数据,一个是总的用户数量,另外一个是新增用户数量。
原型图:
业务规则:
- 基于可视化报表的折线图展示用户数据,X轴为日期,Y轴为用户数
- 根据时间选择区间,展示每天的用户总量和新增用户量数据
2.2 接口设计
根据上述原型图设计接口。
2.3 代码开发
VO设计:
import lombok.AllArgsConstructor;
import lombok.Builder;
import lombok.Data;
import lombok.NoArgsConstructor;
import java.io.Serializable;@Data
@Builder
@NoArgsConstructor
@AllArgsConstructor
public class UserReportVO implements Serializable {//日期,以逗号分隔,例如:2022-10-01,2022-10-02,2022-10-03private String dateList;//用户总量,以逗号分隔,例如:200,210,220private String totalUserList;//新增用户,以逗号分隔,例如:20,21,10private String newUserList;}
ReportController层:
/*** 用户统计* @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 userReportVO = reportService.userStatistics(begin, end);return Result.success(userReportVO);}
ReportService层接口:
/*** 用户统计* @param begin* @param end* @return*/UserReportVO userStatistics(LocalDate begin, LocalDate end);
ReportService层实现类:
/*** 用户统计* @param begin* @param end* @return*/public UserReportVO userStatistics(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> newUserList = new ArrayList<>();List<Integer> totalUserList = new ArrayList<>();for (LocalDate date : dateList) {Map map = new HashMap();// 获取当天时间最大值LocalDateTime endTime = LocalDateTime.of(date, LocalTime.MAX);map.put("end", endTime);Integer totalUsers = reportMapper.getUsersByTime(map);totalUsers = totalUsers == null ? 0 : totalUsers;totalUserList.add(totalUsers);// 获取当天时间最小值LocalDateTime beginTime = LocalDateTime.of(date, LocalTime.MIN);map.put("begin", beginTime);Integer newUsers = reportMapper.getUsersByTime(map);newUsers = newUsers == null ? 0 : newUsers;newUserList.add(newUsers);}return UserReportVO.builder().dateList(StringUtil.join(",", dateList)).newUserList(StringUtil.join(",", newUserList)).totalUserList(StringUtil.join(",", totalUserList)).build();}
ReportMapper层:
/*** 用户统计接口* @param map* @return*/Integer getUsersByTime(Map map);
在ReportMapper.xml文件中编写动态SQL:
<select id="getUsersByTime" resultType="java.lang.Integer" parameterType="java.util.Map">select count(id) from user<where><if test="begin != null">and create_time > #{begin}</if><if test="end != null">and create_time < #{end}</if></where></select>
3. 订单统计
3.1 需求分析
订单统计通过一个折现图来展现,折线图上有两根线,这根蓝色的线代表的是订单总数,而下边这根绿色的线代表的是有效订单数,指的就是状态是已完成的订单就属于有效订单,分别反映的是每一天的数据。上面还有3个数字,分别是订单总数、有效订单、订单完成率,它指的是整个时间区间之内总的数据。
原型图:
业务规则:
- 有效订单指状态为 “已完成” 的订单
- 基于可视化报表的折线图展示订单数据,X轴为日期,Y轴为订单数量
- 根据时间选择区间,展示每天的订单总数和有效订单数
- 展示所选时间区间内的有效订单数、总订单数、订单完成率,订单完成率 = 有效订单数 / 总订单数 * 100%
3.2 接口设计
根据上述原型图设计接口
3.3 代码开发
VO设计:
import lombok.AllArgsConstructor;
import lombok.Builder;
import lombok.Data;
import lombok.NoArgsConstructor;
import java.io.Serializable;@Data
@Builder
@NoArgsConstructor
@AllArgsConstructor
public class OrderReportVO implements Serializable {//日期,以逗号分隔,例如:2022-10-01,2022-10-02,2022-10-03private String dateList;//每日订单数,以逗号分隔,例如:260,210,215private String orderCountList;//每日有效订单数,以逗号分隔,例如:20,21,10private String validOrderCountList;//订单总数private Integer totalOrderCount;//有效订单数private Integer validOrderCount;//订单完成率private Double orderCompletionRate;}
ReportController层:
/*** 订单统计接口* @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);OrderReportVO orderReportVO = reportService.ordersStatistics(begin, end);return Result.success(orderReportVO);}
ReportService层接口:
/*** 订单统计接口* @param begin* @param end* @return*/OrderReportVO ordersStatistics(LocalDate begin, LocalDate end);
ReportService层实现类:
/*** 订单统计接口* @param begin* @param end* @return*/public OrderReportVO ordersStatistics(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> orderCountList = new ArrayList<>();List<Integer> validOrderCountList = 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("begin", beginTime);map.put("end", endTime);Integer orderCountTemp = reportMapper.getOrdersByTime(map);orderCountList.add(orderCountTemp);map.put("status", Orders.COMPLETED);Integer validOrderCountTemp = reportMapper.getOrdersByTime(map);validOrderCountList.add(validOrderCountTemp);}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(StringUtil.join(",", dateList)).orderCountList(StringUtil.join(",", orderCountList)).validOrderCountList(StringUtil.join(",", validOrderCountList)).totalOrderCount(totalOrderCount).validOrderCount(validOrderCount).orderCompletionRate(orderCompletionRate).build();}
ReportMapper层:
/*** 订单统计接口* @param map* @return*/Integer getOrdersByTime(Map map);
在ReportMapper.xml文件中编写动态SQL:
<select id="getOrdersByTime" resultType="java.lang.Integer" parameterType="java.util.Map">select count(id) from orders<where><if test="begin != null">and order_time > #{begin}</if><if test="end != null">and order_time < #{end}</if><if test="status != null">and status = #{status}</if></where></select>
4. 销量排名Top10
4.1 需求分析
所谓销量排名,销量指的是商品销售的数量。项目当中的商品主要包含两类:一个是套餐,一个是菜品,所以销量排名其实指的就是菜品和套餐销售的数量排名。通过柱形图来展示销量排名,这些销量是按照降序来排列,并且只需要统计销量排名前十的商品。
原型图:
业务规则:
- 根据时间选择区间,展示销量前10的商品(包括菜品和套餐)
- 基于可视化报表的柱状图降序展示商品销量
- 此处的销量为商品销售的份数
4.2 接口设计
根据上述原型图设计接口。
4.3 代码开发
VO设计:
import lombok.AllArgsConstructor;
import lombok.Builder;
import lombok.Data;
import lombok.NoArgsConstructor;
import java.io.Serializable;@Data
@Builder
@NoArgsConstructor
@AllArgsConstructor
public class SalesTop10ReportVO implements Serializable {//商品名称列表,以逗号分隔,例如:鱼香肉丝,宫保鸡丁,水煮鱼private String nameList;//销量列表,以逗号分隔,例如:260,215,200private String numberList;}
ReportController层:
/*** 销量排名top10* @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);SalesTop10ReportVO salesTop10ReportVO = reportService.top10(begin, end);return Result.success(salesTop10ReportVO);}
ReportService层接口:
/*** 销量排名top10* @param begin* @param end* @return*/SalesTop10ReportVO top10(LocalDate begin, LocalDate end);
ReportService层实现类:
/*** 销量排名top10* @param begin* @param end* @return*/public SalesTop10ReportVO top10(LocalDate begin, LocalDate end) {LocalDateTime beginTime = LocalDateTime.of(begin, LocalTime.MIN);LocalDateTime endTime = LocalDateTime.of(end, LocalTime.MAX);Map map = new HashMap();map.put("begin", beginTime);map.put("end", endTime);List<GoodsSalesDTO> goodsSalesDTOList = orderMapper.getSalesTop10(map);System.out.println("goodsSalesDTOList" + goodsSalesDTOList);String nameList = StringUtil.join(",", goodsSalesDTOList.stream().map(GoodsSalesDTO::getName).collect(Collectors.toList()));String numberList = StringUtil.join(",", goodsSalesDTOList.stream().map(GoodsSalesDTO::getNumber).collect(Collectors.toList()));return SalesTop10ReportVO.builder().nameList(nameList).numberList(numberList).build();}
OrderMapper层:
/*** 销量排名* @param map* @return*/List<GoodsSalesDTO> getSalesTop10(Map map)
在OrderMapper.xml文件中编写动态SQL:
<select id="getSalesTop10" resultType="com.sky.dto.GoodsSalesDTO">select od.name name,sum(od.number) number from order_detail od ,orders owhere od.order_id = o.idand o.status = 5<if test="begin != null">and order_time > #{begin}</if><if test="end != null">and order_time < #{end}</if>group by nameorder by number desclimit 0, 10</select>