SpringBoot 学习笔记（五）首页和双语切换_bootstrap怎么将页面翻译成英文

本文链接：https://blog.csdn.net/2401_89872639/article/details/145098881

一、首页实现

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

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

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

添加到自己的项目中，.html文件放入template文件夹，css和js等放入static文件夹中
修改.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"}>

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

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

二、双语切换

建立文件夹i18n

之所以叫i18n，是因为原名为internationalization，i开头，中间18个字母，n为结尾
其他中间带数字的技术名字，起名原因跟这个类似，例如：k8s
添加插件 Resource Bundle
建立语言资源文件

他们会自动合并成login资源包
点击资源包，可视化添加属性，并输入相应的中英文
application.properties配置文件位置

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

在.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>

如果显示乱码，修改文件编码
文件——设置——编辑器——文件编码——属性文件——默认编码修改为UTF-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) {

    }
}