thymeleaf – Marcelus Trojahn

December 29, 2016

SpringBoot + Thymeleaf + i18n (Internationalization)

Hello again. This week I had to study how to implement i18n in a Spring Boot + Thymeleaf CRM application I am developing. Spring Boot really makes it easy to setup but while I was searching about it on the Web I found a lot of misinformation and so I decided to make a post about it. As usual, you can find the complete project on Github: https://github.com/mtrojahn/springboot-thymeleaf-i18n. Let’s start by the pom.xml:

<?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.marcelustrojahn</groupId>
    <artifactId>springboot-thymeleaf-i18n</artifactId>
    <version>1.0-SNAPSHOT</version>
    <packaging>jar</packaging>

    <name>springboot-thymeleaf-i18n</name>
    <description>Example on how to implement i18n with Spring Boot and Thymeleaf</description>

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

    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>1.4.3.RELEASE</version>
        <relativePath/> <!-- lookup parent from repository -->
    </parent>

    <dependencies>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>
        <dependency>
            <groupId>org.codehaus.groovy</groupId>
            <artifactId>groovy</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-devtools</artifactId>
            <optional>true</optional>
        </dependency>
    </dependencies>

    <build>
        <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
            </plugin>
            <plugin>
                <groupId>org.codehaus.gmavenplus</groupId>
                <artifactId>gmavenplus-plugin</artifactId>
                <version>1.5</version>
                <executions>
                    <execution>
                        <goals>
                            <goal>addSources</goal>
                            <goal>addTestSources</goal>
                            <goal>generateStubs</goal>
                            <goal>compile</goal>
                            <goal>testGenerateStubs</goal>
                            <goal>testCompile</goal>
                            <goal>removeStubs</goal>
                            <goal>removeTestStubs</goal>
                        </goals>
                    </execution>
                </executions>
            </plugin>
        </plugins>
    </build>
</project>

<?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">

<groupId>com.marcelustrojahn</groupId>

<artifactId>springboot-thymeleaf-i18n</artifactId>

<version>1.0-SNAPSHOT</version>

<name>springboot-thymeleaf-i18n</name>

<description>Example on how to implement i18n with Spring Boot and Thymeleaf</description>

<project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>

<project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>

<java.version>1.8</java.version>

</properties>

<groupId>org.springframework.boot</groupId>

<artifactId>spring-boot-starter-parent</artifactId>

<version>1.4.3.RELEASE</version>

</parent>

<groupId>org.springframework.boot</groupId>

<artifactId>spring-boot-starter-thymeleaf</artifactId>

</dependency>

<groupId>org.codehaus.groovy</groupId>

<artifactId>groovy</artifactId>

</dependency>

<groupId>org.springframework.boot</groupId>

<artifactId>spring-boot-devtools</artifactId>

</dependency>

</dependencies>

<build>

<groupId>org.springframework.boot</groupId>

<artifactId>spring-boot-maven-plugin</artifactId>

</plugin>

<groupId>org.codehaus.gmavenplus</groupId>

<artifactId>gmavenplus-plugin</artifactId>

<goals>

<goal>addSources</goal>

<goal>addTestSources</goal>

<goal>generateStubs</goal>

<goal>compile</goal>

<goal>testGenerateStubs</goal>

<goal>testCompile</goal>

<goal>removeStubs</goal>

<goal>removeTestStubs</goal>

</goals>

</execution>

</executions>

</plugin>

</plugins>

</build>

</project>

Application.groovy

package com.marcelustrojahn.boot

import org.springframework.boot.SpringApplication
import org.springframework.boot.autoconfigure.SpringBootApplication
import org.springframework.context.annotation.ComponentScan


@SpringBootApplication
@ComponentScan(basePackages = ["com.marcelustrojahn.controllers"])
class Application {

    static void main(String[] args) {
        SpringApplication.run(Application, args)
    }
}

package com.marcelustrojahn.boot

import org.springframework.boot.SpringApplication

import org.springframework.boot.autoconfigure.SpringBootApplication

import org.springframework.context.annotation.ComponentScan

@SpringBootApplication

@ComponentScan(basePackages = ["com.marcelustrojahn.controllers"])

class Application {

static void main(String[] args) {

SpringApplication.run(Application, args)

}

As you can see, Application.groovy is pretty much the default for any Spring Boot application. I only changed @ComponentScan to lookup the package that...

Tutorial

August 23, 2016

Spring Boot / Thymeleaf: Fragments via Ajax

This is probably not the best approach and you guys can feel free to correct me in the comments section, but here is a simple tutorial on how I’m getting my fragments loaded via ajax. Same as before, the full project is on my Github: https://github.com/mtrojahn/spring-thymeleaf-fragments-from-ajax Let’s get to it: MyController.groovy

@Controller
class MyController {

    @GetMapping(['/', '/index.html'])
    def index(Model model) {
        'index'
    }

    @GetMapping('/frag1')
    def frag1(Model model) {
        model.addAttribute("content", "hello")
        "fragments/frag1 :: content"
    }

    @GetMapping('/frag2')
    def frag2(Model model) {
        model.addAttribute("content", "world")
        "fragments/frag2 :: content"
    }
}

@Controller

class MyController {

@GetMapping(['/', '/index.html'])

def index(Model model) {

'index'

}

@GetMapping('/frag1')

def frag1(Model model) {

model.addAttribute("content", "hello")

"fragments/frag1 :: content"

}

@GetMapping('/frag2')

def frag2(Model model) {

model.addAttribute("content", "world")

"fragments/frag2 :: content"

}

Very simple controller. Nothing special except for the fact it’s returning Thymeleaf fragmets from /resources/templates/fragments. As you probably noticed, for the sake of this example, each fragment is recieving it’s “content” from the controller. Here’s a fragment: frag1.html

<th:block th:fragment="content" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
    <div th:text="${content}"></div>
</th:block>

<th:block th:fragment="content" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

</th:block>

Now the index.html

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <title>Title</title>

    <script src="webjars/jquery/3.1.0/jquery.js"></script>
</head>
<body>

<button id="bt1">Load Fragment 1</button>
<button id="bt2">Load Fragment 2</button>

<div id="content"></div>

<script>
    /*<![CDATA[*/
    $("#bt1").on("click", function () {
        $("#content").load("/frag1");
    });

    $("#bt2").on("click", function () {
        $("#content").load("/frag2");
    });
    /*]]>*/
</script>
</body>
</html>

<!DOCTYPE html>

<head>

<title>Title</title>

</head>

<body>

<button id="bt1">Load Fragment 1</button>

<button id="bt2">Load Fragment 2</button>

/*<![CDATA[*/

$("#bt1").on("click", function () {

$("#content").load("/frag1");

});

$("#bt2").on("click", function () {

$("#content").load("/frag2");

});

/*]]>*/

</script>

</body>

</html>

Each button has it’s event and is calling...

Tagged: thymeleaf

SpringBoot + Thymeleaf + i18n (Internationalization)

Like this:

Spring Boot / Thymeleaf: Fragments via Ajax

Like this:

Recent Posts

Categories

Archives

Tagged: thymeleaf

SpringBoot + Thymeleaf + i18n (Internationalization)

Share this:

Like this:

Spring Boot / Thymeleaf: Fragments via Ajax

Share this:

Like this:

Recent Posts

Categories

Archives