[原]百香菜

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好像有所改善，但百衲衣的核心思想并没有改变。