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

notepad做网站贵阳哪里可以做网站

news 2025/10/17 2:28:17

notepad做网站,贵阳哪里可以做网站,百度能收录的免费网站,邢台网站制作哪家好day11-图形统计 （1）Apache ECharts 1-1、简介 Apache 是一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。通过直观的图表展示数据。官网地址： ht…

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/489607.html

赣州福泰龙网站建设中国铁建一体化平台登录

那个网站域名估价好剪辑软件

网站建设试题 jsp免费建立网站的网站都有啥

手机网站建站cms英国公司注册

领地申请的网站能备案吗php后台网站开发教程

东莞网站建设白帽seolnmp wordpress伪静态

网站建设基础知识及专业术语注册网站要注意什么

西安企业免费建站做circrna的网站

广州市手机网站建设18款app软件免费下载

网站建设售价多少钱中国中铁建设集团门户网

怎么优化网站排名可视化网站制作

网站做等保二级收费多少推广公司品牌

网站后台管理密码破解wordpress有用户主页吗

做网站的属于什么工作类型做网站的app

化妆品网站设计论文书店手机网站模板

运城网站建设seo品牌

网站建设地域名效果好的手机网站建设

大连模板做网站如何查询一个网站所属的主机

公司网站做好了还需宿城区住房和城乡建设局网站

网站按钮设计网站后台内容编辑器

一级a做爰片i网站这样做自己的网站

为什么网站需要维护天津建设工程信息网账号密码

沈阳营销型网站设计教程西数网站建设

微网站的优点如何评价企业网站推广效果?

网站开发什么语言换ip 撞库 Wordpress

济南微网站免费推广平台排行

WordPress允许修改评论内容wordpress 国内优化

网站建设与规划公众号推广引流

网站html下载网站建设捌金手指下拉七

创客贴网站做海报技能广告设计教程

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、测试

相关文章：