SpringBoot 国际化(中英文切换)

中英文切换

  • 一、新建文件夹及文件
  • 二、进行可视化配置
  • 三、配置
  • 四、使用key来获取国际化内容
  • 五、国际化解析器
  • 六、将自定义的国际化组件注册到Bean

一、新建文件夹及文件

1、在resources下创建i18n文件夹,随后在里面创建两个文件(创建好后会自动合并)
SpringBoot 国际化(中英文切换)_第1张图片
2、在合并文件处右击添加一个配置文件
SpringBoot 国际化(中英文切换)_第2张图片
3、添加一个文件
SpringBoot 国际化(中英文切换)_第3张图片
SpringBoot 国际化(中英文切换)_第4张图片
login.properties:无语言配置时生效;
login_en_US.properties:英文生效;
login_zh_CN.properties:中文生效;
SpringBoot 国际化(中英文切换)_第5张图片

二、进行可视化配置

4、进行可视化配置(2020版本的IDEA好像有问题,我后面用的手打)
SpringBoot 国际化(中英文切换)_第6张图片
SpringBoot 国际化(中英文切换)_第7张图片
6、配置好后的数据
SpringBoot 国际化(中英文切换)_第8张图片

三、配置

7、在配置文件application.properties中配置,配置成我们的配置文件的真实位置

spring.messages.basename=i18n.login

四、使用key来获取国际化内容

8、html页面修改
SpringBoot 国际化(中英文切换)_第9张图片

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<meta name="description" content="">
		<meta name="author" content="">
		<title>Signin Template for Bootstrap</title>
		<!-- Bootstrap core CSS -->
		<link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">
		<!-- Custom styles for this template -->
		<link th:href="@{/css/signin.css}" rel="stylesheet">
	</head>

	<body class="text-center">
		<form class="form-signin" action="dashboard.html">
			<img class="mb-4" th:src="@{/img/bootstrap-solid.svg}" alt="" width="72" height="72">
			<h1 class="h3 mb-3 font-weight-normal" th:text="#{login.tip}">Please sign in</h1>
			<input type="text" class="form-control" th:placeholder="#{login.Username}" required="" autofocus="">
			<input type="password" class="form-control" th:placeholder="#{login.password}" required="">
			<div class="checkbox mb-3">
				<label>
          <input type="checkbox" value="remember-me"> [[#{login.remember}]]
        </label>
			</div>
			<button class="btn btn-lg btn-primary btn-block" type="submit">[[#{login.sign}]]</button>
			<p class="mt-5 mb-3 text-muted">© 2017-2018</p>
			<a class="btn btn-sm" th:href="@{/index.html(l='zh_CN')}">中文</a>
			<a class="btn btn-sm" th:href="@{/index.html(l='en_Us')}">English</a>
		</form>

	</body>

</html>

中英文切换按钮位置,以前向后台传递参数是以“?” ,现在是以“()”

五、国际化解析器

package com.luo.config;

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;

/**
 * @author LunarYouI
 * @create 2021-03-23 16:31
 */

//国际化解析器
public class MyLocaleResolver implements LocaleResolver {
    //解析请求
    @Override
    public Locale resolveLocale(HttpServletRequest httpServletRequest) {
        //获取请求中的语言参数
        String language = httpServletRequest.getParameter("l");
        //默认的;如果没有就使用默认的
        Locale locale = Locale.getDefault();
        //如果请求的了携带了国际化的参数
        if(!StringUtils.isEmpty(language)){
            //zh_CN
            String[] split = language.split("_");
            //国家、地区
            locale = new Locale(split[0], split[1]);

        }
        return locale;
    }

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

    }
}

六、将自定义的国际化组件注册到Bean

package com.luo.config;

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.LocaleResolver;
import org.springframework.web.servlet.config.annotation.ViewControllerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

/**
 * @author LunarYouI
 * @create 2021-03-23 11:22
 */

@Configuration
public class MyMvcConfig implements WebMvcConfigurer {
    @Override
    public void addViewControllers(ViewControllerRegistry registry) {
        registry.addViewController("/").setViewName("index");
        registry.addViewController("/index.html").setViewName("index");
    }

    //自定义的国际化组件就生效了
    @Bean
    public LocaleResolver localeResolver(){
        return new MyLocaleResolver();
    }
}

现在点击按钮就可以实现中英文切换了
SpringBoot 国际化(中英文切换)_第10张图片

你可能感兴趣的:(SpringBoot)