<!--配置中文乱码的过滤器  -->

最新推荐文章于 2020-02-28 11:33:00 发布
原创 最新推荐文章于 2020-02-28 11:33:00 发布 · 792 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种解决中文乱码问题的方法，通过配置自定义的EncodingFilter来确保所有请求都使用统一的字符集，避免因字符编码不一致导致的问题。
<!--配置中文乱码的过滤器  -->
<filter>
<filter-name>EncodingFilter</filter-name>
<filter-class>com.hanqing.web.EncodingFilter</filter-class>
</filter>
<filter-mapping>
<filter-name>EncodingFilter</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>

vue+element-ui中实现多层级复杂的维度根据数据自动生成的表头
前端技术的学习整理
05-22 3万+
表头主要复杂在：1，有三层，一层是大类，第二层是具体项，第三层是标准值/对比值2，首列和末尾列是一层3，整个表格的维度是根据数据的输入自己生成，也就是动态的下面是在 vue + eleUI 中的解决方案：&lt;el-table :data="tableData" border style="width: 100%" max-height="700" v-loading="areaLoading"...
解决axios向后端SpringMVC传递参数乱码问题
CY2333333的博客
05-03 405
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;记录一个肯定能解决问题的办法，配置spring的内置过滤器CharacterEncodingFilter（字符编码过滤器），用来强制转换请求或响应的编码格式。 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;配置方法：在配置文件web.xml中加入以下代码： &lt;filter&gt; &lt;filter-name&gt;characterEncoding&lt;/filter-name&gt
中文乱码和HTML过滤器【代码库】
weixin_34026484的博客
01-21 189
tags: 代码库 #中文乱码# public class CharacterEncodingFilter implements Filter { public void doFilter(ServletRequest req, ServletResponse resp, FilterChain chain) throws IOException, ServletExcepti...
过滤器-解决中文乱码问题
shmily_yang的专栏
06-08 842
<br /><br />java的web程序经常出现中文乱码的问题，用一个实现了Filter接口的过滤器类可以较好地解决这个问题。<br /> <br />新增过滤器类EncodingFilter<br />import java.io.IOException;<br />import javax.servlet.*;<br /> <br />public class EncodingFilter implements Filter {<br /> <br />    private FilterConfi
前端jQuery之过滤器 jQuery过滤器
ttcoolx.com的专栏
06-09 802
相关学习视频请登录——天天酷学网：http://www.ttcoolx.com 一 ： 基本过滤器 注意： 1. 过滤器都是以冒号开头哒 2. 如果是包含的关系前面要加上空格 比如：选取div中的标题元素  我是标题   =>$('div :header')  我是标题 asdfadfad     列表1     列表2     列表3
使用过滤器来解决中文乱码
vaecherisher的专栏
06-02 909
使用过滤器处理乱码     以前的做法是在负责接受中文请求数据的每个页面编写用于处理中文乱码的代码。这样不利于代码重用。由于过滤器可在请求执行之前进行预处理，所以可把处理中文乱码的代码置于过滤器中。 该示例的编写步骤如下：  (1) 创建一个过滤器，命名为 encodeFilter.java 。代码如下： package filters; import jav
vue过滤器以及自定义指令
陌尘吖的博客
01-27 3264
vue 过滤器以及自定义指令 过滤器 私有过滤器 filters: { capitalize: function (msg) { return msg.replace('傻子', '**') } }, 全局过滤器 Vue.filter('globalFilter', function (msg) { return msg.replace('...
&lt;template&gt; &lt;view class="detail-container"&gt; &lt;view class="detail-title"&gt;{{ detail.title }}&lt;/view&gt; &lt;view class="detail-date"&gt;发布日期：{{ formatDate(detail.publishDate) }}&lt;/view&gt; &lt;!-- 使用处理后的富文本内容 --&gt; &lt;rich-text class="detail-content" :nodes="parseContent(detail.content)" /&gt; &lt;/view&gt; &lt;/template&gt; &lt;script setup&gt; import { ref } from 'vue'; import { onLoad } from '@dcloudio/uni-app'; const detail = ref({ title: '', publishDate: '', content: '' }); onLoad((options) =&gt; { if (options && options.articleId) { fetchDetail(options.articleId); } else { uni.showToast({ title: '缺少文章ID', icon: 'error' }); } }); // 格式化日期 const formatDate = (dateStr) =&gt; { if (!dateStr) return ''; const date = new Date(dateStr); return `${date.getFullYear()}-${(date.getMonth() + 1).toString().padStart(2, '0')}-${date.getDate().toString().padStart(2, '0')}`; }; // 增强的富文本处理函数 const parseContent = (html) =&gt; { if (!html) return ''; // 1. 处理转义字符 let processedHtml = html .replace(/&lt;/g, '&lt;') .replace(/&gt;/g, '&gt;') .replace(/&/g, '&') .replace(/"/g, '"') .replace(/&apos;/g, "'") .replace(/'/g, "'") .replace(/&nbsp;/g, ' '); // 2. 处理图片自适应 processedHtml = processedHtml.replace( /&lt;img[^&gt;]+src="([^"]+)"[^&gt;]*&gt;/gi, (match, src) =&gt; { return `&lt;img src="${src}" style="max-width:100%;height:auto;display:block;margin:10px auto;border-radius:8px;" /&gt;`; } ); // 3. 处理段落首行缩进 processedHtml = processedHtml.replace( /&lt;p[^&gt;]*&gt;/gi, '&lt;p style="text-indent:2em;margin:15px 0;"&gt;' ); // 4. 处理特殊符号（如百分号、括号等） processedHtml = processedHtml .replace(/%/g, '％') // 中文全角百分号 .replace(/\(/g, '（') // 中文全角左括号 .replace(/\)/g, '）'); // 中文全角右括号 // 5. 处理加粗字体 processedHtml = processedHtml.replace( /&lt;strong&gt;(.*?)&lt;\/strong&gt;/gi, '&lt;strong style="font-weight:bold;color:#333;"&gt;$1&lt;/strong&gt;' ); // 6. 处理列表样式 processedHtml = processedHtml .replace(/&lt;ol&gt;/gi, '&lt;ol style="padding-left:40px;margin:10px 0;"&gt;') .replace(/&lt;ul&gt;/gi, '&lt;ul style="padding-left:40px;margin:10px 0;"&gt;') .replace(/&lt;li&gt;/gi, '&lt;li style="margin-bottom:8px;"&gt;'); return processedHtml; }; // 获取详情数据 const fetchDetail = async (id) =&gt; { try { uni.showLoading({ title: '加载中...', mask: true }); const res = await uni.request({ url: `/api/incorruptFront/frontArticleDet/${id}`, method: 'GET' }); // 兼容不同平台响应结构 const response = res[1] || res; if (response.data && response.data.code === 200) { detail.value = response.data.data; } else { throw new Error(response.data?.msg || '数据加载失败'); } } catch (error) { uni.showToast({ title: error.message || '网络请求失败', icon: 'none' }); } finally { uni.hideLoading(); } }; &lt;/script&gt; &lt;style scoped&gt; .detail-container { padding: 30rpx; background-color: #fff; line-height: 1.8; } .detail-title { font-size: 40rpx; font-weight: bold; margin-bottom: 20rpx; color: #333; text-align: center; line-height: 1.5; } .detail-date { font-size: 26rpx; color: #999; margin-bottom: 40rpx; text-align: center; } /* 富文本内容样式增强 */ .detail-content { font-size: 30rpx; color: #555; text-align: left; /* 全局段落样式 */ :deep(p) { margin: 20rpx 0; line-height: 1.8; } /* 图片样式 */ :deep(img) { border-radius: 12rpx; margin: 30rpx auto; box-shadow: 0 4rpx 12rpx rgba(0,0,0,0.1); background-color: #f8f8f8; } /* 加粗文本 */ :deep(strong) { color: #333; font-weight: bold; } /* 列表样式 */ :deep(ol), :deep(ul) { padding-left: 50rpx; margin: 20rpx 0; } :deep(li) { margin-bottom: 15rpx; line-height: 1.6; } /* 特殊符号处理 */ :deep(*) { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } } &lt;/style&gt; 这个是我详情页代码，接口中的content内容是后端转译过的的数据内容，后端转译部分代码如下：package com.qiya.incorruptible.config; import com.fasterxml.jackson.core.JsonParser; import com.fasterxml.jackson.databind.DeserializationFeature; import com.fasterxml.jackson.databind.ObjectMapper; import com.fasterxml.jackson.databind.SerializationFeature; import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.Configuration; import org.springframework.http.converter.json.MappingJackson2HttpMessageConverter; /** * Jackson 配置类：支持特殊字符解析（如 HTML 标签、图片地址等） */ @Configuration public class JacksonConfig { @Bean public MappingJackson2HttpMessageConverter mappingJackson2HttpMessageConverter() { // 创建 ObjectMapper 实例（Jackson 核心处理类） ObjectMapper objectMapper = new ObjectMapper(); // 1. 配置特殊字符解析（兼容各版本 Jackson） try { // 尝试高版本配置（Jackson 2.10+） Class&lt;?&gt; jsonReadFeatureClass = Class.forName("com.fasterxml.jackson.core.json.JsonReadFeature"); Object allowUnescapedControlChars = jsonReadFeatureClass.getField("ALLOW_UNESCAPED_CONTROL_CHARS").get(null); // 调用 enable 方法启用特性 objectMapper.getClass().getMethod("enable", jsonReadFeatureClass).invoke(objectMapper, allowUnescapedControlChars); } catch (Exception e1) { try { // 尝试低版本配置（Jackson 2.9及以下） JsonParser.Feature feature = JsonParser.Feature.valueOf("ALLOW_UNESCAPED_CONTROL_CHARS"); objectMapper.enable(feature); } catch (Exception e2) { // 若仍失败，尝试兼容低版本拼写（少一个 "E"） try { JsonParser.Feature feature = JsonParser.Feature.valueOf("ALLOW_UNQUOTED_CONTROL_CHARS"); objectMapper.enable(feature); } catch (Exception e3) { // 所有尝试失败时，打印警告（不影响其他配置） System.err.println("警告：无法启用特殊字符解析，可能导致富文本解析失败"); } } } // 2. 允许单引号（如 {'name': 'value'}） objectMapper.configure(JsonParser.Feature.ALLOW_SINGLE_QUOTES, true); // 3. 允许 JSON 中的注释（/* 注释内容 */ 或 // 单行注释） objectMapper.configure(JsonParser.Feature.ALLOW_COMMENTS, true); // 4. 允许未加引号的字段名（如 {name: 'value'}） objectMapper.configure(JsonParser.Feature.ALLOW_UNQUOTED_FIELD_NAMES, true); // 5. 忽略实体类中不存在的字段（避免前端多传字段导致解析失败） objectMapper.configure(DeserializationFeature.FAIL_ON_UNKNOWN_PROPERTIES, false); // 6. 实体类为空时不报错（避免无字段时的异常） objectMapper.disable(SerializationFeature.FAIL_ON_EMPTY_BEANS); // 创建并返回自定义消息转换器 return new MappingJackson2HttpMessageConverter(objectMapper); } } 这导致后端里的content内容是常见文章内容有特殊符号，有照片，字体有加粗等。但是我这个页面显示有一部分是乱码。就比如后端数据是：第一行：你好（加粗）下一行是：我是（前面空了两个字的间距），第三行是一张图片在线调查_20250821162526A015.png。后端返回的数据就会是："content": "&lt;p&gt;&lt;strong&gt;你好&lt;/strong&gt;&lt;/p&gt;&lt;p&gt; 我是&lt;/p&gt;&lt;p&gt;&lt;img src=\"http://172.26.26.34:9300/statics/2025/08/21/在线调查_20250821162526A015.png\"&gt;&lt;/p&gt;",
最新发布
08-22
另外，乱码可能出现在中文字符上，所以我们需要确认： - 请求头中是否设置了正确的编码（UTF-8）？ - 页面本身的编码是否为UTF-8？ 在uni-app中，默认就是UTF-8，所以页面编码问题可能性不大。 建议的解决...
使用SSM完成增删改查
qq_42691671的博客
09-18 551
随便写的 先上图 1.添加页面 2.展示页面 3.修改页面 4.查询指定部门下的员工 先看目录结构创建对应的包 1.先导入该有的Jar包（建议用maven） 2.建表 employee表 department表 3配置文件 编写Spring.xml &lt;?xml version="1...
利用IDEA实现SSM框架对于数据库简单的增删查改（二）附代码
qq_38865565的博客
06-30 839
resources文件编写 在mapper文件夹下新建UserMapper.xml文件。（mybatis框架mapper代理开发配置文件）里面的数据是进行对数据库进行操作。 &lt;?xml version="1.0" encoding="UTF-8" ?&gt; &lt;!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "...
解决页面中文的乱码问题,使用过滤器为所有页面配置编码格式,解决大部分的中文乱码问题
u011177600的博客
08-13 1581
配置拦截器: &lt;!-- 为所有页面配置编码格式的过滤器 ,这里设置的编码格式需要与所有jsp页面的编码格式一致--&gt;  &lt;filter&gt;   &lt;filter-name&gt;setCharacterEncodingFilter&lt;/filter-name&gt;&lt;filter-class&gt;(包路径).SetCharacterEncodingFilter...
过滤器之中文乱码解决
热门推荐
JeelonXu.feng
04-26 1万+
在我们做项目时，总会遇到一些乱码问题 ，为了解决中文乱码的问题 我们通常会在Servlet控制器中增加这么一句话 ：request.setCharacterEncoding("utf-8"); 使得我们在加载项目的时候不至于会感到由于该死的外国人设计的程序语言 总有那么多弊端，会让我们的国语造成乱码问题。 哈哈 玩笑了  ！！！想想，要是在一个大项目中  有很多个Servlet  我们是不是在每一个Servlet中都要去增加这段代码呢？这样就造成了不必要的冗余，我们为什么不用Servlet提供给我们的很好的
编码过滤器 | 解决中文乱码问题
qq_43382960的博客
02-28 858
中文乱码问题的确令人头疼，接收get/post表单参数，或者从数据库取中文数据，都有可能出现乱码。 因为各个环境下使用的字符编码不同，HTML2.0 - HTML4.01、jsp默认使用ISO-8859-1，mysql数据库默认使用latin，HTML5使用UTF-8，ISO 8859和latin两种字符编码都不支持中文，具体可以参见下表 字符编码 说明 ISO/IEC 885...
前端过滤标签的js
有才而性缓，定属大才。有智而气和，斯为大智。
01-25 1166
function reMove(obj){ obj = obj.replace(/(\n)/g, ""); obj = obj.replace(/(\t)/g, ""); obj = obj.replace(/(\r)/g, ""); obj = obj.replace(/]*>/g, ""); obj = obj.replace(/\s*/
轻松解决上传图片的变形的问题
12-30 5072
有时候，我们编写一个图片上传程序，首先需要的做的就是将图片变成合适的大小，这就要求我们按比例来缩放我们的图片，有的是通过编写程序来计算，很麻烦，其实 通过一个css属性就能轻松的解决这个图片比例的问题 通过这个简单的设置，就可以实现图片的按比例缩放了
tomcat日志文件没有
12-30 2273
<Valve className="org.apache.catalina.valves.AccessLogValve"                  directory="logs"  prefix="localhost_access_log." suffix=".txt"                  pattern="common" resolveHosts="true"/> 去掉对
如何快速的将我们的汉字变为ascii
12-30 826
有时候在strut2开发的过程当中，在一些properties属性文件当中，如果我们需要存储汉字的话是乱码的，那么该如何解决这个汉字乱码的问题呢， windows+r cmd native2ascii 然后就可以输入我们的汉字，会自动的转换成ascii
struts+jsp如何解决用户恶意刷新提…
12-30 801
有时候，我们在用户注册时候，最后需要将用户的注册信息添加到数据库当中，比如我们当用户点击注册完成按钮之后，通过一个struts的跳转到一个新的注册成功页面，但是当你不断刷新这个注册成功的页面，后台却不断产生上次输入的注册信息，相当于是每刷新一次，然后注册一次。 网上给出了一些其他的方法，比如在添加到数据库之前，设置一个时间点，放入到session当中，或者设置一个flag放到session当中，等
&lt;?xml version="1.0" encoding="UTF-8"?&gt; &lt;web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd" version="4.0"&gt; &lt;display-name&gt;AirlineBooking&lt;/display-name&gt; &lt;welcome-file-list&gt; &lt;welcome-file&gt;index.jsp&lt;/welcome-file&gt; &lt;/welcome-file-list&gt; &lt;!-- 配置JSTL --&gt; &lt;jsp-config&gt; &lt;taglib&gt; &lt;taglib-uri&gt;http://java.sun.com/jsp/jstl/core&lt;/taglib-uri&gt; &lt;taglib-location&gt;/WEB-INF/lib/jstl-1.2.jar&lt;/taglib-location&gt; &lt;/taglib&gt; &lt;/jsp-config&gt; &lt;filter&gt; &lt;filter-name&gt;AuthFilter&lt;/filter-name&gt; &lt;filter-class&gt;com.airline.filter.AuthFilter&lt;/filter-class&gt; &lt;/filter&gt; &lt;filter-mapping&gt; &lt;filter-name&gt;AuthFilter&lt;/filter-name&gt; &lt;url-pattern&gt;/booking/*&lt;/url-pattern&gt; &lt;/filter-mapping&gt; &lt;filter-mapping&gt; &lt;filter-name&gt;AuthFilter&lt;/filter-name&gt; &lt;url-pattern&gt;/user/*&lt;/url-pattern&gt; &lt;/filter-mapping&gt; &lt;!-- &lt;!– 应用显示名称 –&gt;--&gt; &lt;!-- &lt;display-name&gt;OnlineShop&lt;/display-name&gt;--&gt; &lt;!-- &lt;!– 欢迎文件列表 –&gt;--&gt; &lt;!-- &lt;welcome-file-list&gt;--&gt; &lt;!-- &lt;welcome-file&gt;index.jsp&lt;/welcome-file&gt;--&gt; &lt;!-- &lt;/welcome-file-list&gt;--&gt; &lt;!-- &lt;!– 会话超时配置(单位:分钟) –&gt;--&gt; &lt;!-- &lt;session-config&gt;--&gt; &lt;!-- &lt;session-timeout&gt;30&lt;/session-timeout&gt;--&gt; &lt;!-- &lt;/session-config&gt;--&gt; &lt;!-- &lt;!– Servlet 配置 –&gt;--&gt; &lt;!-- &lt;servlet&gt;--&gt; &lt;!-- &lt;servlet-name&gt;LoginServlet&lt;/servlet-name&gt;--&gt; &lt;!-- &lt;servlet-class&gt;com.onlineshop.servlet.LoginServlet&lt;/servlet-class&gt;--&gt; &lt;!-- &lt;/servlet&gt;--&gt; &lt;!-- &lt;servlet&gt;--&gt; &lt;!-- &lt;servlet-name&gt;RegisterServlet&lt;/servlet-name&gt;--&gt; &lt;!-- &lt;servlet-class&gt;com.example.onlineshop.servlet.RegisterServlet&lt;/servlet-class&gt;--&gt; &lt;!-- &lt;/servlet&gt;--&gt; &lt;!-- &lt;!– Servlet 映射 –&gt;--&gt; &lt;!-- &lt;servlet-mapping&gt;--&gt; &lt;!-- &lt;servlet-name&gt;LoginServlet&lt;/servlet-name&gt;--&gt; &lt;!-- &lt;url-pattern&gt;/login_process.jsp&lt;/url-pattern&gt;--&gt; &lt;!-- &lt;/servlet-mapping&gt;--&gt; &lt;!-- &lt;servlet-mapping&gt;--&gt; &lt;!-- &lt;servlet-name&gt;RegisterServlet&lt;/servlet-name&gt;--&gt; &lt;!-- &lt;url-pattern&gt;/register_process.jsp&lt;/url-pattern&gt;--&gt; &lt;!-- &lt;/servlet-mapping&gt;--&gt; &lt;!-- &lt;!– 错误页面配置 –&gt;--&gt; &lt;!--&lt;!– &lt;error-page&gt;–&gt;--&gt; &lt;!--&lt;!– &lt;error-code&gt;404&lt;/error-code&gt;–&gt;--&gt; &lt;!--&lt;!– &lt;location&gt;/error/404.jsp&lt;/location&gt;–&gt;--&gt; &lt;!--&lt;!– &lt;/error-page&gt;–&gt;--&gt; &lt;!--&lt;!– &lt;error-page&gt;–&gt;--&gt; &lt;!--&lt;!– &lt;error-code&gt;500&lt;/error-code&gt;–&gt;--&gt; &lt;!--&lt;!– &lt;location&gt;/error/500.jsp&lt;/location&gt;–&gt;--&gt; &lt;!--&lt;!– &lt;/error-page&gt;–&gt;--&gt; &lt;!-- &lt;!– 上下文参数 –&gt;--&gt; &lt;!-- &lt;context-param&gt;--&gt; &lt;!-- &lt;param-name&gt;jdbcDriver&lt;/param-name&gt;--&gt; &lt;!-- &lt;param-value&gt;com.mysql.jdbc.Driver&lt;/param-value&gt;--&gt; &lt;!-- &lt;/context-param&gt;--&gt; &lt;!-- &lt;context-param&gt;--&gt; &lt;!-- &lt;param-name&gt;jdbcUrl&lt;/param-name&gt;--&gt; &lt;!-- &lt;param-value&gt;jdbc:mysql://localhost:3306/onlineshop&lt;/param-value&gt;--&gt; &lt;!-- &lt;/context-param&gt;--&gt; &lt;!-- &lt;!– 过滤器配置(可选) –&gt;--&gt; &lt;!--&lt;!– &lt;filter&gt;–&gt;--&gt; &lt;!--&lt;!– &lt;filter-name&gt;CharacterEncodingFilter&lt;/filter-name&gt;–&gt;--&gt; &lt;!--&lt;!– &lt;filter-class&gt;com.example.onlineshop.filter.CharacterEncodingFilter&lt;/filter-class&gt;–&gt;--&gt; &lt;!--&lt;!– &lt;init-param&gt;–&gt;--&gt; &lt;!--&lt;!– &lt;param-name&gt;encoding&lt;/param-name&gt;–&gt;--&gt; &lt;!--&lt;!– &lt;param-value&gt;UTF-8&lt;/param-value&gt;–&gt;--&gt; &lt;!--&lt;!– &lt;/init-param&gt;–&gt;--&gt; &lt;!--&lt;!– &lt;/filter&gt;–&gt;--&gt; &lt;!--&lt;!– &lt;filter-mapping&gt;–&gt;--&gt; &lt;!--&lt;!– &lt;filter-name&gt;CharacterEncodingFilter&lt;/filter-name&gt;–&gt;--&gt; &lt;!--&lt;!– &lt;url-pattern&gt;/*&lt;/url-pattern&gt;–&gt;--&gt; &lt;!--&lt;!– &lt;/filter-mapping&gt;–&gt;--&gt; &lt;/web-app&gt;我这个配置有问题吗
06-16
### 正确配置 `web.xml` 以支持 JSTL 核心 URI 为了确保 JSP 文件能够正确解析 JSTL 核心 URI `[http://java.sun.com/jsp/jstl/core]`，需要在 `web.xml` 文件中进行适当的配置。以下是具体的配置方法： #### 配置...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值