当前位置：首页 > article >正文

springboot--页面的国际化

article 2026/1/28 9:31:30

今天来实现页面中的国际化

首先，需要创建一个新的spring boot项目，导入前端模板，在我的博客中可以找到，然后将HTML文件放在templates包下，将其他的静态资源放在statics包下，如下图结构

页面的国际化主要在首页，即index.html

<!DOCTYPE html>
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; 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=""><title>Signin Template for Bootstrap</title><!-- Bootstrap core CSS --><link href="asserts/css/bootstrap.min.css" rel="stylesheet"><!-- Custom styles for this template --><link href="asserts/css/signin.css" rel="stylesheet"></head><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">Please sign in</h1><label class="sr-only">Username</label><input type="text" class="form-control" placeholder="Username" required="" autofocus=""><label class="sr-only">Password</label><input type="password" class="form-control" placeholder="Password" required=""><div class="checkbox mb-3"><label><input type="checkbox" value="remember-me"> Remember me</label></div><button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button><p class="mt-5 mb-3 text-muted">© 2017-2018</p><a class="btn btn-sm">中文</a><a class="btn btn-sm">English</a></form></body></html>

我们还需要导入thymeleaf启动器（maven依赖）

<dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-thymeleaf</artifactId></dependency>

在建立controller层进行页面测试

IndexController.java

package com.lyc.staffing.controller;import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;@Controller
public class IndexController {@RequestMapping({"/", "/index"})public String index(){return "index";}
}

测试结果：

还可以自定义视图控制器，建立Config层，编写MyMvcConfig.java

根据官方文档：

If you want to keep those Spring Boot MVC customizations and make more MVC customizations (interceptors, formatters, view controllers, and other features), you can add your own @Configuration class of type WebMvcConfigurer but without @EnableWebMvc.

所以我们建立的类需要设置注解@Configuration，class of type WebMvcConfigurer 说明需要实现WebMvcConfigurer接口，重写内部方法，自定义自己的方法

即定义视图跳转

package com.lyc.staffing.config;import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.LocaleResolver;
import org.springframework.web.servlet.config.annotation.ViewControllerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;@Configuration
public class MyMvcConfig implements WebMvcConfigurer {// 视图控制器@Overridepublic void addViewControllers(ViewControllerRegistry registry) {registry.addViewController("/").setViewName("index");registry.addViewController("/index.html").setViewName("index");registry.addViewController("/main.html").setViewName("dashboard");}
}

可以达到和controller层一样的效果。

如果要实现国际化，需要利用Thymeleaf模板引擎，先将静态资源导入，这里用到了Thymeleaf的语法，这里建议参考官网文档，

先在首页代码中加上命名空间

<html lang="en" xmlns:th="http://www.thymeleaf.org">

然后将导入的静态资源全部用thymeleaf语法引入，即th:href,th:src,等等，因为是url，所以使用@{}

然后需要创建i18n包，里面建立配置文件，login.properties,login_en_US.properties,login_zn_CN.properties,IDEA会自动整合，如下所示

其中配置默认文件，汉语配置文件，英语配置文件

login.btn=登录
login.password=密码
login.remember=记住我
login.tip=请登录
login.username=用户名

login_en_US.properties

login.btn=Sign in
login.password=password
login.remember=Remember Me
login.tip=Please Sign In
login.username=Username

login_zn_CN.properties

login.btn=登录
login.password=密码
login.remember=记住我
login.tip=请登录
login.username=用户名

然后用thymeleaf语法将标签内的元素名替换，如

			<h1 class="h3 mb-3 font-weight-normal" th:text="#{login.tip}">Please sign in</h1><input type="text" name="username" class="form-control" th:placeholder="#{login.username}" required="" autofocus=""><input type="password" name="password" class="form-control" 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>

进行测试，这时的中文，与英文还无法转换，这两个a链接，需要绑定index.html，并传参

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

这是我们需要自己定义一个地区解析器（LocaleResolver）,AcceptHeaderLocaleContextResolver

源码中找到resolveLocale方法

	@Overridepublic Locale resolveLocale(HttpServletRequest request) {Locale defaultLocale = getDefaultLocale();if (defaultLocale != null && request.getHeader("Accept-Language") == null) {return defaultLocale;}Locale requestLocale = request.getLocale();List<Locale> supportedLocales = getSupportedLocales();if (supportedLocales.isEmpty() || supportedLocales.contains(requestLocale)) {return requestLocale;}Locale supportedLocale = findSupportedLocale(request, supportedLocales);if (supportedLocale != null) {return supportedLocale;}return (defaultLocale != null ? defaultLocale : requestLocale);}

然后我们自定义MyLocaleResolver 实现LocalResolver接口，重写resolveLocale方法，仿造上面源码

