黑马程序员项目苍穹外卖企业级开发实战day11-数据统计图形报表.pptxVIP

数据统计–图形报表

ApacheECharts营业额统计用户统计订单统计销量排名Top10

ApacheECharts01介绍入门案例

ApacheECharts介绍ApacheECharts是一款基于Javascript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。官网地址：

ApacheECharts介绍效果展示：通过直观的图表来展示数据柱形图折线图饼形图

ApacheECharts01介绍入门案例

入门案例ApacheEcharts官方提供的快速入门：

入门案例总结：使用Echarts，重点在于研究当前图表所需的数据格式。通常是需要后端提供符合格式要求的动态数据，然后响应给前端来展示图表。

ApacheECharts营业额统计用户统计订单统计销量排名Top10

营业额统计02需求分析和设计代码开发功能测试

需求分析和设计产品原型：业务规则：营业额指订单状态为已完成的订单金额合计基于可视化报表的折线图展示营业额数据，X轴为日期，Y轴为营业额根据时间选择区间，展示每天的营业额数据

需求分析和设计接口设计：

营业额统计02需求分析和设计代码开发功能测试

代码开发根据接口定义设计对应的VO：

代码开发根据接口定义创建ReportController：@RestController

@RequestMapping(/admin/report)

@Slf4j

@Api(tags=统计报表相关接口)

publicclassReportController{

@Autowired

privateReportServicereportService;

/**

*营业额数据统计

*@parambegin

*@paramend

*@return

*/

@GetMapping(/turnoverStatistics)

@ApiOperation(营业额数据统计)

publicResultTurnoverReportVOturnoverStatistics(

@DateTimeFormat(pattern=yyyy-MM-dd)LocalDatebegin, @DateTimeFormat(pattern=yyyy-MM-dd)LocalDateend){

returnResult.success(reportService.getTurnover(begin,end));

}}

代码开发创建ReportService接口，声明getTurnover方法：publicinterfaceReportService{

/**

*根据时间区间统计营业额

*@parambegin

*@paramend

*@return

*/

TurnoverReportVOgetTurnover(LocalDateTimebegin,LocalDateTimeend);}

代码开发创建ReportServiceImpl实现类，实现getTurnover方法（第1部分）：@Service

@Slf4j

publicclassReportServiceImplimplementsReportService{

@Autowired

privateOrderMapperorderMapper;

/**

*根据时间区间统计营业额

*@parambegin

*@paramend

*@return

*/

publicTurnoverReportVOgetTurnover(LocalDatebegin,LocalDateend){

ListLocalDatedateList=newArrayList();

dateList.add(begin);

while(!begin.equals(end)){

begin=begin.plusDays(1);//日期计算，获得指定日期后1天的日期

dateList.add(begin);

}

代码开发创建ReportServiceImpl实现类，实现getTurnover方法（第2部分）：ListDoubleturnoverList=new