SpringBoot之web国际化

最新推荐文章于 2022-07-07 01:05:47 发布

寄阳盼蕊

最新推荐文章于 2022-07-07 01:05:47 发布

阅读量195

点赞数

分类专栏： SringBoot

本文链接：https://blog.csdn.net/weixin_43691960/article/details/116975313

版权

SringBoot 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

SpringBoot之web国际化

1、新建项目
接下来我们来看web的国际化

1、新建项目

##新建项目我们选择建SpringBoot项目的创建，选择web和thymeleaf模板
在这里插入图片描述

接下来我们来看web的国际化

1、我们把我们需要的页面放到templates目录下

2、我们来建我们的标准文件

login.properties
login_en_US.properties
login_zh_CN.properties

我们来编写我们的这三个文件

打开我们的三个文件中的一个，点击Resource Bundle
在这里插入图片描述
进入到如下页面

这样我们就可以同时修改三个文件了，依据我的login文件我们要添加的标签为

我们来修改login页面

<!DOCTYPE html>
<!-- 引入thymeleaf约束 -->
<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 -->
		<!-- 在这里我引用的是webjars下的bootstrap，我们需要导入一下maven依赖-->
		<link href="asserts/css/bootstrap.min.css" th:href="@{/webjars/bootstrap/4.0.0/css/bootstrap.css}" rel="stylesheet">
		<!-- Custom styles for this template -->
		<link href="asserts/css/signin.css" th:href="@{/css/signin.css}" rel="stylesheet">
	</head>

	<body class="text-center">
		<form class="form-signin" action="dashboard.html">
			<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 in</h1>
			<label class="sr-only" th:text="#{login.username}">Username</label>
			<input type="text" class="form-control" placeholder="Username" th:placeholder="#{login.username}" required="" autofocus="">
			<label class="sr-only" th:text="#{login.password}">Password</label>
			<input type="password" class="form-control" placeholder="Password" th:placeholder="#{login.password}" required="">
			<div class="checkbox mb-3">
				<label>
				<-- input标签这么取值-->
          <input type="checkbox" value="remember-me"> [[#{login.remember}]]
        </label>
			</div>
			<button class="btn btn-lg btn-primary btn-block" type="submit" th:text="#{login.btn}">Sign in</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>

css文件

html,
body {
  height: 100%;
}

body {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  padding-top: 40px;
  padding-bottom: 40px;
  /*background-color: #f5f5f5;*/
}

.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .checkbox {
  font-weight: 400;
}
.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

webjars的maven依赖

<dependency>
    <groupId>org.webjars</groupId>
    <artifactId>bootstrap</artifactId>
    <version>4.0.0</version>
</dependency>

3、我们见一个类来配置我们页面的加载路径

@Configuration
public class MyMvcConfig extends WebMvcConfigurerAdapter {

 @Bean
 public  WebMvcConfigurerAdapter webMvcConfigurerAdapter(){
     WebMvcConfigurerAdapter webMvcConfigurerAdapter = new WebMvcConfigurerAdapter() {


         @Override
         public void addViewControllers(ViewControllerRegistry registry) {
             registry.addViewController("/").setViewName("login");
             registry.addViewController("index.html").setViewName("login");
         }
     };
     return  webMvcConfigurerAdapter;
 }

4、我们再建一个类重写来实现我们自己的国际化资源调用

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[] split = l.split("_");
         locale = new Locale(split[0],split[1]);
     }
     return locale;
 }

我们将这个类注入到我们的组件中

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

5、启动项目

在这里插入图片描述
为什么会这样？是因为我们的那个个资源文件没有被读取
那么我们需要配置他的路径，因为我们不进行配置，他会加载默认的路径

spring.messages.basename=

把我们的三个文件所在位置配上，中间使用·隔开
我们现在来看一下
在这里插入图片描述
正常了

寄阳盼蕊

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
SpringBoot之web国际化

SpringBoot之web国际化1、新建项目接下来我们来看web的国际化1、我们把我们需要的页面放到templates目录下2、我们来建我们的标准文件我们来编写我们的这三个文件3、我们见一个类来配置我们页面的加载路径4、我们再建一个类重写来实现我们自己的国际化资源调用5、启动项目1、新建项目##新建项目我们选择建SpringBoot项目的创建，选择web和thymeleaf模板接下来我们来看web的国际化1、我们把我们需要的页面放到templates目录下2、我们来建我们的标准文件login
复制链接

扫一扫