2. 程式人生 > >Spring boot(17) thymeleaf 使用類似於include的方式

Spring boot(17) thymeleaf 使用類似於include的方式

阿新 • • 發佈：2019-01-27

1.建立模板

secure_template.html

<!DOCTYPE html>
<!-- 僅作為模板使用,服務端不要直接返回 -->
<html xmlns:th="http://www.thymeleaf.org">
    <head>
        <title>許可權center</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link rel="stylesheet"
 
 type="text/css" th:href="@{/mg/css/table.css}" />
        <link rel="stylesheet" type="text/css" th:href="@{/mg/css/public.css}" />
        <script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
        <link href="//cdn.bootcss.com/bootstrap/3.0.1/css/bootstrap.min.css" rel="stylesheet"
 
/>
        <script src="//cdn.bootcss.com/bootstrap/3.0.1/js/bootstrap.js"></script>
    </head>
    <body>
        <div id="wrapper">
        <nav class="navbar navbar-default navbar-inverse navbar-fixed-top" role="navigation">
            <div class="navbar-header">
 

                <button type="button" class="navbar-toggle" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span
                        class="icon-bar"></span><span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#"><span class="glyphicon glyphicon-home">Home</span></a>
            </div>
            <div class="collapse navbar-collapse"
                id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="/mg/sercure_roles">角色列表</a></li>
                    <li><a href="/mg/sercure_accounts">使用者列表</a></li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">監控<strong class="caret"></strong></a>
                        <ul class="dropdown-menu">
                            <li><a href="#">使用者</a></li>
                            <li><a href="#">角色</a></li>
                            <li class="divider"></li>
                            <li><a href="#">日誌監控</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </nav>
        <div style="margin-top: 5%" th:include="this :: content"></div>
        <div id="footer">
            @ gaotianyue
        </div>
        </div>
    </body>
</html>

其中最重要的是th:include=”this :: content”

2使用方法

<!DOCTYPE html>
<html lang="zh-CN"
      xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org"
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      layout:decorator="secure_template">
<head>
<title>角色管理</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<link rel="stylesheet" type="text/css" th:href="@{/mg/css/table.css}" />
<link rel="stylesheet" type="text/css" th:href="@{/mg/css/public.css}" />
<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<link href="//cdn.bootcss.com/bootstrap/3.0.1/css/bootstrap.min.css" rel="stylesheet"/>
<script src="//cdn.bootcss.com/bootstrap/3.0.1/js/bootstrap.js"></script>
    <body>
        <div th:fragment="content" >
            <!-- 自己的內容 -->
            <div class="container"> 
            </div>
        </div>
    </body>
</html>

其中最重要的是 layout:decorator=”secure_template”
和div th:fragment=”content”

相關推薦

Spring boot(17) thymeleaf 使用類似於include的方式

1.建立模板 secure_template.html <!DOCTYPE html> <!-- 僅作為模板使用,服務端不要直接返回 --> <html xmlns

spring boot與thymeleaf頁面傳參兩種方式

