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

一、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. 效果

 7.遗留问题，模糊搜索不好使，Mapper增加如下内容

测试效果: