当前位置: 首页 > news >正文

对于多个表多个字段进行查询、F12查看网页的返回数据帮助开发、数据库的各种查询方式(多对多、多表查询、子查询等)。

对于多个表多个字段进行查询、F12查看网页的返回数据帮助开发、数据库的各种查询方式(多对多、多表查询、子查询等)。

  • 一、 前端界面需要展现多个表的其中几个数据的多表查询。
    • 1. 三个表查询其中字段返回:(用一下sql语句)
    • 2. 进行封装实体类,返回前端
    • 3. 如果前端需要在一个表单里面插入或者修改多个表,我们可以这样做:
  • 二、按F12然后查看cook中的接口
    • 1 查看请求方式
    • 2 查看封装的属性、状态值等信息
  • 三、数据库各种查询(黑马):示例和代码
    • 1 多对多
    • 2 一对一
    • 3 如果我们直接查询两张表会出现迪卡效应(把两张表进行乘机配对)
    • 4 通过两个id来查询两个表
    • 5 多表查询的概述:
    • 6 内连接(查询公共字段)
    • 7 外连接(左、右连接):(查询左、右边的数据库和公共的部分)
    • 8 自连接(把一个表,通过别名弄成两个表,来查询自己表的数据)
    • 9 自连接+左连接
    • 10 联合查询 union all全部合并,union 去重后合并
    • 11 子查询(嵌套查询)
    • 12 标量子查询(先查询出一个,然后其他表通过这一个作为条件继续查)
    • 13 列子查询(先查出一列的数据,然后被用作条件查询)
    • 14 行子查询(查出一行,作为其他查询的条件)
    • 15 表子查询(查出一个表,作为其他查询的条件)

一、 前端界面需要展现多个表的其中几个数据的多表查询。

1. 三个表查询其中字段返回:(用一下sql语句)

假设有三张表:table1,table2 和 table3,它们的结构如下:
table1 包含字段:id, name, description, created_at, updated_at
table2 包含字段:id, table1_id, field1, field2, field3
table3 包含字段:id, table2_id, value1, value2, value3
现在我们需要从这三张表中查询:
table1 的 name 和 description 字段
table2 的 field1 和 field2 字段
table3 的 value1 和 value2 字段

SELECT t1.name, t1.description, t2.field1, t2.field2, t3.value1, t3.value2
FROM table1 t1
JOIN table2 t2 ON t1.id = t2.table1_id
JOIN table3 t3 ON t2.id = t3.table2_id;

在这里插入图片描述

2. 进行封装实体类,返回前端

老师带我观察页面前端我发现,他们返回的都是一个List列表,然后把需要返回的封装为一个实体类,再返回前端。强烈建议,一定要通义属性的命名,不然当你写这个实体类的时候,超级痛苦!!!

3. 如果前端需要在一个表单里面插入或者修改多个表,我们可以这样做:

如果前端需要将学生和老师的信息一起打包传到后端,你可以扩展现有的Spring Boot 应用程序,使其能够接收包含学生和老师信息的表单数据。以下是如何修改现有的示例代码以支持这种功能:

前端数据结构:前端需要将学生和老师的信息打包成一个结构,并以JSON格式发送到后端。例如:

{"student": {"id": "123","name": "Alice","age": 20,"sex": "Female"},"teacher": {"name": "Mr. Smith","position": "Math Teacher","teachingExperience": 10}
}

后端处理:修改后端的控制器,以接收包含学生和老师信息的请求体,并分别处理学生和老师信息的新增或更新操作。

// Endpoint to add or update student and teacher information together
@PostMapping("/addStudentTeacher")
public String addOrUpdateStudentAndTeacher(@RequestBody StudentTeacherForm form) {// Update or add studentStudent student = form.getStudent();boolean studentExists = students.stream().anyMatch(s -> s.getId().equals(student.getId()));if (studentExists) {students.stream().filter(s -> s.getId().equals(student.getId())).forEach(s -> {s.setName(student.getName());s.setAge(student.getAge());s.setSex(student.getSex());});} else {students.add(student);}// Update or add teacherTeacher teacher = form.getTeacher();boolean teacherExists = teachers.stream().anyMatch(t -> t.getName().equals(teacher.getName()));if (teacherExists) {teachers.stream().filter(t -> t.getName().equals(teacher.getName())).forEach(t -> {t.setPosition(teacher.getPosition());t.setTeachingExperience(teacher.getTeachingExperience());});} else {teachers.add(teacher);}return "Student and Teacher information updated or added successfully.";
}// Form class to wrap student and teacher information
static class StudentTeacherForm {private Student student;private Teacher teacher;// Getters and setterspublic Student getStudent() {return student;}public void setStudent(Student student) {this.student = student;}public Teacher getTeacher() {return teacher;}public void setTeacher(Teacher teacher) {this.teacher = teacher;}
}

表单处理:在前端,确保表单可以将学生和老师的信息合并成一个JSON对象,并通过POST请求发送到/api/addStudentTeacher端点。