1.利用ModelAndView物件向頁面傳參 @RequestMapping("/index/{p}.html")public ModelAndView  index(@PathVariable i

spring boot返回Josn的兩種方式

pre ges 取數據 獲取數據 路徑 spring wid tco resp [email protected]/* */ [email protected]/* */，[email protected]/* */ @[emai

Spring Boot：Thymeleaf篇

格式 驗證機制 html webapp 表單 freemark entity tac err Spring Boot幹貨系列：（四）Thymeleaf篇http://www.cnblogs.com/zheting/p/6707037.html 前言

Spring Boot使用thymeleaf模板時報異常：template might not exist or might not be accessible by any of the configured Template Resolvers

logs pla 開頭 spring 方法 temp ring mode acc 錯誤如下： template might not exist or might not be accessible by any of the configured Template R

spring-boot-starter-thymeleaf對沒有結束符的HTML5標簽解析出錯

pro 標記 end 解析 沒有 開啟 span htm spa springboot 在使用thymeleaf 作為模板時，當出現未關閉標簽時，如下所示代碼，標簽沒有關閉。 <link href="plugin/layui/css/layui.css" rel="

spring boot 與 thymeleaf (1): 國際化

javaee 文件內容 裏的 auto 簡體 第一次 1.0 i18n 自定義顯示 在thymeleaf 裏面有個消息表達式: #{...} , 可以借此來實現國際化. 在我使用這個功能的時候, 碰到了一個問題, 按照 JavaEE開發的顛覆者 Spring Boot實戰

spring boot 與 thymeleaf (3): 設置屬性、條件、遍歷、局部變量、優先級、內聯語法

負數 使用 cnblogs ttr price n) 原型 demo 解析結果 前面記錄了 thymeleaf 基本表達式, 這裏繼續看一下其他功能. 一. 設置屬性值 這裏的controller, html框架 還是沿用上一篇的部分. html: <div cl

Spring Boot + MyBatis + Thymeleaf實現簡單留言板應用

crud pro 點擊 htm drop lang data cati col Spring Boot + MyBatis + Thymeleaf實現簡單留言板應用 本項目主要介紹使用Spring Boot + MyBatis + Thymeleaf + Bootstrap

spring boot 對於thymeleaf配置html

需要加入： <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> 然後就可以使用 <input type="hidden" th:value="${error}"

Spring Boot 整合 Thymeleaf 模板引擎

原文地址：Spring Boot 整合 Thymeleaf 模板引擎 Thymeleaf 是適用於 Web 和獨立環境的現代伺服器端 Java 模板引擎。 Thymeleaf 的主要目標是為開發帶來優雅的模板 - Thymeleaf 模板對於瀏覽器來說這些非HTML標準屬性在渲染

Spring boot 整合Thymeleaf

前言 上一篇介紹了Spring Boot中整合Jsp，儘管Spring boot官方並不推薦使用Jsp~ 這篇文章將介紹如何整合官方所推薦的Thymeleaf模板引擎 簡單瞭解 首先新建專案，選擇模板引擎時，會有四個可以選擇 至於JSP技術Spring Boot官方

Spring Boot使用Thymeleaf模板引擎渲染web檢視

Spring Boot開發Web應用 原創   2018-04-03  宗野   Spring Boot Spring Boot快速入門中我們完成了一個簡單的RESTfu

Spring Boot整合thymeleaf使用、thymeleaf常用標籤、thymeleaf常用語法

Spring Boot 推薦使用 Thymeleaf 來代替 JSP，Thymeleaf 模板到底是什麼來頭呢，下面我們來聊聊。 Thymeleaf 介紹 Thymeleaf 是一款用於渲染 XML/XHTML/HTML 5 內容的模板引擎。類似 JSP、Velocity、FreeMaker

Spring Boot整合Thymeleaf實戰筆記，系統學習Thymeleaf

Thymeleaf1.理解：（1）Thymeleaf是一款Java模板引擎，類似於JSP,Freemarker,能夠處理html,xml,javaScript,Css甚至純文字；（2）自然模板，原型即頁面（3）語法優雅易懂，OGNL,SpringEL（4）使用web標準，支援HTML52.Thymeleaf標

Spring boot 整合Swagger的兩種方式

增加請求不被攔截 ,"/swagger-ui.html" ,"/swagger-resources/**" 方式1: <dependency> <groupId>io.springfox</groupId> &l

Spring-Boot 載入Bean的幾種方式

Spring從3.0之後，就逐步傾向於使用java code config方式來進行bean的配置，在spring-boot中，這種風格就更為明顯了。 在檢視spring-boot工程的時候，總想著探究一下spring-boot如何簡單的宣告一個starter、Enable××，就

Spring-Boot專案執行的三種方式以及簡單的構建

我來學習Spring-Boot的方法是，首先通過看視訊進行構造這個專案，然後慢慢擴充套件這個專案，在動手的操作中進行一些領悟，同時看一些書籍進行理論的基礎性系統學習。 本篇章的最後會記錄下Spring-Boot來構造maven專案的過程 1、用Spring-Boot來執行

Spring Boot整合Thymeleaf簡單例項

1、定義 Thymeleaf是一種用於Web和獨立環境的現代伺服器端的Java模板引擎。 2、簡單例項 （1）目錄結構 （2）MySpringBootApplication.java pa

spring boot使用thymeleaf模板的方法詳解

thymeleaf 是新一代的模板引擎，在spring4.0中推薦使用thymeleaf來做前端模版引擎。 前言 Thymeleaf 是一個跟 Velocity、FreeMarker 類似的模板引擎，它可以完全替代 JSP 。相較與其他的模板引擎，它有如下三個極吸引人的特點：