页面展现数据乱码问题全流程分析解决

蔚落 2024-03-24 11:44 37阅读 0赞

## 乱码问题 ##

### 问题： ###

某次添加数据的时候突然发现数据某些新增数据出现？？？的情况，首先推测是肯定是某处编码不统一或者没有设置的原因，但编码的设置也有很多处。

![8ebcf5f095ee42e4962a2002ba1ec724.png][]

### 分析： ###

首先先写一条新数据，然后通过浏览器的的请求包记录查看里面的信息，确保发送回来后端的信息技术没有问题的，当时我这是没有问题的，此处不做演示了。

![6d2e1f372c6445428e6dc59d695824f4.png][]

然后数据去到数据库，就变成???问号，而且当输入相同数量问号会显示???已存在 ，当时就觉得很迷惑，这个意思肯定就是数据到数据库之前或者之后就已经变成???然后和数据库相同长度的???匹配了所以返回相同。![4e31746692be4498b906dc5bc6794c61.png][]

![6d4a2866d6584349a491b6d688db8e4c.png][]

因此我们要先看是不是IDEA或者控制器的编码格式问题，

IDEA编码设置

![ea09c7b6810240d598408129e8f02d84.png][]

![072f6183a9bf48acb97e7bfad9356043.png][] 发现没啥问题，就继续去看代码处理部分，我这后端没啥问题就没得检查了，如果你们是使用比较原始的Servlet那类的request response要注意有没有set编码。也可以在新增方法中打一个断点，看看传进来的数据是否正常。

![690194f6726a4090a710478665812b59.png][]

也没问题的话，就到数据库部分了，通常会直接去看数据库的编码格式或者建表语句中编码格式，但我的问题是之前没有问题，后面就出现了编码问题，所以排除了建表编码和数据库编码，但此处还是讲一下如何查看吧。

在IDEA中打开database，然后选中其中一个数据库右键打开可以直接查看

![de298b9814ca488ba06211c4d3073de4.png][]

![59dbacc8a5944c7e86b944f034277089.png][]

然后就是数据库的建表语句了，建议用Navicat去查看，不仅打开方便，还可以更改的方便

选择对应的数据库，查看建的数据库库

> SHOW CREATE DATABASE <数据库名>;

![a4ecba3b5f7f453ba6e9302f26934bd0.png][]

查看建表中的编码格式，也没啥问题

> SHOW CREATE TABLE <表名>;

![7abf1a8e6df14d1eac6edc96fadb99bc.png][]

检查到有问题的到navicat上改即可

最后面发现个很逆天也很容易被疏忽的问题，在配置中我当时就是忘了后面这个编码设置而导致数据传入数据库就开始有问题了，至此乱码的问题就解决了。

![9319878ef7a44470b8ec07d1ab89c60a.png][]

--------------------

(首先这个项目是用到了读写分离)到后面，我发现我的新增的数据在数据库没有问题但是出现了没有更新到前端去，后面打开两个虚拟机中的数据库查看数据发现读和写的两个数据库表对不上，意思就是两个表没有进行同步成功。以下就是读写分离重新同步两个数据库的方法

##  ##

[8ebcf5f095ee42e4962a2002ba1ec724.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/e3b10eca96374b7282c23791e0456f76.png
[6d2e1f372c6445428e6dc59d695824f4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/0cc6161e7f9f45aabebc08e56d1669ce.png
[4e31746692be4498b906dc5bc6794c61.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/912fc64e44b84f649f35d1ec2b25449d.png
[6d4a2866d6584349a491b6d688db8e4c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/6b05f32fe4d64fb2a544f1bec6ff6297.png
[ea09c7b6810240d598408129e8f02d84.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/a23e229ce3ee4a1c9bdc8996e8428ddb.png
[072f6183a9bf48acb97e7bfad9356043.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/18384fca1dd042e7a8b2b559cd2218e2.png
[690194f6726a4090a710478665812b59.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/540ece96775f4620abc1b09acc5dc7f4.png
[de298b9814ca488ba06211c4d3073de4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/df5eab5034ad4360ae4350be33343d87.png
[59dbacc8a5944c7e86b944f034277089.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/aef41a1b4aca4491813c5159fb49bf88.png
[a4ecba3b5f7f453ba6e9302f26934bd0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/13b7e47193734149aeaf859484e41f1b.png
[7abf1a8e6df14d1eac6edc96fadb99bc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/a69079d0ee564daaabd473bc8baa5f04.png
[9319878ef7a44470b8ec07d1ab89c60a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/b8029cba71bb40cba6fc41ab38a9bb75.png