[原]百香菜
栏目: JavaScript · 发布时间: 6年前
内容简介：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好像有所改善，但百衲衣的核心思想并没有改变。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持 码农网
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
技术之瞳——阿里巴巴技术笔试心得
阿里巴巴集团校园招聘笔试项目组 / 电子工业出版社 / 2016-11 / 69
《技术之瞳——阿里巴巴技术笔试心得》由阿里巴巴集团校园招聘笔试项目组所著，收集了阿里历年校招中的精华笔试题，涉 及多个领域。《技术之瞳——阿里巴巴技术笔试心得》中内容大量结合了阿里巴巴的实际工作场景，以例题、解析、习题的形式，引 导读者深入理解技术上的关键点、紧要处，夯实基础，启发思考。《技术之瞳——阿里巴巴技术笔试心得》内容不仅专业、有趣，更 是将理论知识与实践应用结合起来，以场景化的问答娓娓道......一起来看看 《技术之瞳——阿里巴巴技术笔试心得》 这本书的介绍吧!
