SpringBoot：整合Thymeleaf及国际化处理

野性酷女 2022-03-31 09:43 265阅读 0赞

一，官方连接

\* Thymeleaf文档连接：[https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html][https_www.thymeleaf.org_doc_tutorials_3.0_usingthymeleaf.html]

\* SpringBoot整合连接（搜索Thymeleaf即可）：[https://docs.spring.io/spring-boot/docs/2.1.1.RELEASE/reference/htmlsingle/][https_docs.spring.io_spring-boot_docs_2.1.1.RELEASE_reference_htmlsingle]

二，模板依赖

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

三，配置文件

### thymeleaf配置信息
    # 不启用缓存
    spring.thymeleaf.cache=false
    # 文件地址前缀
    spring.thymeleaf.prefix=classpath:/static/thymeleaf/
    # 文件地址后缀, 此处使用html文件
    spring.thymeleaf.suffix=.html
    # 以utf-8进行编码
    spring.thymeleaf.encoding=UTF-8
    # 文件类型
    spring.thymeleaf.servlet.content-type=text/html

四，thymeleaf.html文件

<!DOCTYPE html>
    <html xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        
        <h1 th:text="#{locale.message}"></h1>
    
        <table>
            <tr>
                <th>USERNAME</th>
                <th>PASSWORD</th>
                <th>AGE</th>
            </tr>
            
            <tr th:each="user : ${users}">
                
                <td th:text="${user.userName}"></td>
                <td th:text="${user.password}"></td>
                <td th:text="${user.age}"></td>
            </tr>
        </table>
    
    </body>
    </html>

五，后台代码

\* Controller

package com.gupao.springboot.themyleaf.controller;
    
    import com.gupao.springboot.entitys.UserVO;
    import com.gupao.springboot.themyleaf.service.IUserThyService;
    import org.springframework.beans.factory.annotation.Autowired;
    import org.springframework.boot.autoconfigure.context.MessageSourceProperties;
    import org.springframework.stereotype.Controller;
    import org.springframework.ui.Model;
    import org.springframework.web.bind.annotation.RequestMapping;
    
    import java.util.List;
    
    /**
     * @author pj_zhang
     * @create 2019-01-02 21:45
     **/
    @Controller
    public class UserThyController {
    
        @Autowired
        private IUserThyService userThyService;
    
        @RequestMapping("userThy")
        public String findUser(Model model) {
            List<UserVO> lstUser = userThyService.findUser();
            model.addAttribute("users", lstUser);
            return "userDetails";
        }
    
    }

\* Service

package com.gupao.springboot.themyleaf.service.impl;
    
    import com.gupao.springboot.entitys.UserVO;
    import com.gupao.springboot.themyleaf.mapper.IUserThyMapper;
    import com.gupao.springboot.themyleaf.service.IUserThyService;
    import org.springframework.beans.factory.annotation.Autowired;
    import org.springframework.stereotype.Service;
    
    import java.util.List;
    
    /**
     * @author pj_zhang
     * @create 2019-01-02 21:46
     **/
    @Service
    public class UserThyService implements IUserThyService {
    
        @Autowired
        private IUserThyMapper userThyMapper;
    
        @Override
        public List<UserVO> findUser() {
            return userThyMapper.findUser();
        }
    
    }

\* Mapper

package com.gupao.springboot.themyleaf.mapper;
    
    import com.gupao.springboot.entitys.UserVO;
    
    import java.util.List;
    
    /**
     * @author pj_zhang
     * @create 2019-01-02 21:48
     **/
    public interface IUserThyMapper {
    
        List<UserVO> findUser();
    
    }

\* mapper.xml

<?xml version="1.0" encoding="UTF-8"?>
            <!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd" >
    
    <mapper namespace="com.gupao.springboot.themyleaf.mapper.IUserThyMapper">
    <select id="findUser" resultType="com.gupao.springboot.entitys.UserVO">
        SELECT
        USERNAME AS userName,
        PASSWORD AS PASSWORD,
        AGE AS age
        FROM
        user_t
    </select>
    </mapper>

六，页面展示

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTE5NzYzODg_size_16_color_FFFFFF_t_70][]

七，SpringBoot+Thymeleaf实现国际化

1，SpringBoot读取文件默认配置类，默认从messages.properties读取配置信息

![20190102232611798.png][]

2，内置国际化处理措施，获取浏览器当前语言，之后识别对应的配置文件自动进行装载

\* 默认配置文件messages.properties必须存在，不然国际化加载会出问题。（个人实验）

\* 装载文件名称：messages + "\_" + http头信息的Content-Language属性（"-"解析为"\_"进行装载），如图

![20190102233317545.png][]

3，messages\_en.properties

locale.message = Welcome

4，messages\_zh\_CN.properties

locale.message = 欢迎

5，界面访问

\* 默认中文界面下访问

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTE5NzYzODg_size_16_color_FFFFFF_t_70 1][]

\* 修改英文界面

-- 设置 --> 高级 --> 语言 --> 语言

-- 设置英语为当前语言，并移到顶部，之后重启

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTE5NzYzODg_size_16_color_FFFFFF_t_70 2][]

\* 切换后重新访问如下，因为英文下对应的http头属性值为en，所以对应文件名称为messages\_en.properties

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTE5NzYzODg_size_16_color_FFFFFF_t_70 3][]

[https_www.thymeleaf.org_doc_tutorials_3.0_usingthymeleaf.html]: https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html
[https_docs.spring.io_spring-boot_docs_2.1.1.RELEASE_reference_htmlsingle]: https://docs.spring.io/spring-boot/docs/2.1.1.RELEASE/reference/htmlsingle/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTE5NzYzODg_size_16_color_FFFFFF_t_70]: /images/20220331/93f0e00969d94ca7a8cda224afda549e.png
[20190102232611798.png]: /images/20220331/9ef6153d94f7405fa425a4e81932ce6e.png
[20190102233317545.png]: /images/20220331/24f424e816a34a0ba5086775aa12dcf8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTE5NzYzODg_size_16_color_FFFFFF_t_70 1]: /images/20220331/1baf14d60677473689f894593dc95cb8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTE5NzYzODg_size_16_color_FFFFFF_t_70 2]: /images/20220331/5f3ba39e325d48679b0771bb982892ba.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTE5NzYzODg_size_16_color_FFFFFF_t_70 3]: /images/20220331/05d26dab90524cbca06449e4529276d7.png