微信小程序云开发 | 综合案例:微信小程序与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
●
- 谁有这么大的魄力?奥克斯69元吸尘器售空28W台,网友:小米也不敢
- 微信|直播带货,不妙了
- 昨晚微信崩了?消息延迟、图片发不出去,微信回应:功能故障
- 山洪灾害小流域监测预警能力提升新技术、新产品、新方法
- 电子商务|小米12S系列来袭,自研核心技术为资本,影像设备升级为亮点
- 近视|小学生上网课两月近视猛涨200度急坏母亲 中小学生近视率激增:专家释疑
- 小米科技|卷起来了!明年的手机更有性价比
- 直降2780元,小米11Ultra,是否值得购买?
- 小米科技|雷军效仿华为,小米13走传统神话路线,代号“伏羲”、“女娲”?
- 小米科技|售价完全一致!iQOO10与vivoX80究竟谁值得入手?一文让你读懂