0.写在前面:我这里还是使用的经典教程(雷丰阳的课)里登录页面的例子, 不同的是我使用的是SpringBoot2.3.0版本,写法大同小异,稍有差别。
1.编写国际化配置文件,注意文件的位置。
login.btn=登录
login.password=密码
login.remember=记住我
login.tip=请登录
login.username=用户名
------
login.btn=Sign In
login.password=password
login.remember=remember me
login.tip=please sign in
login.username=userName
2.去改写login.html页面中的内容,主要是使用thymeleaf去改写:
<!DOCTYPE html>
<!--引用 xmlns:th="http://www.thymeleaf.org"-->
<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 的 css,使用 th:href -->
<link th:href="@{/webjars/bootstrap/4.0.0/css/bootstrap.css}" rel="stylesheet">
<!-- 引用自己的css内容 -->
<link th:href="@{/asserts/css/signin.css}" rel="stylesheet">
</head>
<body class="text-center">
<form class="form-signin" action="dashboard.html">
<img class="mb-4" th:src="@{/asserts/img/bootstrap-solid.svg}" alt="" width="72" height="72">
<!-- 引入国际化 h1标签,这里用th:text"#{}"的形式 -->
<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标签,这里用th:placeholder"#{}"的形式 -->
<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 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" >中文</a>
<a class="btn btn-sm" >English</a>
</form>
</body>
</html>
效果这里就不贴图了,毕竟没啥难的,照做就是了,接下来处理根据我们的按钮进行中英文切换
1.改写我们两个a标签里的写法:
<a class="btn btn-sm" th:href="@{/index.html(lan='zh_CN')}">中文</a>
<a class="btn btn-sm" th:href="@{/index.html(lan='en_US')}">English</a>
2.定义我们自己的LocaleResolver,写一个MyLocaleResolver
public class MyLocaleResolver implements LocaleResolver {
@Override
public Locale resolveLocale(HttpServletRequest httpServletRequest) {
String lan = httpServletRequest.getParameter("lan");
Locale locale = Locale.getDefault();
if (!StringUtils.isEmpty(lan)) {
String[] split = lan.split("_");
locale = new Locale(split[0], split[1]);
}
return locale;
}
@Override
public void setLocale(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse, Locale locale) {
}
}
注意这里LocaleResolver 是引入的org.springframework.web.servlet包下的,不然也写不出这个文件(这句话其实有些多余,纯属凑字)
3.在我们的MyConfig中,把MyLocaleResolver添加一下,不然自动配置是扫描不到这个内容的
@Configuration //标注这是一个配置类
//使用WebMvcConfigurer 可以扩展SpringMvc的方法
public class MyConfig implements WebMvcConfigurer {
@Override
public void addViewControllers(ViewControllerRegistry registry) {
//设置一个视图映射
registry.addViewController("/testView").setViewName("success");
//http://localhost:8099/testView 会自动重定向到 http://localhost:8099/success
//既保留了自动配置,也能用我们扩展的配置
registry.addViewController("/index.html").setViewName("login");
registry.addViewController("/").setViewName("login");
registry.addViewController("/login.html").setViewName("login");
}
//添加 MyLocaleResolver
@Bean
public LocaleResolver localeResolver() {
return new MyLocaleResolver();
}
}
这里MyConfig是实现了WebMvcConfigurer 接口,在SpringBoot 2.0以前版本好像是继承WebMvcConfigurationAdapter类来实现类似功能的,感兴趣的可以去找找看,视频教程就是。本人就不贴那个例子的写法了,毕竟不喜欢开历史的倒车。
这些完了就可以测试了,不贴结果了,毕竟这是一篇学习笔记,很水的文。
网友评论