7、SpringBoot之实现登陆界面的中英切换
项目地址:https://github.com/Chakid/SpringBoot-example1、第一步,创建一个SpringBoot项目2、导入资料中的一些写到的代码和静态页面1)在config文件中设置路由拦截:2)、国际化1)、编写国际化配置文件;2)、使用ResourceBundleMessageSource管理国际化资源文件3)、在页面使用fmt:message取出国...
·
项目地址:https://github.com/Chakid/SpringBoot-example
1、第一步,创建一个SpringBoot项目
2、导入资料中的一些写到的代码和静态页面
1)在config文件中设置路由拦截:
2)、国际化
1)、编写国际化配置文件;
2)、使用ResourceBundleMessageSource管理国际化资源文件
3)、在页面使用fmt:message取出国际化内容
步骤:
1)、编写国际化配置文件,抽取页面需要显示的国际化消息
然后我们将自己新建好的相关语言区域信息配合到页面上:
如:
<body class="text-center">
<form class="form-signin" action="dashboard.html">
<img class="mb-4" 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" th:placeholder="#{login.username}" placeholder="Username" required="" autofocus="">
<label class="sr-only" th:text="#{login.password}" >Password</label>
<input type="password" class="form-control" th:placeholder="#{login.password}" placeholder="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" th:text="#{login.btn}" type="submit">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>
记得在上面加上thymeleaf
标签
<html lang="en" xmlns:th="http://www.thymeleaf.org">
此时,页面的语言配置会根据浏览器的语言自动进行渲染
3、)下一步我们实现点击按钮实现语言的转换
首先我们新建一个自己的配置类 MyLocalResolver
:
此时我们的配置还不能起作用,还有下一步操作:
然后启动程序,就能进行语言切换了。
默认打开页面:
点击中文:
点击英文:
开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!
更多推荐
已为社区贡献2条内容
所有评论(0)