微信小程序云开发 | 综合案例:微信小程序与Spring Boot整合开发(限免视频)

微信小程序云开发 | 综合案例:微信小程序与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所示 。
微信小程序云开发 | 综合案例:微信小程序与Spring Boot整合开发(限免视频)
文章图片
■图12-1在浏览器中输入localhost:8080/person的结果
微信小程序云开发 | 综合案例:微信小程序与Spring Boot整合开发(限免视频)
文章图片
■图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修改后的代码示例 。
微信小程序云开发 | 综合案例:微信小程序与Spring Boot整合开发(限免视频)
文章图片
文件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修改后的代码示例 。
微信小程序云开发 | 综合案例:微信小程序与Spring Boot整合开发(限免视频)
文章图片
文件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修改后的代码示例 。
微信小程序云开发 | 综合案例:微信小程序与Spring Boot整合开发(限免视频)
文章图片
文件users.js修改后的代码如例12-16所示 。
【例12-16】文件users.js修改后的代码示例 。
微信小程序云开发 | 综合案例:微信小程序与Spring Boot整合开发(限免视频)
文章图片
微信小程序云开发 | 综合案例:微信小程序与Spring Boot整合开发(限免视频)
文章图片
文件users.json修改后的代码如例12-17所示 。
【例12-17】文件users.json修改后的代码示例 。
文件users.wxss修改后的代码如例12-18所示 。
【例12-18】文件users.wxss修改后的代码示例 。
微信小程序云开发 | 综合案例:微信小程序与Spring Boot整合开发(限免视频)
文章图片
5