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

news/2024/11/17 9:43:30/文章来源:https://www.cnblogs.com/xiexieyc/p/18304414

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

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/744490.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

将传统应用带入浏览器的开源先锋「GitHub 热点速览」

现代浏览器已经不再是简单的浏览网页的工具,其潜能正在通过技术不断地被挖掘和扩展。得益于 WebAssembly 等技术的出现,让浏览器能够以接近原生的速度执行非 JavaScript 语言编写的程序,从而打开了浏览器的“潘多拉魔盒”。现代浏览器已经不再是简单的浏览网页的工具,其潜能…

springboot+vue前后端分离项目-项目搭建11-1对多查询、批量删除

一、1对多查询 1. 增加mapper/User.xml文件,文件内容如下 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 【…

《Programming from the Ground Up》阅读笔记:p49-p74

《Programming from the Ground Up》学习第3天,p49-p74总结,总计26页。 一、技术总结 1.function (1)定义 p49, Functions are unit of code that do a defined piece of work on specified types of data。 函数是在指定类型的数据上完成所定义的某个工作的代码单元。 (2)pa…

关于css选择器和样式表的应用

我已经将 #usual-links.card {background-color: red; }复制到样式表index.css,并且已经在模板中引入样式表,如:<!--最后引入自定义的css。因为引入css的顺序会影响相同元素的样式呈现--><link rel="stylesheet" href="{% static css/index.css %}&…

IEC104初学者教程,第四章:IEC 104 开发环境搭建

第四章:IEC 104 开发环境搭建 目录第四章:IEC 104 开发环境搭建IEC104从站模拟器的使用IEC104主站模拟器的使用 为了搭建开发环境,我们需要准备三款软件:主站下载地址:IEC104主站模拟器 从站下载地址:IEC104从站模拟器IEC104主站模拟器代表主站(客户端、上位机)负责和从…

nginx小经验:nginx: worker process is shutting down

民间艺术团保安队副队长关注IP属地: 北京 2022.12.14 15:34:14字数 80阅读 1,038 image.png如上图所示:nginx -s reload 之后,新的请求已不会往老的进程转发,一直有连接未断开的老进程一直已“nginx: worker process is shutting down”状态存在 解决办法:1、手动杀掉进程2…

【C++】map

1、定义 template<class Key,class T,class Compare = std::less<Key>,class Allocator = std::allocator<std::pair<const Key, T>> > class map;namespace pmr {template<class Key,class T,class Compare = std::less<Key>> using map …

读人工智能全传14有意识的机器之路

读人工智能全传14有意识的机器之路1. 有意识的机器之路 1.1. 近年来人工智能和深度学习方面取得了真实的、令人兴奋的突破,但它们并不是构建通用人工智能的法宝 1.2. 深度学习可能是通用人工智能的一个重要组成部分,但它绝不是唯一的组成部分 1.3. …

[BSidesCF 2019]SVGMagic 1

SVG注入 xxe攻击打开后发发现他是SVG上传,在这之前我没有接触过SVG是什么,先去学习了一下发现他是xml注入的一种方法,也是通过js代码实现文件读取的 这是几个我看的关于svg的文章 https://www.freebuf.com/vuls/175451.html https://blog.csdn.net/gxyzlxf/article/details/…

【C++】创建对象写法

1、在栈中创建对象 栈中创建的对象,不用我们手动释放资源。 和创建基本类型一样,直接声明即可,如果有参数,则用括号。 vector<int> a; // 默认构造函数 vector<int> b(实参); // 其他构造函数2、在堆中创建对象 堆中创建的对象,需要我们手动释放资源。 使用ne…

PostgreSQL 工具及mysql、mongo

pgAdmin 开源管理工具,提供强大的图形界面,简化数据库对象的创建、维护和使用。 Percona 监控和管理工具 通过单一窗口轻松查看和监控 MySQL、MongoDB、PostgreSQL 和 MariaDB 数据库的性能。 安装PMM服务器curl -fsSL https://www.percona.com/get/pmm | /bin/bash下载PMM …

SciTech-EECS-Wireless-BLE(Bluetooth Low Energy)5.4- Nordic Semi. 的Bluetooth Low Energy SoCs

蓝牙5.4低功耗: 市场上主流的供货方和解决方案:TI Nordic Semi. : nRF5340, nrf52*,Best-in-class Bluetooth Low Energy SoCs Bluetooth Low Energy flagship SoC The nRF5340 SoC is our Bluetooth Low Energy flagship. It is the first SoC in the nRF53 Series and is the…