微信小程序 | 微信公众平台SpringBoot开发实例 │ 表情消息

朴灿烈づ我的快乐病毒、 2024-04-01 08:49 75阅读 0赞

![445e5d144b9275a608f0b008af1cbcf1.jpeg][]

在手机微信公众号中输入文本（如“调皮”），手机微信公众号在回复的文本消息中所包含对应的表情，如下图所示。

![081ab0437cf74604839683602ffdff3e.jpeg][]

**系统实现的具体工具**

*  **Spring Boot框架**，实现后端功能。
 *  **Thymeleaf**，实现前端（视图）功能，如显示课程信息
 *  **Spring Data JPA框架**，数据库处理（ORM）。
 *  **Intellij IDEA**，集成开发环境。

## **1、说明** ##

网络表情指的是在互联网上交流时用到的帮助人们更准确表达信息的符号和图片。表情是日常生活的艺术化表达，被喻为语音与文字以外的第三种语言。富有创意、精心为聊天场景制作的表情不仅可以增加用户在聊天中的乐趣，还能收到意想不到的表达效果。表情主要分为字符表情和图片表情(表情包)。其中，图片表情常用的有百度Hi的气泡熊表情、QQ表情、兔斯基表情、绿豆蛙表情、泡泡表情等。

本示例演示了在微信公众平台应用开发中如何对数据库进行操作。

## **2、辅助工作** ##

需要先安装数据库MySQL，创建数据库wxgzhpt，并创建表、插入数据，SQL语句代码如例1所示。

![9a22f2eadedfebee8a047b54192f43bb.png][]

![573c421a3455b738d42bc251d74f11a3.png][]

修改项目src＼main＼resources目录下的文件application.properties，向该文件中增加对MySQL数据库的配置信息，代码如例2所示。注意，不同版本MySQL的配置信息可能有差异。

**【例2】文件application.properties增加的数据库配置信息代码示例。**

![90f2e7cb0ffc4eb5a843c79a5b20ce70.png][]

## **3、创建类Emojikeywords** ##

在包edu.bookcode中创建exofemoji子包，并在包edu.bookcode.exofemoji中创建service子包，在包edu.bookcode.exofemoji.service中创建类Emojikeywords，代码如例3所示。

**【例3】类Emojikeywords的代码示例。**

![9576b057d24e66494bf6a9fc2c50f0a3.png][]

**4、创建接口EmojiRepository**

在包edu.bookcode.exofemoji.service中创建接口EmojiRepository，代码如例4所示。

**【例4】接口EmojiRepository的代码示例。**

![53443f9a0a9a2ac0b7f44503f47e0075.png][]

## **5、创建类MessageTemplateUtil** ##

在包edu.bookcode.exofemoji.service中创建类MessageTemplateUtil，代码如例5所示。

**【例5】类MessageTemplateUtil的代码示例。**

![539202e90af9f53a359f84a3b78b4e25.png][]

## **6、创建类EmojiController** ##

在包edu.bookcode.exofemoji中创建controller子包，并在包edu.bookcode.exofemoji.controller中创建类EmojiController，代码如例6所示。

**【例6】类EmojiController的代码示例。**

![af9bd89fe32e37fae2b2f0740a9b70ff.png][]

![7ff10d76ddb444e41132a095cdfb140d.png][]

![6eb5178186ef264a526575ff9e676a64.png][]

## **7、运行程序** ##

启动内网穿透工具后，按照例1中注释给出的提示修改VoiceRecognitionController的相对地址，并再次运行项目入口类WxgzptkfbookApplication。

在手机微信公众号中输入文本(如“调皮”)，手机微信公众号在回复的文本消息中包含对应的表情，如图1所示。

![8983d22f87fef2bb9c3b394be1660a5f.jpeg][]

■ 图1在手机微信公众号中输入文本后回复文本消息中包含对应的表情

[445e5d144b9275a608f0b008af1cbcf1.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/c6a2dbc1db65430491a4d1517d66d7bf.jpeg
[081ab0437cf74604839683602ffdff3e.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/3ff09a3b33cd47fdb6f6e444912a904b.jpeg
[9a22f2eadedfebee8a047b54192f43bb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/4964388a89a74353ad1e2d84c3a1c85a.png
[573c421a3455b738d42bc251d74f11a3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/627346493c1642fab4d318ed9fe8eaf6.png
[90f2e7cb0ffc4eb5a843c79a5b20ce70.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/000498eee0904bf491446f166243d675.png
[9576b057d24e66494bf6a9fc2c50f0a3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/c96bc50233cb4425a948bdc473858582.png
[53443f9a0a9a2ac0b7f44503f47e0075.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/ff2725e612f74861be73c11ac81910a4.png
[539202e90af9f53a359f84a3b78b4e25.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/54f2d1f0780146b197516e2637a89094.png
[af9bd89fe32e37fae2b2f0740a9b70ff.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/0b3a38c802184c439c7f2296332f8bbc.png
[7ff10d76ddb444e41132a095cdfb140d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/cd28de7fbca7436488dbd2e24eed5c61.png
[6eb5178186ef264a526575ff9e676a64.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/aa84ba0d39c24684b7463f2277949670.png
[8983d22f87fef2bb9c3b394be1660a5f.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/c54d358d34d048d29b40f811aa20add5.jpeg