帶emoji表情彈出層的評論框，semantic+emoji picker，java.sql.SQLException: Incorrect string value: '\xF0\x9F..'

在自己做一個項目玩時，在做評論的時候。

選中了semantic.js原型，這個在國內用的不是很多，但是在github上star數量很高，想當初我想找一個js框架是就在上面找的。

semantic中文網：http://www.semantic-ui.cn/

用了他的評論UI組件：http://www.semantic-ui.cn/views/comment.html

如下圖所示

但是它的評論框不能用表情，於是在網上找了一個emoji 選擇器

github地址:https://github.com/OneSignal/emoji-picker

它的效果如下

然後和semantic集成效果如下：

接下來，如果你的資料庫編碼不對，會報錯

mysql版本要5.5+

1. 修改表欄位字元集為utf8mb4

alter table 表名 modify column 欄位名 varchar(500) character set utf8mb4;

2.修改表字元集utf8mb4

alter table 表名 charset=utf8mb4;

3.修改資料庫的字元集utf8mb4

alter database 資料庫名 character set utf8mb4;

修改完後記得重啟一下mysql服務

windows下重啟mysql服務的辦法：

1.我的電腦——（右鍵）管理==>服務與應用程式==>服務==>MYSQL==>停止==>開啟

2.Win+R==>net stop mysql==> net start mysql

如果上面不行的話，那就祭出大招：改mysql配置my.ini

[client]
default-character-set=utf8mb4
[mysqld]
character_set_server=utf8mb4

然後重啟

查看mysql編碼方式如下

然後就可以放心的存儲表情

ok.

題外話：

可以用其他公司提供的評論框組件，功能會更加完善。

http://changyan.kuaizhan.com/static/help/

友言：

http://www.uyan.cc/