package com.lyc.staffing.config;import jakarta.servlet.http.HttpServletRequest;
import jakarta.servlet.http.HttpServletResponse;
import org.springframework.web.servlet.LocaleResolver;
import org.thymeleaf.util.StringUtils;import java.util.Locale;//自定义地区解析器
public class MyLocaleResolver implements LocaleResolver {//解析请求@Overridepublic Locale resolveLocale(HttpServletRequest request) {//获取请求中的语言参数String lang = request.getParameter("lang");System.out.println("lang ====》 " + lang);Locale locale = Locale.getDefault();//判断是否为空,如果请求的连接携带了国际化的参数if(!StringUtils.isEmpty(lang)){//如果不为空就获取参数进行分割 zh_CNString[] split = lang.split("_");//国家，地区locale = new Locale(split[0], split[1]);}return locale;}@Overridepublic void setLocale(HttpServletRequest request, HttpServletResponse response, Locale locale) {}
}

然后再我们的MyMvcConfig中添加LocaleResolver组件

   // 自定义国际化组件@Beanpublic LocaleResolver localeResolver(){return new MyLocaleResolver();}//为什么类名是localeResolver，因为在WebMvcAutoConfiguration中的EnableWebMvcConfiguration（自动配置）里的localeResolver方法上的注解//是@ConditionalOnMissingBean(name = DispatcherServlet.LOCALE_RESOLVER_BEAN_NAME)，再往里剖析得@ConditionalOnMissingBean(localeResolver)//public static final String LOCALE_RESOLVER_BEAN_NAME = "localeResolver";//因此，自动配置类中的地区解析器失效，则会使用我们自定义的组件

index.html代码展示：

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org"><head><meta http-equiv="Content-Type" content="text/html; 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=""><title>Signin Template for Bootstrap</title><!-- Bootstrap core CSS --><link th:href="@{/css/bootstrap.min.css}" rel="stylesheet"><!-- Custom styles for this template --><link th:href="@{/css/signin.css}" rel="stylesheet"></head><body class="text-center"><form class="form-signin" th:action="@{/user/login}"><img class="mb-4" th:src="@{/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><input type="text" name="username" class="form-control" th:placeholder="#{login.username}" required="" autofocus=""><input type="password" name="password" class="form-control" 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">© 2025-2026</p><a class="btn btn-sm" th:href="@{/index.html(lang='zh_CN')}">中文</a><a class="btn btn-sm" th:href="@{/index.html(lang='en_US')}">English</a></form></body></html>

启动项目，进行测试

至此，页面国际化完成

结论：spring boot为我们封装了大量的配置文件，我们需要做的事情很少，但是还是需要了解原理的，建议大家可以多分析分析源码，希望能帮助到大家

springboot--页面的国际化

今天来实现页面中的国际化首先，需要创建一个新的spring boot项目，导入前端模板，在我的博客中可以找到，然后将HTML文件放在templates包下，将其他的静态资源放在statics包下，如下图结构页面的国际化主要在首…...

编程日记 2026/1/25 2:02:07

前端学习10—Ajax

1 AJAX 简介 AJAX 全称为 Asynchronous JavaScript And XML，就是异步的 JS 和 XML 通过 AJAX 可以在浏览器中向服务器发送异步请求，最大优势为：无刷新获取数据 AJAX 不是新的编程语言，而是一种将现有的标准组合在一起使用的新方…...

编程日记 2026/1/25 9:47:08

list的常见接口使用

今天，我们来讲解一下C关于STL标准库中的一个容器list的常见接口。在我们之前c语言数据结构中，我们已经了解过了关于链表的知识点了，那么对于现在理解它也是相对来说比较容易的了。数据结构--双向循环链表-CSDN博客 1. 定义与包含头文件 …...

编程日记 2026/1/25 7:59:03

一维差分数组

2.一维差分 - 蓝桥云课问题描述给定一个长度为 n 的序列 a。再给定 m 组操作，每次操作给定 3 个正整数 l, r, d，表示对 a_{l} 到 a_{r} 中的所有数增加 d。最终输出操作结束后的序列 a。 Update: 由于评测机过快，n, m 于 20…...

编程日记 2026/1/25 13:51:06

再次重拾jmeter之踩坑

1.添加“csv数据文件设置”，运行时提示 java.lang.IllegalArgumentException: Filename must not be null or empty检查多次后才发现因为我运行的是整个线程组，所以对应http请求下不能包括空的csv文件 2. 填写ip时不能加/，要在路径里加&…...

编程日记 2026/1/25 4:05:51

Flink的 RecordWriter 数据通道详解

