基于springboot+Echarts+js制作实时大屏

最新推荐文章于 2025-04-09 13:01:04 发布

置顶

乐伊李

最新推荐文章于 2025-04-09 13:01:04 发布

阅读量3.6k

点赞数 14

本文链接：https://blog.csdn.net/qq_41635942/article/details/113849315

版权

本文介绍了如何使用Springboot、Echarts和JavaScript来制作一个实时大屏。项目基于IntelliJ IDEA，使用MySQL 5.7.25数据库和JDK 1.8。文章详细讲解了从添加依赖、配置application.yml，到编写entity、Controller、Service、Mapper代码，最后展示了前端关键的Js代码实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

基于springboot+Echarts+js制作实时大屏

最近工作中让完成一个实时大屏的东西，就是类似于电商实时数据成交数据的那种大屏，但是在网上查阅的资料对于后台的js的转输都有点模糊，于是自己写了一个较为完整的实现后台数据大屏显示的spring项目。若有不足之处，还请各位大佬批评与指正。

项目所需工具

博主这里所用的是IntelliJ IDEA 2020.1，这边给出相应的下载链接，可激活。内置相应的解释说明
链接：https://pan.baidu.com/s/1jFg-EdqGLncCv43fl6KqUg
提取码：4mgi

数据库使用的是mysql-5.7.25版本，当然您也可以使用其他版本。jdk版本为1.8，maven版本设置为3.5.2（大家可自行百度下载）
maven版本的设置
关于项目的目录结构，这边也一并贴出来供大家进行参考

在这里插入图片描述
关于创建项目的步骤

在这里插入图片描述
之后一步一步进行next即可

<dependencies>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-jdbc</artifactId>
        </dependency>


        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>


        <dependency>
            <groupId>org.mybatis.spring.boot</groupId>
            <artifactId>mybatis-spring-boot-starter</artifactId>
            <version>2.1.1</version>
        </dependency>

        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <scope>runtime</scope>
        </dependency>

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
            <exclusions>
                <exclusion>
                    <groupId>org.junit.vintage</groupId>
                    <artifactId>junit-vintage-engine</artifactId>
                </exclusion>
            </exclusions>
        </dependency<