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

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

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

  1. 添加到自己的项目中,.html文件放入template文件夹,css和js等放入static文件夹中
    在这里插入图片描述
  2. 修改.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"}>

  1. 设置自动添加前缀 在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

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

  1. 如果显示乱码,修改文件编码
    文件——设置——编辑器——文件编码——属性文件——默认编码修改为UTF-8
  2. 自定义双语切换的组件
    在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)){


# **总结**

面试建议是,**一定要自信,敢于表达**,面试的时候我们对知识的掌握有时候很难面面俱到,把自己的思路说出来,而不是直接告诉面试官自己不懂,这也是可以加分的。

以上就是蚂蚁技术四面和HR面试题目,**以下最新总结的最全**,范围包含最全MySQL、Spring、Redis、JVM等最全面试题和答案,仅用于参考

![一份还热乎的蚂蚁金服面经(已拿Offer)面试流程4轮技术面+1轮HR](https://img-blog.csdnimg.cn/img_convert/66fb5b8156c37250c91430611974bbde.webp?x-oss-process=image/format,png)

*以下最新总结的最全**,范围包含最全MySQL、Spring、Redis、JVM等最全面试题和答案,仅用于参考

[外链图片转存中...(img-ykaktdtB-1714459340787)]

> **本文已被[CODING开源项目:【一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码】](https://bbs.csdn.net/topics/618154847)收录**
  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值