使用Thymeleaf配置国际化页面---学习11

最新推荐文章于 2024-04-01 00:34:43 发布

T17761154460

最新推荐文章于 2024-04-01 00:34:43 发布

阅读量658

点赞数

分类专栏： spring 文章标签： spring

本文链接：https://blog.youkuaiyun.com/uoprewqsnh/article/details/117288050

版权

文章目录

一、标准表达式语法
二、Thymeleaf配置国际化页面
三、Thymeleaf复杂数据的展示
四、课后作业

一、标准表达式语法

${…} : 变量表达式。
*{…} : 选择表达式。
#{…} : 消息 (i18n) 表达式。
@{…} : 链接 (URL) 表达式。
~{…} : 片段表达式。

二、Thymeleaf配置国际化页面

1、创建项目

在这里插入图片描述

2、添加依赖

在这里插入图片描述

3、初始化

在这里插入图片描述

4、把ThymeleafDemo项目的登录控制器、拷贝到新项目里

在这里插入图片描述

5、在resources下创建i18n目录

在这里插入图片描述

6、在i18n目录里创建login.properties

在这里插入图片描述

login.title = 用户登录
login.username = 输入用户名
login.password = 输入密码
login.rememberme = 记住我
login.button = 登录

7、在i18n目录里创建login_zh_CN.properties

在这里插入图片描述

login.title = 用户登录
login.username = 输入用户名
login.password = 输入密码
login.rememberme = 记住我
login.button = 登录

8、在i18n目录里创建login_en_US.properties

在这里插入图片描述

login.title = User Login
login.username = Enter Username
login.password = Enter Password
login.rememberme = Remember Me
login.button = Login

9、编写全局配置文件

在这里插入图片描述

#配置国际化文件基础名
spring.messages.basename=i18n.login

10、在main/java下创建net.tp.lesson11.resolver子包

在这里插入图片描述

11、创建自定义区域解析器

在这里插入图片描述

package net.tp.lesson10.resolver;

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.LocaleResolver;
import org.thymeleaf.util.StringUtils;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.util.Locale;


/**
 * 功能：自定义区域解析器
 * 作者：tp
 * 日期：2021年05月26日
 */
@Configuration
public class MyLocaleResolver implements LocaleResolver {
   
    @Override
    public Locale resolveLocale(HttpServletRequest httpServletRequest) {
   
        //获取区域标识
        String flag = httpServletRequest.getParameter("flag");
        //获取默认区域对象
        Locale locale = Locale.getDefault();
        //判断区域标识是否为空
        if (!StringUtils.isEmpty(flag)) {
   
            //对区域标识进行拆分
            String[] split = flag.split("_");
            locale = new Locale(split[0], split[1]);
        }
        return locale;
    }

    @Override
    public void setLocale(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse, Locale locale) {
   
    }

    @Bean
    public LocaleResolver localeResolver() {
   
        return new MyLocaleResolver();
    }
}

13、编写模板文件login.html

在这里插入图片描述

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org/">
<head>
    <meta charset="UTF-8">
    <title>用户登录</title>
    <link th:href="@{/bootstrap-4.0.0/css/bootstrap.css}" rel="stylesheet">
    <javascript th:src="@{/bootstrap-4.0.0/js/jquery-3.4.1.min.js}"></javascript>
    <javascript th:src="@{/bootstrap-4.0.0/js/bootstrap.bundle.js}"></javascript>
    <javascript th:src="@{/bootstrap-4.0.0/js/bootstrap.js}"></javascript>
</head>
<body>
<div class="col-6 m-auto" style="margin-top:30px!important;">
    <div class="border border-info bg-light p-2" style="border-radius: 5px">
        <form action="/login" method

最低0.47元/天解锁文章