Spring Boot 2学習ノート--thymeleaf

サマリ
この記事を読むと、次のような知識が得られます.

Spring Boot(2.0.4)でthymeleaf(3.0.9)を使用する一般的な構文

プロジェクトの準備
に頼る

    org.springframework.boot
    spring-boot-starter-thymeleaf

スプリングbootによるthymeleafのサポートを開始

##thymeleaf
spring.thymeleaf.enabled=true
spring.thymeleaf.prefix=classpath:/templates/
spring.thymeleaf.suffix=.html
spring.thymeleaf.encoding=UTF-8
spring.thymeleaf.mode=HTML
#      
spring.thymeleaf.cache=false
spring.thymeleaf.servlet.content-type=text/html

@Beanでサポートを開始することもできます

    @Bean
    public ThymeleafViewResolver thymeleafViewResolver(){
        log.info("thymeleafViewResolver");
        ThymeleafViewResolver viewResolver = new ThymeleafViewResolver();
        viewResolver.setTemplateEngine(templateEngine());
        viewResolver.setOrder(1);
        viewResolver.setCharacterEncoding("UTF-8");
        viewResolver.setContentType("text/html");
        viewResolver.setCache(false);
        return viewResolver;
    }

    @Bean
    public SpringResourceTemplateResolver templateResolver(){
        SpringResourceTemplateResolver templateResolver = new SpringResourceTemplateResolver();
        templateResolver.setApplicationContext(this.applicationContext);
        templateResolver.setPrefix("classpath:/templates/");
        templateResolver.setSuffix(".html");        
        templateResolver.setTemplateMode(TemplateMode.HTML);
        templateResolver.setCacheable(false);
        return templateResolver;
    }

    @Bean
    public SpringTemplateEngine templateEngine(){
        SpringTemplateEngine templateEngine = new SpringTemplateEngine();
        templateEngine.setTemplateResolver(templateResolver());
        templateEngine.setEnableSpringELCompiler(true);
        return templateEngine;
    }

htmlページを開くthymeleaf構文のサポート

構文
各種式の構文
1.${...}バックグラウンドから渡された変数(requestとsessionの値)を示す変数式

          
<span th:text="${dataObj.name}"/>
<span>[[${dataObj.name}]]</span>

     ，      ，       ，          
