Spring-boot+Highcharts(基本饼图,柱状图)

本文详细介绍了如何在Spring-boot项目中结合Highcharts库创建柱状图和饼图。从新建Spring-boot项目,配置application.yml,创建实体类、接口、服务到控制器,再到模板页面的代码实现,最后展示了成功生成的图表效果。
摘要由CSDN通过智能技术生成

工程结构

最终完成后的工程结构:

在这里插入图片描述

下面开始详细的讲解项目的开发过程。

1、新建spring-boot项目

在这里插入图片描述
点击next,记得要联网
在这里插入图片描述
选择这几个jar包
在这里插入图片描述
点击Finish完成

2.创建之后的项目如图所示,我们需要在这之上新建一些目录。

在这里插入图片描述
然后在resources包下面把application.properties改成application.yml

2、application.yml配置文件代码:
  server:
    port: 8989
  spring:
    datasource:
      driver-class-name: com.mysql.jdbc.Driver
      url: jdbc:mysql://localhost:3306/jpademo?useUnicode=true&characterEncoding=utf-8&serverTimezone=UTC
      username: root
      password: "0000"
  mybatis:
      mapper-locations: classpath*:mapper/*.xml
  pagehelper:
     helper-dialect: mysql
     params: count=countSql
     reasonable: true
     support-methods-arguments: true
3、自定义java
  • 在entity里面创建Prople.java
@Data
public class Prople {
   
    private int id;
    private String city;
    private int num;
}
  • 在mapper包中新建接口 PropleMapper:
@Repository
@Mapper
public interface PropleMapper {
   
    List<Prople> getCity();
    int sum();


}
  • 在service包中新建接口 PropleService:
public interface PropleService {
   ;
    List<Prople> getCity();
    int sum();
}
  • 在service包中新建 类 PropleServiceImpl 实现接口:PropleService
@Service
public class PropleServiceImpl implements PropleService {
   
    @Autowired
    private PropleMapper propleMapper;

    @Override
    public List<Prople> getCity() {
   
        return propleMapper.getCity();
    }

    @Override
    public int sum() {
   
        return propleMapper.sum();
    }
}
  • 在controller包中新建 类 PropleController:
@Controller
public class PropleController {
   
    @Autowired
    private PropleService propleService
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值