微信小程序 | 微信公众平台SpringBoot开发实例 │ 开发一个简易的个人微信公众号

本是古典何须时尚 2024-04-03 14:04 82阅读 0赞

![f51b554c08caf467081fed361fa89978.jpeg][]

> 开发一个简易的个人微信公众号，并演示对不同相对地址的整合方法、JSON数据的处理方法（处理后以HTML文件显示）。

### **1、应用开发** ###

#### 1●创建类InitMenu ####

在包edu.bookcode中创建caseex子包，并在包edu.bookcode.caseex中创建类InitMenu，代码如例1所示。

**【例1】类InitMenu的代码示例。**

![68bab7f74efb839775b6d09d6f9442b2.png][]

#### 2●创建类MenuService ####

在包edu.bookcode.caseex中创建类MenuService，代码如例2所示。

**【例2】类MenuService的代码示例。**

![5439aae988195cb32c884a2cff7d8991.png][]

#### 3●创建类SelectController和辅助工作 ####

在包edu.bookcode.caseex中创建类SelectController，代码如例3所示。

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

![124176ce2fffa3353e493d584e65a0ba.png][]

例3中用到了万维易源的API，需要注册、登录到其官方网站，并下载文件showapi\_sdk\_java.zip，解压缩后，将其中的文件showapi\_sdk\_java.jar添加到本项目中，并按照公开方法调用接口。

#### 4●创建类CaseController ####

在包edu.bookcode.caseex中创建类CaseController，代码如例4所示。

**【例4】类CaseController的代码示例。**

![d2846e058bfcc5306bf4b89d30dfbdb3.png][]

#### 5●创建文件cookMenuInfo.html ####

在项目src＼main＼resources＼templates目录下创建文件cookMenuInfo.html，文件cookMenuInfo.html的代码如例5所示。

**【例5】文件cookMenuInfo.html的代码示例。**

![c7cc62d3f219dfe15de6fae7833cf659.png][]

#### 6●创建文件telephoneService.html ####

在项目src＼main＼resources＼templates目录下创建文件telephoneService.html，文件telephoneService.html的代码如例6所示。

**【例6】文件telephoneService.html的代码示例。**

![935f65b34328e53b6880d5360fbf599c.png][]

#### 7●创建文件stockInfo.html ####

在项目src＼main＼resources＼templates目录下创建文件stockInfo.html，文件stockInfo.html的代码如例7所示。

**【例7】文件stockInfo.html的代码示例。**

![95d720461225e2603ceabaf6efc340c2.png][]

#### 8●创建文件otherInfo.html ####

在项目src＼main＼resources＼templates目录下创建文件otherInfo.html，文件otherInfo.html的代码如例8所示。

**【例8】文件otherInfo.html的代码示例。**

![a95b685e40a1e857b1a982fe1fb612ca.png][]

### 2、程序功能和说明 ###

#### 1●运行程序并关注公众号 ####

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

在手机微信关注公众号，微信公众号回复文本消息“谢谢您的关注！”，如图1所示。

![e1aeea87f659745142b6014595a231ba.png][]

■ 图1在手机微信关注公众号后微信公众号回复文本消息“谢谢您的关注！”

#### 2●菜单信息和菜单功能说明 ####

手机微信公众号中第1级菜单如图1底部所示，第2级菜单第1列如图2所示，第2级菜单第2列如图15-3所示，第2级菜单第3列如图15-4所示。单击图2中的“Spring Cloud 微服务开发实战”菜单项，跳转到对应网址的图书页面，如图5。

![cec42b09462a85c9c4d28e86d6d59fb9.png][]

■ 图2第2级菜单第1列(图书)在手机微信公众号中的输出

![aa8e520ebaef2ecfced46bb237ea1886.png][]

■ 图3第2级菜单第2列(常用)在手机微信公众号中的输出

![3e86a009540d7c56ad99cea287594471.png][]

■ 图4第2级菜单第3列(我的)在手机微信公众号中的输出

![407e10ad5a2f7570d46e6cad96350f0f.png][]

■ 图5单击图2中的“Spring Cloud 微服务开发实战”菜单项后跳转到对应网址的图书页面

单击图3中的“本地天气”菜单项后手机微信公众号中的输出如图6所示，此时控制台中的输出如图7所示。单击图3中的“翻译”菜单项后手机微信公众号中的输出如图8 所示。单击图3中的“搜索”菜单项后自动跳转到百度首页。单击图3中的“发图”菜单项，结果如图9所示。单击图15-3中的“其他”菜单项，结果如图10所示。

![5a1ee4801405c759543e72bbb5940b85.png][]

■ 图6单击图15-3中的“本地天气”菜单项后手机微信公众号中的输出

![3a799cad00c926ad374091d3d7a146a8.png][]

■ 图7单击图15-3中的“本地天气”菜单项后控制台中的输出

![de9cc7fc26c30d45bd8a3c7da279532e.png][]

■ 图8单击图15-3中的“翻译”菜单项后手机微信公众号中的输出

![9faff8b7cb62ecda022eeac4ba7feb70.png][]

■ 图9单击图3中的“发图”菜单项后手机微信公众号中的输出

![fe8b9dc84b45a8c45339ef294d080cc2.png][]

■ 图10单击图3中的“其他”菜单项后手机微信公众号中的输出

单击图10中的“查询菜谱”菜单项，微信公众号中的输出如图11所示，控制台中的输出如图12所示。单击图10中的“查询电话服务”菜单项，微信公众号中的输出如图13所示，控制台中的输出如图14所示。单击图10中的“查找股票信息”菜单项，微信公众号中的输出如图15所示，控制台中的输出如图16所示。单击图10中的“其他”菜单项，微信公众号中的输出如图17所示，控制台中的输出如图18所示。

