Spirngboot+mybatis+poi+echart实现数据可视化

最新推荐文章于 2024-08-15 14:47:41 发布

最后的の蔡徐坤坤子

最新推荐文章于 2024-08-15 14:47:41 发布

阅读量438

点赞数

本文链接：https://blog.csdn.net/m0_67806438/article/details/128101518

版权

本文介绍了如何使用Springboot、Mybatis、POI和Echarts来实现数据可视化。通过配置FileUpload、ObjectExcelRead、ObjectExcelView和PageData类，完成文件上传、数据导出及数据查询。在application.yml中配置相关设置，并在HTML页面通过Ajax请求后台数据，将数据渲染到Echarts图表中。

摘要由CSDN通过智能技术生成

不多说了首先滤清思路

这是一套正常的curd架构(这里由于浪费时间所以我只写了新增其他代码用mp就能随便写)

注意本篇文章最重要的

就是这四个配置类（结束后会放在最后）

FileUpload用于指定用户文件upload的服务器指定位置

ObjectExcelRead用于导出功能

ObjectExcelView用于做导出功能

PageData用于查出数据

application.yml的配置

server:
  port: 80
spring:
  thymeleaf:
    cache: false                   # 这个开发配置为false，避免改了模板还要重启服务器
    prefix: classpath:/templates/  #模板文件视图前缀，默认是classpath:/templates/，可不用配置
    suffix: .html
  mvc:
    view:
      suffix: .html
      prefix:
  datasource:
    type: com.alibaba.druid.pool.DruidDataSource
    driver-class-name: com.mysql.cj.jdbc.Driver
    url: jdbc:mysql://localhost:3306/spring?serverTimezone=UTC
    username: root
    password: xjy
mybatis-plus:
  global-config:
    db-config:
      id-type: auto
  configuration:
    log-impl: org.apache.ibatis.logging.stdout.StdOutImpl

在resource的资源加入

html显示数据要用

然后编写Controller类

@Controller
@RequestMapping("/goods")
public class goodsController {

    @Autowired
    private GoodsService goodsService;

    @RequestMapping("/excel")
    public ModelAndView exportExcel() {
        ModelAndView mv = new ModelAndView();
        try {
            Map<String, Object> dataMap = new HashMap<>();
            List<String> titles = new ArrayList<>();
            titles.add("商品编号"); // 1
            titles.add("名称"); // 2
            titles.add("数量");//3
            dataMap.put("titles", titles);
            List<Goods> varOList = goodsService.queryAllExcel();
            List<PageData> varList = new ArrayList<>();
            for (int i = 0; i < varOList.size(); i++) {