如果想知道最最最最详细的,可以前往:https://georgedage.blog.csdn.net/article/details/103278405

这里只对数据的返回做出一些代码演示:

Controller层

package com.henu.controller;import com.henu.bean.N_days_stat;
import com.henu.service.N_days_statService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;import java.util.List;/*** @author George* @description**/
@RestController
public class N_days_statController {@Autowiredprivate N_days_statService service;@RequestMapping("/findAll")public List<N_days_stat> findAll(Model model){List<N_days_stat> all = service.findAll();System.out.println(all + "+++++++++++++");return all;}public N_days_statService getService() {return service;}public void setService(N_days_statService service) {this.service = service;}
}

页面line-simple.html

<!DOCTYPE html>
<html style="height: 100%"><head><meta charset="utf-8"></head><body style="height: 100%; margin: 0"><div id="container" style="height: 100%"></div><script type="text/javascript" src="js/jquery-2.1.0.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-gl/dist/echarts-gl.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-stat/dist/ecStat.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/extension/dataTool.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/map/js/china.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/map/js/world.js"></script><script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=xfhhaTThl11qYVrqLZii6w8qE5ggnhrY&__ec_v__=20190126"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/extension/bmap.min.js"></script><script type="text/javascript">
var dom = document.getElementById("container");
var myChart = echarts.init(dom);
var app = {};var date01s = new Array()
var num01s = new Array()$(function () {$.get("findAll",function (data) {for (var i = 0; i < data.length; i++){date01s[i] = data[i]._c0num01s[i] = data[i].logtime}option = null;option = {title: {text: '七天内每日登陆人数'},xAxis: {type: 'category',//data: [num01s[0], num01s[1], num01s[2], num01s[3], num01s[4], num01s[5], num01s[6]],text: '日期'},yAxis: {type: 'value'},series: [{data: [date01s[0], date01s[1], date01s[2], date01s[3], date01s[4], date01s[5], date01s[6]],type: 'line',text: '人数'}]};if (option && typeof option === "object") {myChart.setOption(option, true);}})
})</script></body>
</html>

访问:http://localhost:9999/e2/line-simple.html

SpringBoot如何把mysql中的数据显示到html页面上?相关推荐

  1. Java+MyEclipse+Tomcat (三)配置MySQL及查询数据显示在JSP网页中

    前面两篇文章讲述了如何配置MyEclipse和Tomcat开发JSP网站.如何配置Servlet简单实现表单提交,这篇文章主要讲述配置MySQL实现数据库连接MyEclipse,最后将查询表中的数据显 ...

  2. spring中怎么访问MySQL过程_DB数据源之SpringBoot+MyBatis踏坑过程(六)mysql中查看连接,配置连接数量...

    DB数据源之SpringBoot+MyBatis踏坑过程(六)mysql中查看连接,配置连接数量 liuyuhang原创,未经允许禁止转载 系列目录连接 1.环境说明 mysql5.0以上版本. wi ...

  3. SpringBoot向Mysql中插入数据报错:org.springframework.dao.InvalidDataAccessResourceUsageException: error perfo

    SpringBoot向Mysql中插入数据报错:org.springframework.dao.InvalidDataAccessResourceUsageException: error perfo ...

  4. java mysql 中文乱码_java读取MySQL中的中文数据显示乱码

    在linux平台(Ubuntu 10.10)上安装MySQL(5.1)和JDK(1.6),然后使用PuTTY远程操作.只将PuTTY的Window -> Translation 中的" ...

  5. 基于Java(SpringBoot)+Vue+MySQL 实现(Web)的网络课程平台【100010329】

    基于 SpringBoot 的网络课程平台 1 绪论 1.1 引言 本科题研究并实现了一个面向网络学习的平台,为需要学习的人提供了一个学习的平台.任何人都课在本平台进行注册登录,学习观看视频. 本平台 ...

  6. 1 字节的 utf-8 序列的字节 1 无效_记住:永远不要在MySQL中使用UTF8

    题外话:欢迎将公众号设置为星标,技术文章第一时间看到.我们将一如既往精选技术好文,提供有价值的阅读.如有读者想要投稿,可以在公众号任意文章下留言,技术博主奖励丰厚. 推荐阅读 1. Java 性能优化 ...

  7. 解决(springboot项目)mysql表名大写,造成jpa Table doesn't exist问题

    这个问题有2种解决方法: 我的报错是: java.sql.SQLSyntaxErrorException: Table 'gaei_ms.gaei_work_task' doesn't exist 方 ...

  8. docker部署mysql项目_docker部署springboot项目(web + mysql)

    前言 docker目前是非常热门的项目,本文暂不讨论docker集群环境中的部署项目问题. 环境准备 1. docker环境(本文使用centos7下的docker环境) 2. javaWeb项目(s ...

  9. springboot 事务_Spring Boot中的事务是如何实现的?懂吗?

    一个SpringBoot问题就干趴下了?我却凭着这份PDF文档吊打面试官. 金三银四第一天,啃透这些SpringBoot知识点,还怕干不赢面试官? Spring全家桶笔记:Spring+Spring ...

最新文章

  1. Javascript迄今为止添加了前导零
  2. SpeedTree导入到虚幻UE4的注意事项
  3. SQL Server 索引结构及其使用(一)
  4. 爬虫基本原理及Request和Response分析
  5. php 新浪面试题,新浪网技术部笔试题
  6. alibab仓库 idea_01.微服务架构编码、构建
  7. 忧心文案小程序第二版前端后端源码
  8. 记一次mysql进程无法启动的解决方案
  9. [VC++]最小化图标至托盘中
  10. 【QT】QT从零入门教程(十七):QT+OpenCV+VS 打包exe
  11. 对无焦点窗口模拟按键_键盘不为人知的一面——单按键篇
  12. 进程调度优先数 c语言,进程调度--动态优先数法(C语言实现)
  13. 了解数据库(包括数据库发展史、分类、著名人物、主流数据库、关系与非关系型数据库)
  14. 德·摩根定律的验证(De Morgan’s Laws)
  15. 主题黑板.html,黑板报主题
  16. 解决联想小新air13pro笔记本电脑插入耳机没声音的问题
  17. 如何在el-table中如何使用计算属性computed
  18. python3切割圆形图片
  19. STM32学习笔记(十七)TLTLCD显示实验
  20. ssm框架外卖订餐系统

热门文章

  1. 圣诞快乐!灯火点不燃圣经
  2. CodeForces - 1494D Dogeforces(贪心+构造)
  3. CodeForces - 507E Breaking Good(二分+贪心)
  4. 洛谷 - P4015 运输问题(费用流)
  5. 洛谷 - P2763 试题库问题(最大流+路径打印)
  6. POJ - 2528 Mayor's posters(线段数+离散化)
  7. 深度优先遍历算法-03二叉树路径遍历问题
  8. HDU4259(简单群置换)
  9. 外挂学习之路(4)--- 大海捞针找call call const法
  10. JDK/Java 17 可能带来什么新特性?