[原]百香菜

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


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Trading and Exchanges

Trading and Exchanges

Larry Harris / Oxford University Press, USA / 2002-10-24 / USD 95.00

This book is about trading, the people who trade securities and contracts, the marketplaces where they trade, and the rules that govern it. Readers will learn about investors, brokers, dealers, arbit......一起来看看 《Trading and Exchanges》 这本书的介绍吧!

SHA 加密
SHA 加密

SHA 加密工具

html转js在线工具
html转js在线工具

html转js在线工具

RGB CMYK 转换工具
RGB CMYK 转换工具

RGB CMYK 互转工具