技术标签: spring boot css javascript
springboot项目的css 和js默认位置是在static中,所以如果没有另外的修改的话,直接创建一个static文件夹,把css和js放入即可。
这里放一个实例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>儿童随访记录表</title>
<!-- 引入 echarts.js -->
<script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>
<script src="js/macarons.js"></script>
<script src="http://localhost:8083/ssxj"></script>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/highcharts-more.js"></script>
</head>
<body>
<h2>儿童随访记录表数据比例统计</h2>
<!-- 为ECharts准备一个具备大小(宽高)的Domo -->
<div id="main" style="width:100%;height:5200px;overflow-y:auto;/*overflow-x: scroll*/"></div>
<script type="text/javascript">
// 基于准备好的dom,初始化echarts实例
//const myChart = echarts.init(dom, 'macarons')
// var myChart = echarts.init(document.getElementById('main'),'macarons');
$(document).ready(function(){
var myChart = echarts.init(document.getElementById('main'),e_macarons);
// 指定图表的配置项和数据
myChart.showLoading({
//height:100%,
//width:100%,
text: 'loading',//加载时候的文本
//x:left,
y:-10,
color: '#4cbbff',//加载时候小圆圈的颜色
textColor: '#4cbbff',//加载时候文本颜色
// maskColor: 'white',//加载时候的背景颜色
});
myChart.setOption({
grid: {
left: '20%',
right: '10px',
//bottom: '10px',
//containLabel:true,
},
title: {
text: '各字段数据量统计'
},
tooltip: {},
legend: {
data: ['数据比例(%)']
},
yAxis: {
type: 'category',
data: [],
inverse: true,
axisTick: {
alignWithLabel: true
},
axisLabel: {
interval: 0,
rotate: 0//角度顺时针计算的
}
},
xAxis: {},
series: [{
name: '数据比例(%)',
type: 'bar',
barWidth : 20,//柱图宽度
barGap:20,
showBackground: true,
backgroundStyle: {
color: 'rgba(180, 180, 180, 0.2)'
},
data: []
}]
});
//使用jQuery中的$.get()获取data.json文件,使用done函数;
//done(function(data))中data表示调用的函数返回的数据
$.get('http://localhost:8083/etsfjl').done(function(data){
myChart.hideLoading();
myChart.setOption({
yAxis:{
data:data.names
},
series:{
name:'数据比例(%)',
data:data.values,
}
});
});
});
</script>
</body>
</html>
这里是因为没有放template文件夹,thymeleaf检测路径也直接定位到static,直接写在一起了。
同时在java中的文件流对象,读取文件的起始目录是项目目录。
文章浏览阅读2.1k次。FX3 JLINK调试是一个有些麻烦的事情,经常有些莫名其妙的问题。 设置参见 c:\Program Files (x86)\Cypress\EZ-USB FX3 SDK\1.3\doc\firmware 下的 EzUsbSuite_UG.pdf 文档。 常见问题: 1.装了多个版本的jlink,使用了未注册或不适当的版本 选择一个正确的版本。JLinkARM_V408l,JLinkA_ezusbsuite_qsg.pdf
文章浏览阅读2.6k次。** 本文仅通过用openGL+QT简单实现二进制stl文件读取显示并通过鼠标旋转缩放, 是比较入门的级别,由于个人能力有限,新手级别,所以未能施加光影灯光等操作, 未能让显示的stl文件更加真实。****效果图:**1. main.cpp```cpp#include "widget.h"#include <QApplication>int main(int argc, char *argv[]){ QApplication a(argc, argv); _qopengl如何鼠标控制旋转
文章浏览阅读943次,点赞22次,收藏19次。以大规模预训练语言模型为基础的chatgpt成功出圈,在近几日已经给人工智能板块带来了多次涨停,这足够说明这一风口的到来。而作为曾经的风口“知识图谱”而言,如何找到其与chatgpt之间的区别,找好自身的定位显得尤为重要。形式化知识和参数化知识在表现形式上一直都是大家考虑的问题,两种技术都应该有自己的定位与价值所在。知识图谱构建往往是抽取式的,而且往往包含一系列知识冲突检测、消解过程,整个过程都能溯源。以这样的知识作为输入,能在相当程度上解决当前ChatGPT的事实谬误问题,并具有可解释性。
文章浏览阅读1.3k次。最重要的一点,一定是degbug的方式启动,不然热部署不会生效,注意,注意!_tomcat热部署
文章浏览阅读10w+次,点赞56次,收藏482次。html5 ,用css去修饰自己的个人主页代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xh..._个人主页源码
文章浏览阅读201次。开发者(KaiFaX)面向全栈工程师的开发者专注于前端、Java/Python/Go/PHP的技术社区来源:开源最前线链接:https://github.com/svenstaro/gen..._程序员怎么上班摸鱼
文章浏览阅读1.3k次。改变Block UI界面的尺寸_ug二次开发 调整 对话框大小
文章浏览阅读1.3w次,点赞18次,收藏291次。基于深度学习的股票预测数据获取数据转换LSTM模型搭建训练模型预测结果数据获取采用tushare的数据接口(不知道tushare的筒子们自行百度一下,简而言之其免费提供各类金融数据 , 助力智能投资与创新型投资。)python可以直接使用pip安装tushare!pip install tushareCollecting tushare Downloading https://files.pythonhosted.org/packages/17/76/dc6784a1c07ec040e74_基于深度学习的股票操纵识别研究python代码
文章浏览阅读2k次。【IT168 厂商动态】 近日,北京中科网威(NETPOWER)工业级防火墙通过了中国电力工业电力设备及仪表质量检验测试中心(厂站自动化及远动)测试,并成为中国首家通过电力协议访问控制专业测评的工业级防火墙生产厂商。 北京中科网威(NETPOWER)工业级防火墙专为工业及恶劣环境下的网络安全需求而设计,它采用了非X86的高可靠嵌入式处理器并采用无风扇设计,整机功耗不到22W,具备极_电力行业防火墙有哪些
文章浏览阅读206次。/*烟台大学计算机学院 作者:董玉祥 完成日期: 2017 12 3 问题描述:二叉树排序树中查找的路径 */#include #include #define MaxSize 100typedef int KeyType; //定义关键字类型typedef char InfoType;typedef struct node
文章浏览阅读775次。当时老师一定会告诉你,这个一个"warning"的报警,可以不用管它,也确实如此。不过,这条报警信息我们至少可以知道一点,就是scanf函数调用完之后是有一个返回值的,下面我们就要对scanf返回值进行详细的讨论。并给出在编程时利用scanf的返回值可以实现的一些功能。_c语言ignoring return value
文章浏览阅读9.6k次。十四五规划下,数据安全成为国家、社会发展面临的重要议题,《数据安全法》《个人信息保护法》《关键信息基础设施安全保护条例》已陆续施行。如何做好“数据安全建设”是数字时代的必答题。_数字医疗服务保障方案