IDEA spring-boot简单实现国际化

最新推荐文章于 2024-06-20 10:15:45 发布

hyunbar

最新推荐文章于 2024-06-20 10:15:45 发布

阅读量7k

点赞数 3

分类专栏： Spring 文章标签： springboot

本文链接：https://blog.csdn.net/hyunbar/article/details/82917290

版权

Spring 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

一、创建springboot项目

在这里插入图片描述

选择web模块

在这里插入图片描述

模板引擎选择 Thymeleaf，也可以自己在pom文件中自己引用

在这里插入图片描述

二、添加Jquery,和Bootstrap

百度搜索webjar，进入官网
在这里插入图片描述

把依赖拷贝下来放在pom文件中，当然可以选择自己要的版本

在这里插入图片描述
可以设置thymeleaf的版本
thymeleaf-layout是布局的功能

thymeleaf-layout只有2.0以上的版本才支持thymeleaf 3.0
在这里插入图片描述

三、Java类，及修改默认配置，注册组件

新建三个包

在这里插入图片描述

1. component包新建MyLocaleResolver类
用来重写默认国际化设置，可以通过点击中文，Englist来转换，而且不会受浏览器语言的限制

在这里插入图片描述

public class MyLocaleResolver implements LocaleResolver {

    @Override
    public Locale resolveLocale(HttpServletRequest httpServletRequest) {
	   //获取我们自己传入的参数
        String parameter = httpServletRequest.getParameter("l");
        //如果没有传入，就返回默认的
        Locale locale  = Locale.getDefault();
        if(!StringUtils.isEmpty(parameter)){
             String[] split = parameter.split("_");
             locale= new Locale(split[0],split[1]);
        }
        return locale;
    }

    @Override
    public void setLocale(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse, Locale locale) {

    }
}

2. config包新建MyMVCConfig
来修改一下mvc的一些基本配置，修改登录页的位置

@Configuration
public class MyMVCConfig extends WebMvcConfigurerAdapter {
    @Bean//将组件注册到容器中
    public WebMvcConfigurerAdapter webMvcConfigurerAdapter(){
      WebMvcConfigurerAdapter adapter = new  WebMvcConfigurerAdapter(){

          @Override
          public void addViewControllers(ViewControllerRegistry registry){

              //浏览器发送 /，/index.html最后都会到login
              registry.addViewController( "/").setViewName("login");
              registry.addViewController( "/index.html").setViewName("login");
          }
      };
      return  adapter;
    }
    //注册我们自己写的国际化设置
    @Bean//必须的
    public LocaleResolver localeResolver(){
        return  new MyLocaleResolver();
    }
}

3. 在controller包中新建HelloController
写我们自己的控制器代码
注释的方法可以忽略

//此处一定是Controller,如果是RestController，或者加上@ResponseBody，只能返回文本
@Controller
public class HelloController {
//也可以在这里写一个方法配置login页，不用写2中的webMvcConfigurerAdapter
//    @RequestMapping({"/","login.html"})
//    public String login(){
//        return "Login";
//    }


    @ResponseBody
    @RequestMapping("/hello")
    public String hello(){
        return "Hello World";
    }

//    @RequestMapping("/success")
//    public String success(Model model){
//        //classpath:/templates/success.html
//        //map.put("hello","快出来");
//        model.addAttribute("hello","粗来");
//        return "success";
//    }
    @RequestMapping("/success")
    public String success(Map<String,Object> map){
        map.put("hello","原来是@RestController的问题");
        return "success";
    }
}

四、写resources

在这里插入图片描述

在static中新建asserts文件夹，把bootstrap的js和css放在里面
在i18n中新建->Resource Bundle->叫做login

新建三个properties文件,第一个就是默认的
在这里插入图片描述

随便选一个进去，选择Resource Bundle，然后新建一个自己需要的，后面就会有默认，中文，英文的，自己添加OK

在这里插入图片描述
4. bootstrap中登陆页面考进来

全部代码如下：
里面该有的解释都有
thymeleaf都是th：+ 属性来设置

<!doctype html>
//引入命名空间 可以 对thymeleaf 提示
<html lang="en" xmlns:th="http://www.thymeleaf.org">
  <head>
    <meta 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="">
    //这个我没有弄
    <link rel="icon" href="../../../../favicon.ico">

    <title>Signin Template for Bootstrap</title>

    <!-- Bootstrap core CSS -->
    //这个在我们 引用的bootstrap外部库里面，从webjar开始
    <link href="asserts/css/bootstrap.min.css" th:href="@{/webjars/bootstrap/4.1.3/css/bootstrap.css}" rel="stylesheet">

    <!-- Custom styles for this template -->
    //我们自己的登陆css
    <link href="asserts/css/signin.css" th:href="@{/asserts/css/signin.css}" rel="stylesheet">
  </head>

  <body class="text-center">
    <form class="form-signin">
      <img class="mb-4" src="https://getbootstrap.com/assets/brand/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 for="inputEmail" class="sr-only" th:text="#{login.username}">Email address</label>
        //国际化设置
      <input type="email" id="inputEmail" class="form-control" placeholder="Email address" th:placeholder="#{login.username}" required autofocus>
       //国际化设置
      <label for="inputPassword" class="sr-only" th:text="#{login.password}">Password</label>
        //国际化设置
      <input type="password" id="inputPassword" 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">&copy; 2017-2018</p>
      //当点击中文或者Englist的时，会在index.html中加上L的参数，前面在config中我们已经设置了/和/index.html都会到登陆页面去就是login
      <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>