进阶SpringBoot之员工管理系统（3）页面国际化

m0_58838332

于 2024-08-13 23:48:27 发布

阅读量422

点赞数 4

文章标签： spring boot java 后端前端 spring

本文链接：https://blog.csdn.net/m0_58838332/article/details/141167641

版权

Settings -> File Encodings 设置成 UTF-8

（最下方一定要改 UTF-8 加勾选，不然 properties 全是乱码）

resources 目录下创建 i18n

点击加号添加 properties

下载插件：

Setting -> Plugins -> Resource Bundle Editor

插件下载好后，底部出现 Resource Bundle 模块

点击添加，输入 login.tip，直接在右侧编写中英文展示

在 Resource Bundle 中编写好的内容将直接呈现在代码上

同理，将页面内容都设置中英文

分析自动化国际转换源码：

双击 shift 搜索 MessageSourceAutoConfiguration.class

    @Bean
    @ConfigurationProperties(
        prefix = "spring.messages"
    )

MessageSourceProperties.class：

application.properties：

spring.messages.basename=i18n.login 配置文件真实位置

# 关闭默认图标
spring.mvc.favicon.enabled=false

# 关闭模板引擎的缓存
spring.thymeleaf.cache=false

# 配置文件真实位置
spring.messages.basename=i18n.login

templates 目录下 index.html：

<!DOCTYPE html>
<html lang="en-US" 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>
			<label class="sr-only" th:text="#{login.username}">Username</label>
			<input type="text" class="form-control" th:placeholder="#{login.username}" required="" autofocus="">
			<label class="sr-only" th:text="#{login.password}">Password</label>
			<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.btn}]]
			</button>
			<p class="mt-5 mb-3 text-muted">© 2024-2025</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>

MyLocaleResolver.java：实现 LocaleResolver 接口，重写方法

解析请求，使网页 a 链接任意中英文切换

split 拆分，en_US 英文、zh_CN 中文

package com.demo.web.config;

import jakarta.servlet.http.HttpServletRequest;
import jakarta.servlet.http.HttpServletResponse;
import org.springframework.web.servlet.LocaleResolver;
import org.thymeleaf.util.StringUtils;

import java.util.Locale;

public class MyLocaleResolver implements LocaleResolver {

    //解析请求
    @Override
    public Locale resolveLocale(HttpServletRequest request) {
        //获取请求中的语言参数
        String language = request.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 request, HttpServletResponse response, Locale locale) {

    }
}

MyMvcConfig.java：自定义的国际化组件生效

package com.demo.web.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;

@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();
    }
}

启动，显示中文成功！