SpringBoot项目配置国际化

1.引言

效果:

1.根据浏览器默认语言设置的信息切换国际化
2.点击链接切换语言

SpringBoot项目配置国际化_第1张图片

2.配置步骤

1.设置file encoding

如果不设置,获取properties内容会乱码
当前项目配置: 点击setting搜索file encoding即可
SpringBoot项目配置国际化_第2张图片
SpringBoot项目配置国际化_第3张图片
全局配置: 以后都不用再配置了,点击进去和当前项目配置步骤一样
SpringBoot项目配置国际化_第4张图片

2.配置国际化配置文件

1.在resource下i18l文件夹下创建login.properties,login_zh_CN.properties文件就会出现Resource Bundle ‘login’,这是idea自动创建的,然后右击,创建en_US的,en是英语语言,US是美国国家

SpringBoot项目配置国际化_第5张图片
SpringBoot项目配置国际化_第6张图片
2.配置国际化信息,将前端页面所需要显示的信息都配置上,如用户名,密码等
SpringBoot项目配置国际化_第7张图片
名字随便起,是个标识,用于前端获取
SpringBoot项目配置国际化_第8张图片
设置你想显示的信息
SpringBoot项目配置国际化_第9张图片

3.配置区域信息对象

MyLocaleResolver:

/**
 * 可以在连接上携带区域信息
 */
public class MyLocaleResolver implements LocaleResolver {
    @Override
    public Locale resolveLocale(HttpServletRequest request) {
        String l = request.getParameter("l");
        Locale locale = Locale.getDefault(); //使用浏览器默认的语言
        if(!StringUtils.isEmpty(l)){   //如果存在区域信息
            String[] s = l.split("_"); //字符串分割 s[0]:zh(中文) s[1]:CN(中国)
            locale = new Locale(s[0],s[1]);
        }
        return locale;
    }

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

然后将该配置注入容器中,springboot会自动配置

@Configuration
public class MyMvcConfig implements WebMvcConfigurer {
    // 注册国际化信息解析器
    @Bean
    public LocaleResolver localeResolver(){
        return new MyLocaleResolver();
    }
}
4.配置application.yml
#设置国际化基础名
spring:
  messages:
    basename: i18n.login

5.前端代码


<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 Bootstraptitle>
		
		<link href="asserts/css/bootstrap.min.css" th:href="@{/webjars/bootstrap/4.5.0/css/bootstrap.css}" rel="stylesheet">
		
		<link href="asserts/css/signin.css" th:href="@{/asserts/css/signin.css}" rel="stylesheet">
	head>

	<body class="text-center">

		<form class="form-signin" th:action="@{/login}" action="dashboard.html" method="post">
			<img class="mb-4" src="asserts/img/bootstrap-solid.svg" th:src="@{/asserts/img/bootstrap-solid.svg}" alt="" width="72" height="72">
			<h1 class="h3 mb-3 font-weight-normal" th:text="#{login.tip}">Please sign inh1>
			
			<p style="color: red" th:text="${msg}" th:if="${not #strings.isEmpty(msg)}">p>
			<label class="sr-only">Usernamelabel>
			<input type="text" class="form-control" name="username" placeholder="Username" th:placeholder="#{login.username}" required="" autofocus="">
			<label class="sr-only">Passwordlabel>
			<input type="password" class="form-control" name="password" placeholder="Password" 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" th:text="#{login.signin}">Sign inbutton>
			<p class="mt-5 mb-3 text-muted">© 2017-2018p>
			<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)}">Englisha>
		form>
	body>
html>

前端获取国际化配置文件用 #{} 获取
th:href="@{/index.html (l=zh_CN) }">中文 :携带参数,后端解析,即可切换国际化

你可能感兴趣的:(SpringBoot)