微信小程序云开发 | 综合案例：微信小程序与Spring Boot整合开发（限免视频）本文结合一个示例

文章图片
8
●
运行程序
在MySQL数据库(版本为8.0.17)中创建数据库mytest 。请注意5.x版MySQL和8.x版MySQL例12-7中代码略有差异。
运行程序后，在浏览器中输入localhost:8080/person ，结果如图12-1所示。在浏览器中输入localhost:8080/allusers ，结果如图12-2所示。

文章图片
■图12-1在浏览器中输入localhost:8080/person的结果

文章图片
■图12-2在浏览器中输入localhost:8080/allusers的结果
扫码观看本段视频讲解（限免三天）
2
微信小程序前端开发
1
●
修改文件app.json
在参考书9.9节项目secondcloud的基础上继续后续的开发。
修改文件app.json ，在7.7节代码的基础上进行前端开发，代码的修改方法是在语句“"pages/callMySecondFun/callMySecondFun",”之前增加3条语句，增加代码如例12-8所示。
【例12-8】向app.json文件增加代码的示例。
【微信小程序云开发 | 综合案例：微信小程序与Spring Boot整合开发（限免视频）】修改代码后编译程序，自动在目录pages下生成homeofsb、users、listperson3个子目录，且在这3个子目录(每个子目录对应一个页面)下分别自动生成对应页面的4个文件(如homeofsb.wxml等) 。
2
●
修改homeofsb页面的wxml、js和json文件
修改文件homeofsb.wxml、homeofsb.js和homeofsb.json 。文件homeofsb.wxml修改后的代码如例12-9所示。
【例12-9】文件homeofsb.wxml修改后的代码示例。
文件homeofsb.js修改后的代码如例12-10所示。
【例12-10】文件homeofsb.js修改后的代码示例。

文章图片
文件homeofsb.json修改后的代码如例12-11所示。
【例12-11】文件homeofsb.json修改后的代码示例。
3
●
修改listperson页面的wxml、js和json文件
修改文件listperson.wxml、listperson.js和listperson.json 。文件listperson.wxml修改后的代码如例12-12所示。
【例12-12】文件listperson.wxml修改后的代码示例。
文件listperson.js修改后的代码如例12-13所示。
【例12-13】文件listperson.js修改后的代码示例。

文章图片
文件listperson.json修改后的代码如例12-14所示。
【例12-14】文件listperson.json修改后的代码示例。
4
●
修改users页面的
wxml、js、json和wxss文件
修改文件users.wxml、users.js、users.json和users.wxss 。文件users.wxml修改后的代码如例12-15所示。
【例12-15】文件users.wxml修改后的代码示例。

文章图片
文件users.js修改后的代码如例12-16所示。
【例12-16】文件users.js修改后的代码示例。

文章图片

文章图片
文件users.json修改后的代码如例12-17所示。
【例12-17】文件users.json修改后的代码示例。
文件users.wxss修改后的代码如例12-18所示。
【例12-18】文件users.wxss修改后的代码示例。

文章图片
5
●