mysql一对多前端实现_MySQL 一对多查询

导语

这次要实现的是一对多查询,使用 MySQL 的 group_concat 函数实现。

group_concat

简单来说,这个函数的作用就是连接多个字段,函数的具体详解可以看这篇文章。

数据表

首先我们先建立两个表

CREATE TABLE `student` (

`id` int(11) NOT NULL AUTO_INCREMENT,

`name` char(10) NOT NULL,

PRIMARY KEY (`id`)

) ENGINE=MyISAM AUTO_INCREMENT=3 DEFAULT CHARSET=utf8;

-- ----------------------------

-- Records of student

-- ----------------------------

INSERT INTO `student` VALUES ('1', 'tom');

INSERT INTO `student` VALUES ('2', 'jerry');

CREATE TABLE `course` (

`id` int(11) NOT NULL AUTO_INCREMENT,

`s_id` int(11) NOT NULL,

`c_name` char(10) NOT NULL,

PRIMARY KEY (`id`)

) ENGINE=MyISAM AUTO_INCREMENT=6 DEFAULT CHARSET=utf8;

-- ----------------------------

-- Records of course

-- ----------------------------

INSERT INTO `course` VALUES ('1', '1', '语文');

INSERT INTO `course` VALUES ('2', '1', '数学');

INSERT INTO `course` VALUES ('3', '2', '英语');

INSERT INTO `course` VALUES ('4', '2', '体育');

INSERT INTO `course` VALUES ('5', '2', '美术');

实例

如果我们用平时使用的 SQL 查询

SELECT s.`name`,c.`c_name` FROM student AS s LEFT JOIN course AS c ON c.s_id = s.id;

查询出的结果是

d9e5603c20cd3a9eaf5429bb7e128f22.png

下面用 group_concat 函数查询

SELECT s.`name`,(SELECT group_concat(course.c_name) FROM course WHERE course.s_id = s.id) FROM student AS s;

此时查询的结果

3742d7eed8fc6fa135646052b362afe7.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
实现表单编辑、删除、保存和取消功能,需要考虑以下几个方面: 1. 前端页面的设计:可以使用VueJS框架,通过组件化的方式设计页面。每个组件分别对应表单列表、表单编辑、表单删除等功能。在表单编辑和删除组件中,可以通过弹出框的方式显示表单内容,用户可以在弹出框中进行编辑和删除操作。 2. 后端API的设计:需要设计相应的RESTful API,用于前端页面和后端服务器之间的通信。具体包括获取表单列表、获取表单详情、保存表单、删除表单等操作。可以使用Spring Boot框架来实现后端API。 3. 数据库的设计:需要设计相应的数据表,用于存储表单数据。可以使用MySQL或者其他关系型数据库来存储数据。 下面是一般的实现步骤: 1. 获取表单列表:前端页面通过调用后端API获取表单列表数据,并显示在表单列表组件中。 2. 编辑表单:用户在表单列表中选择一个表单进行编辑操作,前端页面调用后端API获取表单详情,并在弹出框中显示表单内容。用户进行编辑并保存修改后,前端页面调用后端API保存修改后的表单数据到数据库中。 3. 删除表单:用户在表单列表中选择一个表单进行删除操作,前端页面调用后端API删除该表单数据。 4. 取消操作:用户在编辑表单时,可以选择取消操作,此时前端页面将不会保存修改后的表单数据。 需要注意的是,表单编辑和删除操作需要进行权限控制,只有具有相应权限的用户才能进行这些操作。可以通过用户的登录状态和角色来实现权限控制。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值