本文从基础原理到代码层面逐步解释 Flink 的RecordWriter 数据通道，尽量让初学者也能理解。 1. 什么是 RecordWriter？ 通俗理解 RecordWriter 是 Flink 中负责将数据从一个任务（Task）发送到下游任务的组件。想象一下，…...

编程日记 2025/11/12 9:28:17

4-6记录（B树）

找左边右下或者右边左下转化成了前驱后继的删除又分好几种情况： 1. 只剩25，小于2，所以把父亲拉到25旁边，兄弟的70顶替父亲对于25，25的后继就是70，25后继的后继是71（中序遍历) 2. 借左子树…...

编程日记 2026/1/25 14:11:36

06软件测试需求分析案例-添加用户

给职业顾问部的老师添加用户密码后，他们才能登录使用该软件。只有admin账户具有添加用户、修改用户信息、删除用户的权利。admin是经理或团队的第一个人的账号，后面招一个教师就添加一个账号。通读需求是提取信息，提出问题，输出…...

编程日记 2026/1/25 14:33:28

Nacos服务发现和配置管理

目录一、Nacos概述 1. Nacos 简介 2. Nacos 特性 2.1 服务发现与健康监测 2.2 动态配置管理 2.3 动态DNS服务 2.4 其他关键特性二、服务注册和发现 2.1 核心概念 2.2 Nacos注册中心 2.3 Nacos单机模式 2.4 案例——服务注册与发现 2.4.1 父工程 2.4.2 order-p…...

编程日记 2026/1/25 7:26:11

【KWDB 创作者计划】第一卷：基础架构篇

以下是KWDB技术白皮书第一卷：基础架构篇的完整内容展示，包含要求的三个核心章节的深度解析。我们将以技术严谨性结合可读性的方式呈现，实际交付时会进一步扩展示意图和代码示例。目录 KWDB技术白皮书卷一：基础架构篇 1. 数…...

编程日记 2025/11/25 18:09:19

对接日本金融市场数据全指南：K线、实时行情与IPO新股

一、日本金融市场特色与数据价值日本作为全球第三大经济体，其金融市场具有以下显著特点： 成熟稳定：日经225指数包含日本顶级蓝筹股独特交易时段：上午9:00-11:30，下午12:30-15:00（JST）高流动性…...

编程日记 2025/9/10 6:56:23

【愚公系列】《高效使用DeepSeek》066-纠纷解决话术

🌟【技术大咖愚公搬代码：全栈专家的成长之路，你关注的宝藏博主在这里！】🌟 📣开发者圈持续输出高质量干货的"愚公精神"践行者——全网百万开发者都在追更的顶级技术博主！ 👉 江湖人称"愚公搬代码"，用七年如一日的精神深耕技术领域，以"…...

编程日记 2025/9/11 17:21:01

操作系统 3.1-内存使用和分段

如何简单使用内存这张幻灯片展示了计算机如何开始执行程序的基本过程，涉及到存储器、指令寄存器（IR）、运算器和控制器等计算机组件。存储器：程序被加载到内存中。图中显示了一个指令 mov ax, [100]，它的作用是将内存…...

编程日记 2026/1/27 5:04:01

禅道MCP Server开发实践与功能全解析

一、简介 1、MCP Server核心定义 MCP Server（Meta Command Protocol Server）是一种基于客户端-服务器架构的轻量级服务程序，采用统一的mcp协议格式，通过连接多样化数据源和工具为AI应用提供扩展能力。它作为中间层，实…...

编程日记 2026/1/27 6:30:00

Spring Boot 3.5新特性解析：自动配置再升级，微服务开发更高效

📝 摘要 Spring Boot 3.5作为Spring生态的最新版本，带来了多项令人振奋的改进。本文将深入解析其中最核心的自动配置增强特性，以及它们如何显著提升微服务开发效率。通过详细的代码示例和通俗易懂的讲解，您将全面了解这些新特性在…...

编程日记 2026/1/27 3:12:34

GNSS静态数据处理

1 安装数据处理软件：仪器之星（InStar ）和 Trimble Business Center 做完控制点静态后，我们需要下载GNSS数据，对静态数据进行处理。在处理之前需要将相关软件在自己电脑上安装好： 仪器之星（InS…...

编程日记 2026/1/25 3:04:41

java家政APP源码，家政预约平台源码，家电上门维修、家电上门清洗

家政上门预约服务APP源码，开发功能涵盖了用户注册与登录、家政服务分类与选择、预约管理、支付与交易、地图与导航、评价与反馈、个人信息管理、消息通知、营销工具以及数据分析等多个方面。这些功能的实现不仅提高了家政服务的便捷性和效率，还为用户提供…...

编程日记 2026/1/25 13:54:00

LangGraph 架构详解

