解决Tomcat + Thymeleaf + HTML前端中文乱码问题

在使用Tomcat、Thymeleaf和HTML进行Web开发时，中文乱码问题是一个常见的问题。这通常是由于字符编码不一致或设置不正确所导致的。为了解决这个问题，你可以按照以下步骤进行排查和调整：

1. 确保HTML文件的编码设置正确：
   在HTML文件的头部添加以下meta标签，指定字符编码为UTF-8：

   <meta charset="UTF-8">

   这将确保浏览器正确解析中文字符。
2. 配置Tomcat服务器支持UTF-8编码：
   打开Tomcat服务器的配置文件（通常位于Tomcat安装目录下的conf文件夹中），找到server.xml文件。在该文件中，找到Connector标签，并添加以下属性：

   URIEncoding="UTF-8"
   useBodyEncodingForURI="true"

   这样配置后，Tomcat服务器将使用UTF-8编码处理请求和响应。
3. 配置Thymeleaf模板引擎支持UTF-8编码：
   在Thymeleaf的配置文件（通常位于src/main/resources文件夹中）中，找到templateResolver属性，并添加以下配置：

   templateResolver.setCharacterEncoding("UTF-8")

   这将确保Thymeleaf模板引擎在处理模板时使用UTF-8编码。
4. 检查数据库连接的字符编码设置：
   如果你使用数据库存储中文字符，确保数据库连接的字符编码设置正确。例如，对于MySQL数据库，可以在连接URL中添加以下参数：

   jdbc//localhost:3306/mydatabase?useUnicode=true&characterEncoding=UTF-8

   这将确保数据库连接使用UTF-8编码。
5. 检查后端代码中的字符编码设置：
   在后端代码中，确保在使用中文字符时，字符编码设置正确。例如，在Java代码中，可以使用以下代码设置字符编码：

   request.setCharacterEncoding("UTF-8")
   response.setCharacterEncoding("UTF-8")

   这将确保请求和响应使用UTF-8编码。
   通过以上步骤，你应该能够解决Tomcat、Thymeleaf和HTML前端中文乱码问题。如果问题仍然存在，请检查其他可能的编码问题，如文件存储、日志输出等。另外，确保开发环境和生产环境的一致性也很重要，以避免因环境差异导致的问题。