Spring Boot - Foglia di timone

Thymeleaf è una libreria basata su Java utilizzata per creare un'applicazione web. Fornisce un buon supporto per servire un XHTML / HTML5 nelle applicazioni web. In questo capitolo, imparerai in dettaglio su Thymeleaf.

Modelli di foglia di timone

Thymeleaf converte i tuoi file in file XML ben formati. Contiene 6 tipi di modelli come indicato di seguito:

  • XML
  • XML valido
  • XHTML
  • XHTML valido
  • HTML5
  • HTML5 precedente

Tutti i modelli, ad eccezione di Legacy HTML5, fanno riferimento a file XML validi ben formati. L'HTML5 precedente ci consente di visualizzare i tag HTML5 nella pagina web, inclusi i tag non chiusi.

Applicazione web

È possibile utilizzare i modelli Thymeleaf per creare un'applicazione Web in Spring Boot. Dovrai seguire i passaggi seguenti per creare un'applicazione web in Spring Boot utilizzando Thymeleaf.

Utilizzare il codice seguente per creare un file di classe @Controller per reindirizzare l'URI della richiesta al file HTML -

package com.tutorialspoint.demo.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
public class WebController {
   @RequestMapping(value = "/index")
   public String index() {
      return "index";
   }
}

Nell'esempio precedente, l'URI della richiesta è /indexe il controllo viene reindirizzato al file index.html. Notare che il file index.html deve essere posizionato nella directory dei modelli e tutti i file JS e CSS devono essere posizionati nella directory statica in classpath. Nell'esempio mostrato, abbiamo utilizzato il file CSS per cambiare il colore del testo.

È possibile utilizzare il codice seguente e creare un file CSS in una cartella separata css e denomina il file come styles.css -

h4 {
   color: red;
}

Il codice per il file index.html è fornito di seguito:

<!DOCTYPE html>
<html>
   <head>
      <meta charset = "ISO-8859-1" />
      <link href = "css/styles.css" rel = "stylesheet"/>
      <title>Spring Boot Application</title>
   </head>
   <body>
      <h4>Welcome to Thymeleaf Spring Boot web application</h4>
   </body>
</html>

L'esploratore del progetto è mostrato nella schermata riportata di seguito:

Ora, dobbiamo aggiungere la dipendenza Spring Boot Starter Thymeleaf nel nostro file di configurazione della build.

Gli utenti Maven possono aggiungere la seguente dipendenza nel file pom.xml:

<dependency>
   <groupId>org.springframework.boot</groupId>
   <artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>

Gli utenti Gradle possono aggiungere la seguente dipendenza nel file build.gradle:

compile group: 'org.springframework.boot', name: 'spring-boot-starter-thymeleaf'

Di seguito è riportato il codice per il file di classe dell'applicazione Spring Boot principale:

package com.tutorialspoint.demo;

import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;

@SpringBootApplication
public class DemoApplication {
   public static void main(String[] args) {
      SpringApplication.run(DemoApplication.class, args);
   }
}

Il codice per Maven - pom.xml è dato di seguito -

<?xml version = "1.0" encoding = "UTF-8"?>
<project xmlns = "http://maven.apache.org/POM/4.0.0" 
   xmlns:xsi = "http://www.w3.org/2001/XMLSchema-instance"
   xsi:schemaLocation = "http://maven.apache.org/POM/4.0.0 
   http://maven.apache.org/xsd/maven-4.0.0.xsd">
   
   <modelVersion>4.0.0</modelVersion>
   <groupId>com.tutorialspoint</groupId>
   <artifactId>demo</artifactId>
   <version>0.0.1-SNAPSHOT</version>
   <packaging>jar</packaging>
   <name>demo</name>
   <description>Demo project for Spring Boot</description>

   <parent>
      <groupId>org.springframework.boot</groupId>
      <artifactId>spring-boot-starter-parent</artifactId>
      <version>1.5.8.RELEASE</version>
      <relativePath />
   </parent>

   <properties>
      <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
      <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
      <java.version>1.8</java.version>
   </properties>

   <dependencies>
      <dependency>
         <groupId>org.springframework.boot</groupId>
         <artifactId>spring-boot-starter-web</artifactId>
      </dependency>

      <dependency>
         <groupId>org.springframework.boot</groupId>
         <artifactId>spring-boot-starter-test</artifactId>
         <scope>test</scope>
      </dependency>

      <dependency>
         <groupId>org.springframework.boot</groupId>
         <artifactId>spring-boot-starter-thymeleaf</artifactId>
      </dependency>
   </dependencies>

   <build>
      <plugins>
         <plugin>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-maven-plugin</artifactId>
         </plugin>
      </plugins>
   </build>
   
</project>

Il codice per Gradle - build.gradle è fornito di seguito -

buildscript {
   ext {
      springBootVersion = '1.5.8.RELEASE'
   }
   repositories {
      mavenCentral()
   }
   dependencies {
      classpath("org.springframework.boot:spring-boot-gradle-plugin:${springBootVersion}")
   }
}

apply plugin: 'java'
apply plugin: 'eclipse'
apply plugin: 'org.springframework.boot'

group = 'com.tutorialspoint'
version = '0.0.1-SNAPSHOT'
sourceCompatibility = 1.8

repositories {
   mavenCentral()
}
dependencies {
   compile('org.springframework.boot:spring-boot-starter-web')
   compile group: 'org.springframework.boot', name: 'spring-boot-starter-thymeleaf'
   testCompile('org.springframework.boot:spring-boot-starter-test')
}

È possibile creare un file JAR eseguibile ed eseguire l'applicazione di avvio primaverile utilizzando i seguenti comandi Maven o Gradle:

Per Maven, utilizzare il comando come mostrato di seguito:

mvn clean install

Dopo "BUILD SUCCESS", è possibile trovare il file JAR nella directory di destinazione.

Per Gradle, utilizzare il comando come mostrato di seguito:

gradle clean build

Dopo "BUILD SUCCESSFUL", è possibile trovare il file JAR nella directory build / libs.

Esegui il file JAR utilizzando il comando fornito qui -

java –jar <JARFILE>

Ora, l'applicazione è stata avviata sulla porta Tomcat 8080 come mostrato di seguito:

Ora premi l'URL nel tuo browser web e puoi vedere l'output come mostrato -

http://localhost:8080/index