SSM+Springboot+MySQL+echarts数据可视化展现（详细）

目录

项目结构一览

一、数据库准备

二、相关文件的配置

1、pom文件

2、Mybatis映射文件

3、Mybatis的主配置文件

4、yml文件

三、项目的搭建

1、创建entity实体类

2、创建dao层接口

3、创建业务层接口

4、创建业务层实现类

目录

项目结构一览

一、数据库准备

二、相关文件的配置

1、pom文件

2、Mybatis映射文件

3、Mybatis的主配置文件

4、yml文件

三、项目的搭建

1、创建controller控制层

2、创建entity实体类

3、创建dao层接口

4、创建业务层接口

5、创建业务层实现类

6、主启动类

四、前端页面

 

项目结构一览

一、数据库准备

详情请参见

二、相关文件的配置

1、pom文件

  4.0.0

  com.henu.hive
  hive_project
  1.0-SNAPSHOT
  war

  hive_project Maven Webapp
  
  http://www.example.com

  
    org.springframework.boot
    spring-boot-starter-parent
    2.0.0.RELEASE
    
    
  
  
    
      org.springframework.boot
      spring-boot-starter-web
    
    
      org.mybatis.spring.boot
      mybatis-spring-boot-starter
      1.2.2
    
    
      mysql
      mysql-connector-java
      5.1.6
      runtime
    
    
      com.alibaba
      druid
      1.1.3
    
    
      org.springframework.boot
      spring-boot-starter-tomcat
    
    
      com.alibaba
      fastjson
      1.2.48
    
  
  
  
    hive_project
    
      
        
          maven-clean-plugin
          3.1.0
        
        
        
          maven-resources-plugin
          3.0.2
        
        
          maven-compiler-plugin
          3.8.0
        
        
          maven-surefire-plugin
          2.22.1
        
        
          maven-war-plugin
          3.2.2
        
        
          maven-install-plugin
          2.5.2
        
        
          maven-deploy-plugin
          2.8.2
        
      
    
  

2、Mybatis映射文件

    
    
        SELECT  value, statdate FROM n_days_stat  WHERE TO_DAYS(DATE_FORMAT('2015-01-11','%Y-%m-%d'))>=TO_DAYS(statdate)  AND
 7>TO_DAYS(DATE_FORMAT('2015-01-11','%Y-%m-%d'))-TO_DAYS(statdate)
ORDER BY statdate ASC;
    

    
      SELECT  value, statdate FROM n_days_stat  WHERE TO_DAYS(DATE_FORMAT(#{statdate},'%Y-%m-%d'))>=TO_DAYS(statdate)  AND
 7>TO_DAYS(DATE_FORMAT(#{statdate},'%Y-%m-%d'))-TO_DAYS(statdate)
ORDER BY statdate ASC;
    

    
      SELECT  value, statdate FROM n_days_stat  WHERE #{date}>=TO_DAYS(statdate)  AND
 7>#{date}-TO_DAYS(statdate)
ORDER BY statdate ASC;
    

3、Mybatis的主配置文件

4、yml文件

#服务器的配置
server:
  port: 9090
  servlet:
    path: /

#配置连接数据库信息
spring:
  datasource:
    name: druid
    type: com.alibaba.druid.pool.DruidDataSource
    url: jdbc:mysql://hadoop101:3306/test?characterEncoding=utf-8
    username: root
    password: 123456
    driver-class-name: com.mysql.jdbc.Driver

#整合mybatis
mybatis:
  mapper-locations: classpath:mapper/*Mapper.xml
  config-location: classpath:mybatis.xml
  type-aliases-package: henu.entity

三、项目的搭建

1、创建controller控制层

package henu.controller;

import henu.entity.DaysStat;
import henu.service.DayService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.stereotype.Service;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;

import java.util.List;

/**
 * @create 2019-11-26 21:26
 */
@Controller
public class DayController {
    @Autowired
    public DayService dayService;

    //查询全部
    @RequestMapping("/update")
    @ResponseBody
    public List queryAll(){
        return dayService.queryAll();
    }
    //查询日期
    @RequestMapping("/query")
    @ResponseBody
    public List queryByDay(@RequestParam("statdate")String statdate){
        return dayService.queryByday(statdate);
    }

    //查询日期
    @RequestMapping("/querymore")
    @ResponseBody
    public List queryDay(@RequestParam("date")int date){
        return dayService.queryDayplus(date);
    }

}

2、创建entity实体类

package henu.entity;
import com.fasterxml.jackson.annotation.JsonFormat;

import java.util.Date;

/**
 * @author yanliming
 * @create 2019-11-26 20:58
 */
public class DaysStat {
    private Integer value;

    @JsonFormat(pattern = "yyyy-MM-dd", timezone = "GMT+8")
    private Date statdate;
    
    public Integer getValue() {
        return value;
    }

    public void setValue(Integer value) {
        this.value = value;
    }

    public Date getStatdate() {
        return statdate;
    }

    public void setStatdate(Date statdate) {
        this.statdate = statdate;
    }

}

3、创建dao层接口

package henu.dao;

import henu.entity.DaysStat;
import org.springframework.stereotype.Repository;

import java.util.List;

/**
 * @author yanliming
 * @create 2019-11-26 21:04
 */
@Repository
public interface Daydao {
    public List queryAll();
    public List queryByday(String day);
    public List queryDayplus(int day);
}

4、创建业务层接口

package henu.service;

import henu.entity.DaysStat;

import java.util.List;

/**
 * @author yanliming
 * @create 2019-11-26 21:08
 */

public interface DayService {
    public List queryAll();
    public List queryByday(String day);
    public List queryDayplus(int day);
}

5、创建业务层实现类

package henu.serviceimpl;

import henu.dao.Daydao;
import henu.entity.DaysStat;
import henu.service.DayService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import java.util.List;

/**
 * @author yanliming
 * @create 2019-11-26 21:09
 */

@Service
public class DayServiceImpl implements DayService {
    //注入dao层
    @Autowired
    public  Daydao daydao;

    @Override
    public List queryAll() {
        return daydao.queryAll();
    }

    @Override
    public List queryByday(String day) {
        return daydao.queryByday(day);
    }

    @Override
    public List queryDayplus(int day) {
        return daydao.queryDayplus(day);
    }
}

6、主启动类

package henu;

import org.mybatis.spring.annotation.MapperScan;
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;

/**
 * @create 2019-11-26 20:52
 */
@SpringBootApplication
@MapperScan("henu.dao")
public class GameApplication {
    public static void main( String[] args )
    {
        SpringApplication.run(GameApplication.class,args);
    }
}

四、前端页面

整体效果

1、可指定查看指定天数的留存

2、可每隔一秒动态展现