springboot+Highcharts

最新推荐文章于 2022-08-01 11:32:37 发布

原创

最新推荐文章于 2022-08-01 11:32:37 发布 · 698 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了如何使用SpringBoot框架结合Highcharts库进行数据可视化。首先列出开发所需的软件，包括IDEA、Postman、Navicat。接着讲解了SpringBoot项目创建步骤，配置了相关依赖和数据库连接。然后，通过创建实体类、Mapper、Service和Controller实现了数据的CRUD操作。最后，将Highcharts的js文件引入到HTML页面，完成了数据展示的功能。

框架搭建
1.开发软件
后台开发：IDEA
后台测试：Postman；
数据库 : Navicat
2.技术要点
前端: HTML
后端: Spring Boot
数据库:MySql
功能实现
1.去 Highcharts官网上下载资源包
链接: Highcharts官网.
需要highcharts.js这个文件

2.创建SpringBoot项目：
使用Idea点击file，选择New Project，选择Spring InitInitializr，自行配置项目的基础配置；

3.在pom.xml文件中导入依赖：

<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&