ssm框架快速搭建使用echarts图形化工具进行数据展示

最新推荐文章于 2024-09-03 07:02:17 发布

zengxianglei

最新推荐文章于 2024-09-03 07:02:17 发布

阅读量1.9k

点赞数 1

分类专栏： echarts java 文章标签： ssm框架快速搭建使用echarts图形化工具进行数据展示

本文链接：https://blog.csdn.net/zengxianglei/article/details/90414683

版权

本文介绍了如何通过SSM（Spring、SpringMVC、MyBatis）快速搭建Web工程，并结合Echarts实现动态展示7天页面访问量（PV）的数据图表。首先创建Maven Web工程，接着利用逆向工程生成基础查询所需的Pojo、Mapper及XML文件。然后定义Controller和Service，设置Echarts展示页面，通过异步请求获取并展示数据。最后，补充了SSM框架的主要配置文件内容。

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

ssm框架快速搭建使用echarts图形化工具进行数据展示

需求:动态展示 7天的pv
本文主要是使用echarts 进行数据的动态展示。
一首先创建一个maven web 工程搭建一个简单的ssm框架先让程序能跑。
二使用逆向工程连接对应的库表产生我们项目所需要的 pojo 和mapper 及mapper.xml （基础查询）。
三引入 echarts js 实现数据的动态获取展示。

一 / 1.创建 maven web 工程配置maven
在这里插入图片描述
创建 4个目录，mvc

上图中圈中的待会我们用逆向工程直接生成即可【逆向工程项目在】。

直接将逆向工程用idea 打开配置jdk即可组成部分由下图所示 lib jar包 /运行的主类/.xml 中连接数据库表的信息及生成的路径等相关信息。白杠部分是运行主类后成功生成的pojo 和mapper及 mapper.xml
在这里插入图片描述
使用逆向工程只是为了提供基础的查询功能。现在根据我们的需求我们需要定义一个自己的接口【一套mvc】。
1.indexController
package cn.itcast.controller;

import cn.itcast.service.AvgPvService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

@Controller

public class IndexController {

@Autowired
private AvgPvService pvSeivice;

@RequestMapping("/index")
public  String indexShow(){
    return "index";
}
@RequestMapping("/hello")
public  String helloShow(){
    return "hello";
}

@RequestMapping(value="/avgPvNum",produces="application/json;charset=UTF-8")
@ResponseBody
public String getBarChart1() throws Exception{

    System.out.println("获取平均pv数据...");

    String s = pvSeivice.getAvgPvNumByDates("20130919", "20130925");

    return s;

}

}
2.AvgPvServiceimpl
import java.util.Iterator;
import java.util.List;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import com.fasterxml.jackson.core.JsonProcessingException;
import com.fasterxml.jackson.datab