SpringBoot 学习笔记（五）首页和双语切换

一、首页实现

1. 在网上下载bootstrape模板，两个免费网站

https://gridgum.com/themes/category/free/

https://startbootstrap.com/template-categories/all/

2. 添加到自己的项目中，.html文件放入template文件夹，css和js等放入static文件夹中
   

3. 修改.html源代码为themeleaf格式，即th:

	<!--看狂神的课说是要修改，不然没有样式，但是我自己下载的好像不用修改也可以-->
	<!-- Favicon -->
    <link rel="icon" th:href="@{assets/img/brand/favicon.png}" type="image/png"><!-- Font Awesome -->
    <link rel="stylesheet" th:href="@{assets/libs/fortawesome/fontawesome-free/css/all.min.css}">
    <!-- Quick CSS -->
    <link rel="stylesheet" th:href="@{assets/css/quick-website.css}" id="stylesheet"}>

4. 设置自动添加前缀 在application.properties文件中添加

	#自动添加前缀
	server.servlet.context-path=/yan

二、双语切换

1. 建立文件夹i18n
   
   之所以叫i18n，是因为原名为internationalization，i开头，中间18个字母，n为结尾
   其他中间带数字的技术名字，起名原因跟这个类似，例如：k8s
2. 添加插件 Resource Bundle
3. 建立语言资源文件
   
   他们会自动合并成login资源包
4. 点击资源包，可视化添加属性，并输入相应的中英文
   
5. application.properties配置文件位置

#国际化配置文件
spring.messages.basename=i18n.login

6. 在.html文件中应用

<p class="lead text-center text-md-left text-muted" th:text="#{login.text}"> //或th:value=""
Build a beautiful, modern website with flexible Bootstrap components built from scratch.</p>

7. 如果显示乱码，修改文件编码
   文件——设置——编辑器——文件编码——属性文件——默认编码修改为UTF-8
8. 自定义双语切换的组件
   在config包下创建MyLocalResolve

package com.example.demo5system.config;

import org.springframework.web.servlet.LocaleResolver;
import org.thymeleaf.util.StringUtils;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.util.Locale;

public class MyLocalResolver implements LocaleResolver {

//    解析请求
    @Override
    public Locale resolveLocale(HttpServletRequest request) {
//        获取语言中的请求参数
        String language=request.getParameter("1");
        Locale locale=Locale.getDefault();//如果没有就使用默认的
//        如果请求的链接携带了国际化的参数
        if(!StringUtils.isEmpty(language)){
//            zh_CN
            String[] split=language.split("_");
            locale=new Locale(split[0],split[1]);
        }
        return locale;
    }

    @Override
    public void setLocale(HttpServletRequest request, HttpServletResponse response, Locale locale) {

    }
}

9. 创建Bean实例，配置到Spring容器中
   在MyMvcConfig类下

//    自定义国际化的组件
    @Bean
    public LocaleResolver localeResolver(){
        return new MyLocalResolver();
    }

11. 在.html文件中加入切换按钮

<a class="btn btn-sn" th:href="@{/index.html(1='zh_CN')}">中文</a>
<a class="btn btn-sn" th:href="@{/index.html(1='en_US')}">English</a>

12. 显示效果