Thymeleaf 渲染网页时中文乱码的问题

已于 2022-02-17 14:47:45 修改
阅读量3.6k 收藏 10
点赞数 6
分类专栏： SpringMVC Thymeleaf 文章标签： java springmvc 视图设计
于 2022-02-17 14:45:46 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hb1993/article/details/122983096
版权

问题场景

在基于 Thymeleaf 的 html 模板中我使用了一些半角冒号，结果显示网页的时候这些半角冒号却是“??”，估摸着跟中文的编码问题有关，于是我加入了一些中文，结果这些中文也是显示乱码。

解决方案

首先在注册 Thymeleaf 的时候模板解析器 TemplateResolver 设置编码为“UTF-8”。

然后 Thymeleaf 视图解析器的配置处也需要设置编码为“UTF-8”。

以上两者缺一不可，否则中文还是乱码。

注意：网页内容的编码方式别忘了（<meta charset="UTF-8" />）

hb1993
关注
  • 6
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
appfuse学习笔记（三）解决乱码和菜单设置
03-16
在本篇“appfuse学习笔记（三）解决乱码和菜单设置”中，我们将深入探讨在使用AppFuse框架时遇到的编码问题以及如何定制应用程序的菜单。AppFuse是一款开源项目，它提供了一个快速开发Web应用的基础，特别是对于Java...
springboot集成jsp的简单例子
12-04
中文乱码问题在处理HTTP请求时常常出现，特别是在处理POST数据或文件上传时。解决这个问题通常需要在配置中指定字符编码。在Spring Boot中，可以在`application.properties`或`application.yml`中设置`server.tomcat...
SpringMVC整合Thymeleaf中文乱码问题，html代码显示不全
大吉的博客
11-05 1385
文章目录前言一、如何编写SpringMVC的配置文件？二、启动服务器之后，页面html的代码显示不全总结 前言 SpringMVC和Thymeleaf组合在一起的问题，比较冷门，一般遇到的也比较少。因为大家在SSM阶段技术选型的时候，一般会选用jsp，学校老师也是这么教的。 一般在SpringBoot阶段用到Thymeleaf模板引擎比较多，而且SpringBoot还有专门的Thymeleaf的启动器，帮我们省去了不少配置。 但是我在搭建个人博客时，想练习一下SSM，又想摒弃jsp技术，就结合了一下Thy
thymeleaf html页面中文注释乱码 解决
清水茶叶
07-04 930
&lt;!-- 使用thymeleaf解析 --&gt; &lt;bean id="templateResolver" class="org.thymeleaf.spring4.templateresolver.SpringResourceTemplateResolver"&gt; &lt;property name="prefix" value="/WEB-INF/.
全局配置中设置Thymeleaf的编码时，显示不知道utf-8
最新发布
sgs446529896的博客
05-04 177
解决方法：大写改小写，原理不明白。
SpringBoot集成thymeleaf(自定义)模板中文乱码的解决办法
WGH100817的博客
06-17 133
楼主今天在学习SpringBoot集成thymelaf的时候报了中文乱码的错误,经过网上的搜索,现在得到解决的办法,分享给大家: package com.imooc.config; import org.springframework.beans.BeansException; import org.springframework.boot.context....
thymeleaf解决中文乱码
weixin_33862993的博客
06-17 1754
为什么80%的码农都做不了架构师？>>> ...
thymeleaf中文乱码问题
热门推荐
pdw2009的专栏
03-18 1万+
thymeleaf中文乱码问题
idea__SpringBoot微服务09——员工管理系统，（Springboot解决乱码），thymeleaf语法，404页面。
weixin_42858422的博客
12-11 1038
员工管理系统一、首页实现（注意的点）二、国际化三、乱码解决四、登录功能实现（注意的点）五、登录拦截器（注意的点）六、展示员工列表（注意的点）1、前端页面抽取 th:fragment2、前端页面抽取进阶 th:replace3、前端页面侧边栏选择高亮 active传递参数判断4、日期七、添加员工（注意的点）1、时间格式问题2、参数问题3、循环遍历 th:each 设置值 th:value八、修改员工（注意的点）1、form表单action传值2、+ 号拼接参数，a标签也是可以提交的3、th:ch
Spring MVC 复习笔记.rar
10-29
在处理中文字符时，可能会遇到乱码问题。为解决这个问题，可以在 Web.xml 中配置 DispatcherServlet 的初始化参数，例如设置编码方式为 UTF-8： ```xml <param-name>characterEncoding <param-value>UTF-8 ``` ...
springboot后台项目
09-11
- **前端模板渲染**: Thymeleaf 和 Layui 结合，提供了一套美观且响应式的前端界面，方便用户交互。 - **文档与笔记**: 项目中的"readme"文件可能包含了开发笔记和使用说明，帮助理解和维护项目。 总结来说，这是一...
Thymeleaf中文参考手册3.0.5版
01-08
Thymeleaf中文参考手册3.0.5版，本书以Thymeleaf官方文档为基础，科学系统地、循序渐进地将Thymeleaf的使用方法、技术细节、扩展思路铺展开来，带您走进Thymeleaf的欢乐世界。
thymeleaf3.0.5中文版完全手册2017
11-25
thymeleaf 3.0.5 中文版 完全手册 2017 可以说是很完美了
iText+Flying Saucer生成pdf文档所需要的jar包
01-09
因此，使用这个修改过的jar包，可以避免在生成PDF时出现乱码或者中文字符不完整的情况。 为了使用这些库，你需要在你的项目中引入相应的jar文件。在提供的压缩包文件列表中，虽然没有具体的文件名，但通常会包含...
thymeleaf生成PDF的时候中文不显示
weixin_38605648的博客
05-08 249
body{font-family:SimSun;} .title{align-content: center;text-align: center;} .signature{float:right }
后端使用thymeleaf模板生成页面转pdf，结果客户现场中文不显示
Genmer的博客
04-16 630
经过半天的排除，我确定了大概是字体的问题 模板使用的是SimSun 经排查发现客户现成放微服务的机器没有安装字体或者是安装了没有被识别，所有重新放到了chinese文件夹下 并进行刷新 这样做是为了避免某些程序找不到字体。早期的程序是通过这样的东西索引字体的。 网上说 最好还是做一下。最重要的fc-cache -fv。 记得都需要root权限，除非你字体是安装到home目录下 ...
spring使用thymeleaf返回的html页面出现乱码
qq_43794633的博客
02-12 1007
已经确认自己的html的编码确定已经是UTF-8，在web.xml文件里面也添加了乱码过滤CharacterEncodingFilter，但还是没有解决。但是利用该spring的视图解析器org.springframework.web.servlet.view.InternalResourceViewResolver就不会出现乱码。 搜了许多，最后发现是需要在如下图所示的thymleaf的视图解析器配置中的第一个和第三个bean都需要指定编码，只要有一个不指定，都会出现出乱码。 ...
thymeleaf 模板引擎页面乱码
拱卒的博客
08-09 699
在head 标签里面加上 <meta charset="UTF-8">
thymeleaf渲染html
04-05
Thymeleaf 是一种模板引擎，用于在 Web 应用程序中渲染 HTML、XML、JS、CSS 和文本等内容。它是一种服务器端渲染的模板引擎，可以将模板文件作为 HTML 输出到浏览器。 以下是使用 Thymeleaf 渲染 HTML 的示例： 1. 添加 Thymeleaf 依赖 在 Maven 项目中，添加以下依赖： ``` <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency> ``` 2. 创建 Thymeleaf 模板文件 在 src/main/resources/templates 目录下创建一个名为 index.html 的文件，并添加以下内容： ``` <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>Thymeleaf Example</title> </head> <body> <h1 th:text="${message}"></h1> </body> </html> ``` 这个模板文件中包含一个 h1 标签，使用 Thymeleaf 表达式来显示一个变量 message 的值。 3. 编写控制器 创建一个名为 HomeController 的控制器类，添加 @Controller 注解，并创建一个方法来处理请求： ``` @Controller public class HomeController { @RequestMapping("/") public String home(Model model) { model.addAttribute("message", "Hello Thymeleaf!"); return "index"; } } ``` 这个方法将一个名为 message 的变量添加到 Model 中，并返回 index.html 模板文件的名称。 4. 运行应用程序 现在，可以运行应用程序并访问 http://localhost:8080/，将看到一个包含 "Hello Thymeleaf!" 文本的页面。 以上就是使用 Thymeleaf 渲染 HTML 的基本步骤。在实际应用中，可以使用更复杂的 Thymeleaf 表达式和指令来渲染页面，例如循环、条件语句、表单处理等。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值