核心架构组件 LangGraph 的架构建立在一个灵活的基于图的系统上，使开发者能够定义和执行复杂的工作流。以下是主要架构组件： 1. 状态管理系统 LangGraph 的核心是其强大的状态管理系统，它允许应用程序在整个执行过程中维护一致的状态&…...

编程日记 2026/1/27 7:05:36

【LLM基础】Megatron-LM相关知识（主要是张量并行机制）

系列综述： 💞目的：本系列是个人整理为了Megatron-LM的，整理期间苛求每个知识点，平衡理解简易度与深入程度。 🥰来源：材料主要源于Megatron-LM相关材料进行的，每个知识点的修正和深入…...

编程日记 2026/1/25 10:57:16

动力电池自动点焊机：新能源汽车制造的智能焊接利器

在新能源汽车产业蓬勃发展的今天，动力电池作为其核心部件，其性能与安全性直接关系到整车的续航里程和使用寿命。而动力电池的制造过程中，焊接工艺是至关重要的一环。这时，动力电池自动点焊机便以其高效、精准、智能的特点&#xf…...

编程日记 2026/1/25 14:32:14

解决vcpkg使用VS2022报错问题

转自个人博客：解决vcpkg使用VS2022报错问题最近，在把Visual Studio2019完全更新到最新Visual Studio2022后，原使用的vcpkg无法正常安装包，会报如下与Visual Studio 2022相关的错误： error: in triplet x64-windows-m…...

编程日记 2025/11/5 17:53:52

Next.js 简介

Next.js 是一个由 Vercel 开发的基于 React 的 Web 开发框架，旨在简化 React 应用的开发流程，提供更好的性能和开发体验。 🌟 Next.js 的核心特点 1. 文件系统路由（File-system Routing） 在 pages/ 目录中创建文件就…...

编程日记 2025/9/11 5:05:12

一文详解ffmpeg环境搭建：Ubuntu系统ffmpeg配置nvidia硬件加速

在Ubuntu系统下安装FFmpeg有多种方式，其中最常用的是通过apt-get命令和源码编译安装。本文将分别介绍这两种方式，并提供安装过程。一、apt-get安装使用apt-get命令安装FFmpeg是最简单快捷的方式，只需要在终端中输入以下命令即可： # 更新软件包列表 sudo apt-get updat…...

编程日记 2025/12/3 9:04:11

MySQL逻辑架构有什么？

1. MySQL逻辑架构分层 MySQL的逻辑架构可分为三层（自上而下）： 连接层（Client Layer）服务层（Server Layer）存储引擎层（Storage Engine Layer） -----------------------…...

编程日记 2025/9/11 12:07:24

AI应用企业研发方案

一、引言在当今数字化时代，人工智能（AI）技术正以前所未有的速度融入各个行业，推动着企业的创新与变革。对于医药流通行业批发公司而言，面对日益激烈的市场竞争和不断变化的客户需求，借助AI技术提升企业的…...

编程日记 2026/1/15 2:31:49

【15】Strongswan watcher详解2

watcher的核心业务函数watch： （1）如果count为0，没有要监听的句柄，则watcher状态设置为WATCHER_STOPPED，返回，返回值为JOB_REQUEUE_NONE，这会返回到“【11】Strongswan processor 详解…...

编程日记 2025/11/25 19:06:40

linux shell编程之条件语句（二）

目录一. 条件测试操作 1. 文件测试 2. 整数值比较 3. 字符串比较 4. 逻辑测试二. if 条件语句 1. if 语句的结构 (1) 单分支 if 语句 (2) 双分支 if 语句 (3) 多分支 if 语句 2. if 语句应用示例 (1) 单分支 if 语句应用 (2) 双分支 if 语句应用 (3) 多分支 …...

编程日记 2026/1/25 11:19:49

uniapp uni-collapse动态切换数据时高度不能自适应

需单独调用方法更新 this.$nextTick(() > {if (this.$refs.collapseBox) {this.$refs.collapseBox.resize()} })...

编程日记 2026/1/25 2:24:05

递归？递推？

前言：递归、递推是两种非常常见基础的算法了，但我之前忘了从这基础的先讲起了，大家应该也都略有了解吧！今天突然想写点相关延伸内容，所以还是完整介绍一些吧递归递归是一种通过函数调用自身解决问题的算法。在递归…...

编程日记 2026/1/25 13:29:36

蓝桥杯--结束

冲刺题单基础一、简单模拟（循环数组日期进制） （一）日期模拟知识点 1.把月份写为数组，二月默认为28天。 2.写一个判断闰年的方法，然后循环年份的时候判断并更新二月的天数 3.对于星期数的计算&#…...

编程日记 2026/1/24 21:59:23

相关文章：