通过这种方式,你可以实现将学生和老师的信息一起更新或新增到后端数据库。记得根据实际情况添加数据验证、异常处理和安全性措施,以确保应用程序的稳定性和安全性。
StudentTeacherForm 类是为了方便处理前端发送的包含学生和老师信息的请求而设计的,它通过两个属性 student 和 teacher 分别表示学生和老师的信息。

二、按F12然后查看cook中的接口

1 查看请求方式

在这里插入图片描述

2 查看封装的属性、状态值等信息

在这里插入图片描述

在这里插入图片描述

三、数据库各种查询(黑马):示例和代码

1 多对多

在这里插入图片描述

2 一对一

在这里插入图片描述

3 如果我们直接查询两张表会出现迪卡效应(把两张表进行乘机配对)

在这里插入图片描述

4 通过两个id来查询两个表

在这里插入图片描述

5 多表查询的概述:

在这里插入图片描述

6 内连接(查询公共字段)

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

7 外连接(左、右连接):(查询左、右边的数据库和公共的部分)

在这里插入图片描述
在这里插入图片描述

8 自连接(把一个表,通过别名弄成两个表,来查询自己表的数据)

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

9 自连接+左连接

在这里插入图片描述

10 联合查询 union all全部合并,union 去重后合并

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

11 子查询(嵌套查询)

在这里插入图片描述

12 标量子查询(先查询出一个,然后其他表通过这一个作为条件继续查)

在这里插入图片描述
在这里插入图片描述

13 列子查询(先查出一列的数据,然后被用作条件查询)

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

14 行子查询(查出一行,作为其他查询的条件)

在这里插入图片描述

15 表子查询(查出一个表,作为其他查询的条件)

在这里插入图片描述
在这里插入图片描述

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • Zynq系列FPGA实现SDI视频编解码+图像缩放+多路视频拼接,基于GTX高速接口,提供8套工程源码和技术支持
  • IDEA 创建springboot项目杂记-更新中
  • SprintBoot创建遇到的问题
  • 02MFC画笔/画刷/画椭圆/圆/(延时)文字
  • Linux 常用命令汇总
  • 比curl更直观的网站性能测试工具httpstat——筑梦之路
  • 自定义业务非受检异常
  • iPhone数据恢复篇:iPhone 数据恢复软件有哪些
  • Internet Download Manager6.42最新下载器互联网冲浪小能手们!
  • 通过实例说明.NET Autofac依赖注入的多种方式
  • MySQL8.0~open_files_limit 和 innodb_open_files 参数生效取值标准
  • 《WebGIS快速开发教程》第7版发布
  • Winform中使用HttpClient实现调用http的post接口并设置传参content-type为application/json示例
  • python04——类(基础new)
  • MySQL Undo Log
  • 【跃迁之路】【735天】程序员高效学习方法论探索系列(实验阶段492-2019.2.25)...
  • Android开源项目规范总结
  • CSS实用技巧干货
  • golang中接口赋值与方法集
  • Java面向对象及其三大特征
  • OpenStack安装流程(juno版)- 添加网络服务(neutron)- controller节点
  • php中curl和soap方式请求服务超时问题
  • Sass 快速入门教程
  • SQL 难点解决:记录的引用
  • 对话 CTO〡听神策数据 CTO 曹犟描绘数据分析行业的无限可能
  • 那些年我们用过的显示性能指标
  • 前嗅ForeSpider采集配置界面介绍
  • 前嗅ForeSpider教程:创建模板
  • 译自由幺半群
  • 在electron中实现跨域请求,无需更改服务器端设置
  • 《天龙八部3D》Unity技术方案揭秘
  • ###C语言程序设计-----C语言学习(6)#
  • #define MODIFY_REG(REG, CLEARMASK, SETMASK)
  • #每天一道面试题# 什么是MySQL的回表查询
  • $nextTick的使用场景介绍
  • (27)4.8 习题课
  • (delphi11最新学习资料) Object Pascal 学习笔记---第5章第5节(delphi中的指针)
  • (rabbitmq的高级特性)消息可靠性
  • (STM32笔记)九、RCC时钟树与时钟 第二部分
  • (TipsTricks)用客户端模板精简JavaScript代码
  • (顶刊)一个基于分类代理模型的超多目标优化算法
  • (二)构建dubbo分布式平台-平台功能导图
  • (过滤器)Filter和(监听器)listener
  • (离散数学)逻辑连接词
  • (南京观海微电子)——I3C协议介绍
  • (杂交版)植物大战僵尸
  • (转)winform之ListView
  • (转)编辑寄语:因为爱心,所以美丽
  • .NET 8 跨平台高性能边缘采集网关
  • .NET Core工程编译事件$(TargetDir)变量为空引发的思考
  • .NET/C# 使用反射调用含 ref 或 out 参数的方法
  • ??eclipse的安装配置问题!??
  • [ C++ ] STL---stack与queue
  • [ JavaScript ] JSON方法
  • [2016.7.Test1] T1 三进制异或