SpringBoot如何把mysql中的数据显示到html页面上？
生活随笔
收集整理的這篇文章主要介紹了
SpringBoot如何把mysql中的数据显示到html页面上？
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
如果想知道最最最最詳細(xì)的，可以前往：https://georgedage.blog.csdn.net/article/details/103278405
這里只對數(shù)據(jù)的返回做出一些代碼演示：
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: '七天內(nèi)每日登陸人數(shù)'},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: '人數(shù)'}]};if (option && typeof option === "object") {myChart.setOption(option, true);}}) })</script></body> </html>訪問：http://localhost:9999/e2/line-simple.html
總結(jié)
以上是生活随笔為你收集整理的SpringBoot如何把mysql中的数据显示到html页面上？的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 游戏数仓分析（二）SpringBoot项
- 下一篇： MySQL性能优化之必备技能【推荐】