<input type="checkbox" name="accessTypes" th:value="${item.id}+'_'+${type.id}" checked="checked"/> [[${type.name}]
<input type="checkbox" name="accessTypes" th:value="${|${item.id}_${type.id}|}" checked="checked"/> [[${type.name}]

#dates java.util.Date       ，   、        
<td th:text="${#dates.format(item.logTime, 'yyyy-MM-dd')}"/>
<td>[[${#dates.format(item.logTime, 'yyyy-MM-dd')}]]</td>
</code></pre> 
 <p>2.#{...}         ，    message.properties            </p> 
 <pre><code><input type="checkbox" name="selectAll" id="selectAll" th:text="#{common.choose}"/>

            ，        
<strong th:text="#{common.page.summary(${_pageBean.pageCount},${_pageBean.total})}">

          
<td th:text="#{common.operate}"/>
<td>[[#{common.operate}]]</td>
</strong></code></pre> 
 <p>3.@{...}   url   ，    url， contextPath  </p> 
 <pre><code><link th:href="@{/resource/css/netqin.css}" rel="stylesheet"/>
                
<script type="text/javascript" th:src="@{|/resource/js/i18n/list.#{locale}.js|}"/>
      url，       

</code></pre> 
 <p>4.js css                </p> 
 <pre><code>var modify = "[[${modify}]]";
if(modify != "add"){
    $("#password").attr("placeholder","[[#{user.detail.changeNotice}]]");
}
</code></pre> 
 <p>5.*{...}        ，        ，    th:object    </p> 
 <pre><code><div th:object="${user}">
    <p>firstName: <span th:text="*{firstName}"/></p>
    <p>lastName: <span th:text="*{lastName}"/></p>
</div>
   
<div>
    <p>firstName: <span th:text="${user.firstName}"/></p>
    <p>lastName: <span th:text="${user.lastName}"/></p>
</div>
</code></pre> 
 <p>6.~{...}       ，   html        <br/>   ：~{templatename::fragmentname}<br/>   ：<br/> common/model.html，th:fragment="header"       </p> 
 <pre><code>


<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta http-equiv="Pragma" content="no-cache"/>
<meta http-equiv="Cache-Control" content="no-cache"/>
<meta http-equiv="Expire" content="0"/>
<link th:href="@{/resource/css/bootstrap.min.css}" rel="stylesheet"/>
<link th:href="@{/resource/css/ace.min.css}" rel="stylesheet"/>
<link rel="stylesheet" th:href="@{/resource/css/font-awesome.min.css}"/>
<script th:src="@{/resource/js/jquery-1.11.0.min.js}"/>




</code></pre> 
 <p>demo.html，th:replace="common/model::header"，    ::     </p> 
 <pre><code>

<header th:replace="common/model::header"/>




</code></pre> 
 <p>  ：          th  （th:insert，th:replace，th:include）    。</p> 
 <pre><code>th:insert：              th:insert HTML   ，
th:replace：             th:replace HTML   ，
th:include：                 th:include HTML   ，
</code></pre> 
 <h3>  </h3> 
 <h4>    </h4> 
 <pre><code><tr th:each="item:${results}">
<td>
    <input type="checkbox" name="ids" th:value="${item.id}" class="noborder"/>
</td>
<td th:text="${item.id}"/>
<td>
    [[${#dates.format(item.logTime, 'yyyy-MM-dd')}]]
</td>
<td th:text="${item.logDesc}"/>
<td th:text="${item.logUser}"/>
</tr>
</code></pre> 
 <h4>        </h4> 
 <pre><code><tr th:each="item,status:${results}" th:class="${status.odd}? 'odd':'even'">
<td>
    <input type="checkbox" name="ids" th:value="${item.id}" class="noborder"/>
</td>
<td th:text="${item.id}"/>
<td>
    [[${#dates.format(item.logTime, 'yyyy-MM-dd')}]]
</td>
<td th:text="${item.logDesc}"/>
<td th:text="${item.logUser}"/>
</tr>
</code></pre> 
 <ul> 
  <li>    </li> 
 </ul> 
 <pre><code>  index：      ， 0  
  count：      ， 1  
  size：     
  current：      iter  
  even/odd：     even  odd，    
  first：        ，    
  last：         ，    
</code></pre> 
 <h4>          </h4> 
 <pre><code>th:with：      ，        
<span th:each="type,status:${accessTypes}" th:with="shwoName=${item.id}+'_'+${item.name}">
[[${shwoName}]]
<span th:if="${not status.last}">,</span>  
</span>
</code></pre> 
 <h3>    </h3> 
 <h4>th:if</h4> 
 <pre><code>   true     div，authorities Set  ，             #sets.contains()  ，       #arrays.contains()      
<div th:if="${dataObj.reserved}">
    <li th:each="item:${dataObj.authorities}">
        <input type="checkbox" name="authorities" th:value="${item.id}" th:if="${dataObj.authorities ==null or not #sets.contains(dataObj.authorities,item)}"/>
        <input type="checkbox" name="authorities" th:value="${item.id}" checked="checked" th:if="${dataObj.authorities !=null and #sets.contains(dataObj.authorities,item)}"/>
        <span th:text="${item.showNameRole}"/>
    </li>
</div>

      false     div，         false，    th:unless
<div th:if="${dataObj.reserved==false}">
    <li th:each="item:${dataObj.authorities}">
        <input type="checkbox" name="authorities" th:value="${item.id}"/><span th:text="${item.showNameRole}"/>
    </li>
</div>

<div th:unless="${dataObj.reserved}">
    <li th:each="item:${dataObj.authorities}">
        <input type="checkbox" name="authorities" th:value="${item.id}"/><span th:text="${item.showNameRole}"/>
    </li>
</div>

</code></pre> 
 <ul> 
  <li>th:if        true</li> 
 </ul> 
 <pre><code>     null
    boolean  true
        0
        0
          ：“false”，“off”，“no”
    object,   null
</code></pre> 
 <h4>th:switch   th:case</h4> 
 <pre><code>bool  
<div th:switch="${dataObj.reserved}">
    <p th:case="true">true</p>
    <p th:case="false">false</p>
</div>

     ，     
<div th:switch="${item.showNameRole}">
    <p th:case="'admin'">administrator</p>
    <p th:case="'manager'">manager</p>
</div>

<div th:switch="${item.showNameRole}">
    <p th:case="'admin'">administrator</p>
    <p th:case="'manager'">manager</p>
    <p th:case="*">unknow</p>
</div>


</code></pre> 
 <ul> 
  <li>  ：th:case="*"               </li> 
 </ul> 
 <h3>   </h3> 
 <ul> 
  <li>     </li> 
 </ul> 
 <pre><code>　　+ : ${item.id}+'_'+${type.id}
　　|xxxx| : |The name is ${name}|
</code></pre> 
 <ul> 
  <li>    </li> 
 </ul> 
 <pre><code>　　+ , - , * , / , %  (     )
　　-  :  （     ）
</code></pre> 
 <ul> 
  <li>    </li> 
 </ul> 
 <pre><code>　　and : ,or :  (     )
　　!,not : （     ）
</code></pre> 
 <ul> 
  <li>     </li> 
 </ul> 
 <pre><code>　　> , < , >= , <= (gt , lt , ge , le)
　　== , != (eq, ne)
</code></pre> 
 <h3>       </h3> 
 <pre><code>  #dates  java.util.Date       ，   、        
  #calendars   #dates， java.util.Calendar    
  #numbers             
  #strings  java.lang.String       ：contains、startsWith、prepending/appending  
  #objects          
  #bools            
  #arrays          
  #lists          
  #sets   set     
  #maps   map     
  #aggregates                  
  #messages                      ， #{…}         
  #ids           （  ，       ） id       
</code></pre> 
 <h2>  springsecurity       </h2> 
 <p>    </p> 
 <pre><code><!--         springsecurity4，                 -->
<dependency>
    <groupid>org.thymeleaf.extras</groupid>
    <artifactid>thymeleaf-extras-springsecurity4</artifactid>
    <version>3.0.2.RELEASE</version>
</dependency>
</code></pre> 
 <p>        </p> 
 <pre><code>


     jsp    ：

<button class="btn btn-danger btn-xs" id="delete" th:text="#{common.delete}" sec:authorize="hasRole('LOGGER_DELETE')"/>

</code></pre> 
 <h2>  spring   bean   </h2> 
 <p>  ：${@beanName.methodName(param,...)}<br/>   ：beanName        <br/>   ：</p> 
 <pre><code>#httpSession  javax.servlet.http.HttpSession  
#httpServletRequest  javax.servlet.http.HttpServletRequest  
<span th:text="${@commonService.clearSessionMessage(#httpServletRequest)}" style="display: none"/>
</code></pre> 
 <h2>    </h2> 
 <ul> 
  <li>https://www.cnblogs.com/itdragon/archive/2018/04/13/8724291.html</li> 
  <li>https://blog.csdn.net/abap_brave/article/details/53009149</li> 
 </ul> 
</article>
                            </div>
                        </div>