Thymeleaf css 问题? - IT屋-程序员软件开发技术分享社区
Thymeleaf css 问题?
[英] Thymeleaf problems css?
本文介绍了Thymeleaf css 问题?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在使用这个库 thymeleaf-layout-dialect
我的布局方言....
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/百里香叶/布局"><头><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/><title layout:title-pattern="$DECORATOR_TITLE - $CONTENT_TITLE">NextInfo</title><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/><link rel="stylesheet" type="text/css" href="../../../resources/css/animate.css" th:href="@{'resources/css/animate.css'}"/><link rel="stylesheet" type="text/css" href="../../../resources/css/semantic.min.css" th:href="@{'resources/css/semantic.min.css'}"/>头部><身体><div class="ui stackable blue reverse menu"><a class="正确的项目"><i class="主页图标"></i>伊尼西奥</a><a class="item"><i class="电话图标"></i>电话</a><a class="item"><i class="邮件大纲图标"></i>电子邮件</a><a class="item"><i class="聊天图标"></i>支持</a><div class="ui category search item" style="margin-right:40px"><div class="ui 透明图标输入"><input class="prompt" type="text" placeholder="pesquisar ..."/><i class="搜索链接图标"></i>
<div class="results"></div>
<div id="header" layout:fragment="header"></div><div id="content" layout:fragment="content"></div><div id="footer" layout:fragment="footer"></div><script src="../../../resources/js/jquery.min.js" data-th-src="@{resources/js/jquery.min.js}"></脚本><script src="../../../resources/js/semantic.min.js" data-th-src="@{resources/js/semantic.min.js}"></脚本>
</html>
我创建了一个布局,如链接所示
我的家庭控制器
@Controller@RequestMapping(value ={"/","/home"})公开课校长{private final static String URLINICIAL = "index";@RequestMapping(value ={"/","/home"} ,method=RequestMethod.GET)公共字符串 requisicaoPadrao() {返回网址;}@ResponseBody@RequestMapping(value = "/testes", method=RequestMethod.GET)公共 <T>对象睾丸(){返回空;}}
index.html
<html xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" layout:decorator="/模板/布局/默认"><头>头部><身体><div layout:fragment="header"><h1>index</h1></div><div layout:fragment="content"></div></html>
创建新视图
<html xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" layout:decorator="/模板/布局/默认"><头><title>testPage</title>头部><身体><h1>睾丸</h1><div layout:fragment="header"><h1>testPage</h1></div><div layout:fragment="content"></div></html>
新控制器
我需要在类上方添加@RequestMapping 注释.
@Controller@RequestMapping("/test")公共类测试控制器{@RequestMapping(value = "/", method=RequestMethod.GET)公共字符串索引(){返回测试页";}}
如您所见,它不起作用......如何解决?
解决方案
我设法通过改变这个
<script src="../../../resources/js/jquery.min.js" data-th-src="@{resources/js/jquery.min.js}"></script>
为了
<script src="/web/resources/js/lib/jquery.min.js"></script>
我没有使用特定的标签 thymeleaf
I am using this library thymeleaf-layout-dialect
my layout dialect....
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title layout:title-pattern="$DECORATOR_TITLE - $CONTENT_TITLE">NextInfo</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<link rel="stylesheet" type="text/css" href="../../../resources/css/animate.css" th:href="@{'resources/css/animate.css'}"/>
<link rel="stylesheet" type="text/css" href="../../../resources/css/semantic.min.css" th:href="@{'resources/css/semantic.min.css'}"/>
</head>
<body>
<div class="ui stackable blue inverted menu">
<a class="right item ">
<i class="home icon"></i>
Inicio
</a>
<a class="item">
<i class="phone icon"></i>
Telefones
</a>
<a class="item">
<i class="mail Outline icon"></i>
Email
</a>
<a class="item">
<i class="chat icon"></i>
Suporte
</a>
<div class="ui category search item" style="margin-right:40px">
<div class="ui transparent icon input">
<input class="prompt" type="text" placeholder=" pesquisar ..." />
<i class="search link icon"></i>
</div>
<div class="results"></div>
</div>
</div>
<div id="header" layout:fragment="header"></div>
<div id="content" layout:fragment="content"></div>
<div id="footer" layout:fragment="footer"></div>
<script src="../../../resources/js/jquery.min.js" data-th-src="@{resources/js/jquery.min.js}"></script>
<script src="../../../resources/js/semantic.min.js" data-th-src="@{resources/js/semantic.min.js}"></script>
</body>
</html>
I created a layout as shown in the link
My home controller
@Controller
@RequestMapping(value ={"/","/home"})
public class Principal {
private final static String URLINICIAL = "index";
@RequestMapping(value ={"/","/home"} ,method=RequestMethod.GET)
public String requisicaoPadrao() {
return URLINICIAL;
}
@ResponseBody
@RequestMapping(value = "/testes", method=RequestMethod.GET)
public <T> Object testes() {
return null;
}
}
index.html
<html xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" layout:decorator="/templates/layouts/default">
<head>
</head>
<body>
<div layout:fragment="header"><h1>index</h1></div>
<div layout:fragment="content"></div>
</body>
</html>
creating a new view
<html xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" layout:decorator="/templates/layouts/default">
<head>
<title>testPage</title>
</head>
<body>
<h1>teste</h1>
<div layout:fragment="header"><h1>testPage</h1></div>
<div layout:fragment="content"></div>
</body>
</html>
new controller
I need @RequestMapping annotation above the class.
@Controller
@RequestMapping("/test")
public class TestController {
@RequestMapping(value = "/", method=RequestMethod.GET)
public String index(){
return "testpage";
}
}
As you can see it does not work ....
How to solve?
解决方案
I managed to solve just by changing this
<script src="../../../resources/js/jquery.min.js" data-th-src="@{resources/js/jquery.min.js}"></script>
for
<script src="/web/resources/js/lib/jquery.min.js"></script>
I did not used the specific tags thymeleaf
这篇关于Thymeleaf css 问题?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文