[原]百香菜
栏目: JavaScript · 发布时间: 5年前
内容简介：spring boot好像喜欢采用thymeleaf(百香叶)来做模板。作为一个从.net过来的程序员，我觉得thymeleaf对母板页的理解不到位，甚至是发生了偏差。thymeleaf与asp.net的razor对母板页的理解和处理，是截然不同的。
spring boot好像喜欢采用thymeleaf(百香叶)来做模板。
作为一个从.net过来的程序员，我觉得thymeleaf对母板页的理解不到位，甚至是发生了偏差。
thymeleaf与asp.net的razor对母板页的理解和处理，是截然不同的。
razor：
具体页套用一个母板页，将个性化内容写到母板页指定的相关区域。因此，具体页只有个性化的内容。
thymeleaf：
没有一个所谓的母板页，而是各种支离破碎的公用片段。具体页须自己去组织这些公用片段，这里引用一点，那里引用一点，缝百衲衣呢。好一个海纳百川。
大家都说它很灵活，语法很强。问你死未。
话是这么说，但我还要捏着鼻子记录一下“心得”：
话说有一个片段集合文件：_index.html，里面定义了2个公用片段：header，js
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:fragment="header">
<meta charset="utf-8" />
<style type="text/css">
body{
margin:0;
padding:0;
background-color: #8EACDE;
}
</style>
<script th:src="@{/js/jquery-1.11.1.min.js}" src="../js/jquery-1.11.1.min.js" type="text/javascript"></script>
</head>
<body>
<div></div>
</body>
<script th:fragment="js">
alert("hello world!");
</script>
</html>
好，具体页要用它们啦：
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<title>统计结果</title>
<th:block th:include="_index :: header" /> <!-- 引入片段header -->
<style type="text/css">
#container{
height: 300px;
}
</style>
<script src="http://192.168.0.211/pubzy/echarts3/echarts.min.js"></script>
</head>
<body>
<div id="container"></div>
</body>
<script type="text/javascript">
<th:block th:include="_index :: js" /> <!-- 引入片段js -->
</script>
thymeleaf3.0好像有所改善，但百衲衣的核心思想并没有改变。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持 码农网
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
