springboot+vue前后端分离项目-项目搭建11-1对多查询

xiexieyc / 2024-07-16 / 原文

一、1对多查询

1. 增加mapper/User.xml文件,文件内容如下,book表增加user_id字段与user表的id匹配

2.com/example/demo/mapper/UserMapper.java接口增加如下方法与User.xml对应

 3. 优化User和Book实体类

 4. 优化com/example/demo/controller/UserController.java,改造findPage方法

 5. 改造vue/src/views/User.vue

【1】增加如下按钮

 【2】按钮点击后显示如下dialog

 【3】点击“查看图书列表”时,把bookList获取出来,并让dialog显示

 6. 效果