[原]百香菜
栏目: JavaScript · 发布时间: 7年前
内容简介：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好像有所改善，但百衲衣的核心思想并没有改变。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持 码农网
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
翻转课堂的可汗学院
萨尔曼·可汗（Salman Khan） / 刘婧 / 浙江人民出版社 / 2014-4-1 / 49.00元
MIT和哈佛毕业的高材生缘何放弃金融分析师工作投身教育事业？YouTube上的“可汗学院频道”至今共吸引了163.3万订阅者，观看次数超过3.55亿次，它为什么如此大受欢迎？创始人萨尔曼·可汗阐述属于未来的教育理念——让地球上的任何人都能随时随地享受世界一流的免费教育！ 现行教育模式已有200余年历史，可汗认为，在互联网蓬勃发展、社交网络盛况空前的时代，免费、灵活、适合个体、全球共享的教育才......一起来看看 《翻转课堂的可汗学院》 这本书的介绍吧!