![c1791f0b43bb1f6d2feaefe9b23ed153.png][]

■ 图11单击图10中的“查询菜谱”菜单项后手机微信公众号中的输出

![e138afeba2392119cbd926f5ce76bbcc.png][]

■ 图12单击图10中的“查询菜谱”菜单项后控制台中的输出

![d29cb8bd9b596acf2de9c755d4881bb6.png][]

■ 图13单击图10中的“查询电话服务”菜单项后手机微信公众号中的输出

![b225b47b37e804e892fe825ab6883e62.png][]

■ 图14单击图10中的“查询电话服务”菜单项后控制台中的输出

![f1a8cf5ef41de07f521098f64b76850b.png][]

■ 图15单击图10中的“查找股票信息”菜单项后手机微信公众号中的输出

![8d8d9ad8412b7c9c60fb288136e1b8be.png][]

■ 图16单击图10中的“查找股票信息”菜单项后控制台中的输出

![29b55040ca57eaac53fe7abb2857caf0.png][]

■ 图17单击图10中的“其他”菜单项后手机微信公众号中的输出

![b2b15671632b16236f03d512c589ca22.png][]

■ 图18单击图10中的“其他”菜单项后控制台中的输出

依次单击图4中QQ、WeiXin、Phone、Email等菜单项，结果如图19所示。单击图4中的“云课堂”菜单项，跳转到编者在网易云课堂的首页，结果如图20所示。

![f686e4c3ac1155157c983d735583259c.png][]

■ 图19依次单击图4中QQ、WeiXin、Phone、Email等菜单项的结果

![e392bb2ed0b7c75fc2d5ff8c65d7f405.png][]

■ 图20单击图4中的“云课堂”菜单项的结果

#### 3●相对地址和JSON数据处理的简单说明 ####

图11、图13和图15(及它们对应的示例代码)中演示了对JSON格式数据的处理，图17中对火车的信息仅仅返回了JSON数据，没有进一步进行处理，大家可以采用JSON格式处理或字符串String的处理方法进行处理。

[f51b554c08caf467081fed361fa89978.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/1e1805891a0645328ce1b4dd48d91964.jpeg
[68bab7f74efb839775b6d09d6f9442b2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/43815ca15fb34e43b28174896c946295.png
[5439aae988195cb32c884a2cff7d8991.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/73112e225c4946c6bc9777edc8a08950.png
[124176ce2fffa3353e493d584e65a0ba.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/8601d88e2d4242988aaca4e96638b23e.png
[d2846e058bfcc5306bf4b89d30dfbdb3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/5346663abbcd44999e793dc0d88e07c9.png
[c7cc62d3f219dfe15de6fae7833cf659.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/7954a3f5ce5946d781a55fb0db074483.png
[935f65b34328e53b6880d5360fbf599c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/41430378d3c348aea00eb2c15c5da860.png
[95d720461225e2603ceabaf6efc340c2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/2535a666f45a490c88f320b5b8351579.png
[a95b685e40a1e857b1a982fe1fb612ca.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/403326d34f7c44debf4e522306cdd6ab.png
[e1aeea87f659745142b6014595a231ba.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/d87bf3024e274b2a98956e2d0cd991e6.png
[cec42b09462a85c9c4d28e86d6d59fb9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/0fa31e7101d44d55808afea26e815a68.png
[aa8e520ebaef2ecfced46bb237ea1886.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/c2daa3fc09d148f8925b1db11ece3ffd.png
[3e86a009540d7c56ad99cea287594471.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/da52eb6dff124d1fb0f7f4dfbfb41579.png
[407e10ad5a2f7570d46e6cad96350f0f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/23389f492562487e9b93dba881cc4e86.png
[5a1ee4801405c759543e72bbb5940b85.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/7829c145c9d34013b7ae80effdcc75c6.png
[3a799cad00c926ad374091d3d7a146a8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/a61e311c1ed748e3a9639c495c69f048.png
[de9cc7fc26c30d45bd8a3c7da279532e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/af4e53d7717b48179c98484135ccfd9b.png
[9faff8b7cb62ecda022eeac4ba7feb70.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/90e4e0025cf2483b8fa46bec6b5f55fd.png
[fe8b9dc84b45a8c45339ef294d080cc2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/ad5f8e82533f4fcab197a4cef4804d08.png
[c1791f0b43bb1f6d2feaefe9b23ed153.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/e03dd18b66ac4dcb86eef62cabdc2044.png
[e138afeba2392119cbd926f5ce76bbcc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/abacffc43bfb447bb94c70e91a12aaee.png
[d29cb8bd9b596acf2de9c755d4881bb6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/ee22e044748e452eb5698cd291be84d7.png
[b225b47b37e804e892fe825ab6883e62.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/46ea316f62ff4a63ad9938c06b44a333.png
[f1a8cf5ef41de07f521098f64b76850b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/9dbc8f0a89574854a1b151235a579c87.png
[8d8d9ad8412b7c9c60fb288136e1b8be.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/7b7269a6c7374df9b0454381b5a840e8.png
[29b55040ca57eaac53fe7abb2857caf0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/7d47873774b9450a9b00678728f25230.png
[b2b15671632b16236f03d512c589ca22.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/98f1cafabb6e4d3aba724ecc86cc2431.png
[f686e4c3ac1155157c983d735583259c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/876e5107238e4143967ef12bfca2dc53.png
[e392bb2ed0b7c75fc2d5ff8c65d7f405.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/fd20deb9dd2b42229851735d65d8d3b6.png