Spring boot Thymeleaf에서 국제화 페이지를 구성하는 방법
- WBOY앞으로
- 2023-05-15 21:37:041834검색
1. 다국어 국제화 구성 파일을 작성하세요
프로젝트의 클래스 경로 리소스 아래에 i18n이라는 폴더를 만들고 필요에 따라 폴더에 해당 다국어 국제화 파일인 login.properties, login_zh_CN.properties 및 login_en_US를 작성하세요
login. .properties
login.tip=로그인해주세요
login.username=사용자 이름
login.password=비밀번호
login.rememberme=기억해 주세요
login.button=Login
login_zh_CN.properties
login.tip= 로그인하세요
login.username=사용자 이름
login.password=비밀번호
login.rememberme=기억하기
login.button=Login
login_en_US.properties
login.tip=로그인하세요
login.username=사용자 이름
login.password=Password
login.rememberme=기억하기
login.button=Login
login.properties는 사용자 정의 기본 언어 구성 파일이고, login_zh_CN.properties는 사용자 정의 중국어 국제화 파일이고, login_en_US.properties는 사용자 정의 영어입니다. 국제화 파일
Spring Boot에서 기본적으로 인식하는 언어 구성 파일은 클래스 경로 리소스 아래의 message.properties입니다. 다른 언어 국제화 파일의 이름은 "파일 접두사 이름"을 엄격하게 따라야 합니다. "언어 코드 국가 코드.properties"
이 예에서는 다중 언어 구성 파일의 통합 구성 및 관리를 위해 프로젝트 클래스 경로 리소스 아래에 i18n 패키지가 사용자 정의되고, 프로젝트 기본 언어 구성 파일 이름이 login 으로 사용자 정의됩니다. 따라서 사용자 정의 국제화 파일을 참조하려면 국제화 파일의 기본 이름을 프로젝트 전역 구성 파일에서 구성해야 합니다
2. 구성 파일을 작성합니다.
프로젝트의 application.properties 전역 구성 파일을 열고 파일에 국제화된 파일 기본 이름 설정을 추가합니다. 파일
#과 같은 내용으로 국제화된 파일 기본 이름 구성
spring.messages .basename=i18n.login
spring.messages.basename=i18n.login"은 국제화된 사용자 정의 파일의 기본 이름을 설정합니다. 그 중 i18n은 프로젝트 클래스 경로 리소스를 기준으로 국제화된 파일의 위치를 나타내며 로그인 다국어 파일의 접두사 이름을 나타냅니다. 개발하는 경우 Spring Boot 기본 식별 메커니즘을 완전히 따르고 프로젝트 클래스 경로 리소스 아래에 message.properties와 같은 국제화된 파일을 작성하면 국제화된 파일 기본 이름의 구성을 생략할 수 있습니다.
3. 지역 정보 파서 사용자 정의이전 단계를 완료한 후 언어 국제화 파일을 작성하고 구성한 후 프런트 엔드 페이지에서 Thymeleaf 템플릿 관련 속성을 공식적으로 결합하여 국제 언어를 설정하고 표시할 수 있습니다. 그러나 이 구현에서는 기본적으로 요청 헤더(브라우저 언어 정보)의 언어 정보를 사용합니다. 자동 언어 전환, 일부 프로젝트에서는 수동 언어 전환도 제공합니다. 이를 위해서는 지역 파서 사용자 정의가 필요합니다. 사용자 정의 지역 파서 구성 클래스 MyLocalResovelpackage com.lagou.config;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.util.StringUtils;
import org.springframework.web.servlet.LocaleResolver;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.util.Locale;
@Configuration
public class MyLocalResolver implements LocaleResolver {
// 完成自定义 区域解析方式
@Override
public Locale resolveLocale(HttpServletRequest request) {
// 获取页面手动传递的语言参数值 : zh_CN en_US ""
String l = request.getParameter("l");
Locale locale = null;
if (!StringUtils.isEmpty(l)) {
// 如果参数不为空，就根据参数值，进行手动语言切换
String[] s = l.split("_");
locale = new Locale(s[0], s[1]);
} else {
// Accept-Language: zh-CN,zh;q=0.9
String header = request.getHeader("Accept-Language");
String[] split = header.split(",");
String[] split1 = split[0].split("-");
locale = new Locale(split1[0], split1[1]);
}
return locale;
}
@Override
public void setLocale(HttpServletRequest request, HttpServletResponse response, Locale locale) {
}
// 将自定义的LocaleResolver重新注册成一个类型为LocaleResolver的Bean组件
@Bean
public LocaleResolver localeResolver() {
return new MyLocalResolver();
}
}MyLocalResolver는 LocaleResolver 인터페이스를 구현하고 사용자 정의 언어 구문 분석을 위해 그 안에 해결Locale() 메서드를 다시 작성하고 마지막으로 @ Bean 주석을 사용하여 현재 구성 클래스를 다음과 같이 등록합니다. Spring 컨테이너에 있는 LocaleResolver 유형의 Bean 구성 요소로, 다양한 요구 사항(언어 정보 수동 전환, 브라우저 헤더 자동 전환)에 따라 기본 LocaleResolver 구성 요소를 재정의할 수 있습니다. 요청 매개변수 l과 요청 헤더 매개변수 Accept-Language를 획득한 후, 요청 매개변수 l이 비어 있지 않으면 l 매개변수에 포함된 언어를 언어 전환의 표준으로 사용하고, 그렇지 않으면 요청 헤더를 맞춤화합니다. 정보는 자동으로 전환됩니다. 요청 매개변수 l의 언어를 수동으로 전환하고 조합할 때 밑줄 "_"이 사용되며 이는 다중 언어 구성 파일의 형식에 따라 결정됩니다(예: , login_zh_CN.properties ) 요청 헤더 매개변수 Accept-Language의 언어가 자동으로 전환 및 조합되면 대시 "-"가 절단에 사용되며 이는 브라우저에서 전송된 요청 헤더 정보 스타일에 따라 결정됩니다(예: 허용 언어: en -US,en;q=0.9,zh-CN;q=0.8,zh;q=0.7)4. 페이지 국제화는 프로젝트 템플릿 템플릿 폴더에서 사용자 로그인 페이지 login.html을 열고 이를 Thymeleaf 템플릿 엔진과 결합하여 국제화 기능을 구현합니다. <!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,shrinkto-
fit=no">
<title>用户登录界面</title>
<link th:href="@{/login/css/bootstrap.min.css}" rel="external nofollow" rel="stylesheet">
<link th:href="@{/login/css/signin.css}" rel="external nofollow" rel="stylesheet">
</head>
<body class="text-center">
<!-- 用户登录form表单 -->
<form class="form-signin">
<img class="mb-4" th:src="@{/login/img/login.jpg}" style="max-width:90%" style="max-width:90%" alt="Spring boot Thymeleaf에서 국제화 페이지를 구성하는 방법" >
<h2 class="h4 mb-3 font-weight-normal" th:text="#{login.tip}">请登录</h2>
<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.rememberme}]]
</label>
</div>
<button class="btn btn-lg btn-primary btn-block" type="submit" th:text="#{login.button}">登录</button>
<p class="mt-5 mb-3 text-muted">© <span
th:text="${currentYear}">2019</span>-<span
th:text="${currentYear}+1">2020</span></p>
<a class="btn btn-sm" th:href="@{/toLoginPage(l='zh_CN')}" rel="external nofollow" >中文</a> <!--注意这个路径是我们controller访问页面的路径，不同的是这次携带了参数，可以帮我们用来区分locale-->
<a class="btn btn-sm" th:href="@{/toLoginPage(l='en_US')}" rel="external nofollow" >English</a>
</form>
</body>
</html>
부분을 설정하려면 Thymeleaf 템플릿의 #{} 메시지 표현식을 사용하세요 국제 전시를 위한 정보. Rememberme 국제화를 설정할 때 국제화해야 하는 Rememberme는 입력 태그 외부에 있으므로 여기에서는 인라인 표현식 [[#login.rememberme}]]을 사용하여 국제화 파일에서 login.rememberme 정보를 동적으로 가져옵니다. 또한 양식 마지막 부분에 중국어와 영어 간의 수동 언어 전환을 위한 기능 링크가 제공됩니다. 링크를 클릭하면 "/" 경로로의 점프를 요청하는 자국어 매개변수와 수동 언어가 전달됩니다. 전환은 백그라운드에서 맞춤형 지역 파서를 통해 수행됩니다. 참고: 컨트롤러 제어 레이어 처리가 생략되었습니다5. 통합 효과 테스트
클릭 후
언어 국제화 전환을 위해 "English" 링크를 클릭하면 지정된 "l=zh_CN" 매개변수가 백그라운드 사용자 정의 지역 파서 구성 클래스 MyLocalResovel의 구문 분석 방법으로 사용자 정의 규칙에 따라 언어 전환을 수행합니다. 국제 언어를 수동으로 전환하는 효과 달성
위 내용은 Spring boot Thymeleaf에서 국제화 페이지를 구성하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!