Spring+SpringMVC+Thymeleafプロジェクト構築

3002 ワード
前言:本文は前編の内容-spring+SpringMVCプロジェクトに基づいて構築する
Thymeleafの概要
ThymeleafはXML/XHTML/HTML 5テンプレートエンジンで、Webと非Webアプリケーションに使用できます.Thymeleafの大きな特徴は、html形式のファイルをテンプレートとして使用することをサポートしていることです.これはJSPに比べて小さな変更ですが、htmlファイルは直接ブラウザで表示することができるため、影響が大きいです.Thymeleafのもう一つの大きな特徴はそのラベル文法であり、プログラムの中でそのラベルは実行コードであり、プログラム外でブラウザを通じてhtmlファイルを直接表示する場合、そのラベルはコンテンツに少しも影響を与えないため、作業中のUI、フロントエンド、開発間の協力が便利である.個人的な観点は、参考に供するだけです.
  • SpringMVC環境の構築後、簡単な変更をするだけでSPテンプレートをThymeleafテンプレートに置き換えることができます.
  • pom.xmlファイルの変更、Thymeleafテンプレートの構成に必要な依存、SpringでサポートされているJARパッケージへの依存
    • <dependency>
	<groupId>org.thymeleaf</groupId>
	<artifactId>thymeleaf</artifactId>
	<version>2.1.4.RELEASE</version>
</dependency>
<dependency>
	<groupId>org.thymeleaf</groupId>
	<artifactId>thymeleaf-spring4</artifactId>
	<version>2.1.4.RELEASE</version>
</dependency>
  • アプリケーションContext-servletを修正する.xmlファイル構成
    • <!--    JSP        -->
<!-- <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/WEB-INF/views/"></property>
        <property name="suffix" value=".jsp"></property>
    </bean> -->
	
<!-- Thymeleaf         -->
<bean id="templateResolver" class="org.thymeleaf.templateresolver.ServletContextTemplateResolver">
    <property name="prefix" value="/WEB-INF/templates/" />
    <property name="suffix" value=".html" />
    <property name="templateMode" value="HTML5" />
</bean>
    
<bean id="templateEngine" class="org.thymeleaf.spring4.SpringTemplateEngine">
    <property name="templateResolver" ref="templateResolver" />
</bean>
	
<!--         -->
<bean class="org.thymeleaf.spring4.view.ThymeleafViewResolver">
    <property name="templateEngine" ref="templateEngine" />
    <property name="order" value="1" />
    <!-- <property name="viewNames" value="*.html,*.xhtml" /> -->
</bean>
  • よし、改造完了.次は小さなテストをしますJAvaファイルはそのまま、ビュー解析器の構成に従って、ディレクトリ/WEB-INF/templates/の下にMyTestを作成する.htmlファイルは、Thymeleafの参照を導入し、簡単なラベルを書いてテストします.
    • <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8"></meta>
<title>Insert title here</title>
</head>
<body>
<span th:text="Hello">This is MyTest page with Thymeleaf!</span>
</body>
</html>
  • これで、プロジェクトのパッケージング、導入、アクセスhttp://localhost:8080/SpringDemo/myTestと、ページに「Hello」と表示されているのを見て終了.Thymeleafをうまく使いたければ、いろいろなラベルや使い方を学ぶことが欠かせません.
    • [ESNext]今すぐ勉強します:class
    typescript配列ソートのカスタム優先ソート