前端全栈第二课:用typeorm向数据库添加数据---一对多关系

1.新建2个实体

js 复制代码
typeorm entity:create src/entity/Department 
typeorm entity:create src/entity/Employee

将他们加入datasource.ts

2.一对多的关系

一对一用的装饰器是:@OneToOne,那么多对一用的就是 @ManyToOne 装饰器。注意:是在多的一方使用 @ManyToOne(谁多谁用)

如下:

删除原来创建的两个表,然后重新执行npm run start

这个departmentId就是创建的外键。 加点数据试试看

结果如下

2.关联保存数据

和一对一一样使用cascade即可,此时index.ts文件里面对department的数据保存可以删除。

执行看看行不行?

执行npm run start你会发现department里面没有人员信息

那怎么添加人员信息?当然是department里面关联employee

前面在employee里面写的是@ManyToOne,现在在department里面写的是@OneToMany

在index.ts里面改改

js 复制代码
import { Department } from './entity/Department';
import { Employee } from './entity/Employee';
import { AppDataSource } from "./data-source";

AppDataSource.initialize().then(async () => {
  const e1 = new Employee();
  e1.name = '张三';

  const e2 = new Employee();
  e2.name = '李四';

  const e3 = new Employee();
  e3.name = '王五';

  const d1 = new Department();
  d1.name = '技术部';
  d1.employees = [e1, e2, e3];

  await AppDataSource.manager.save(Department, d1);
  const deps = await AppDataSource.manager.find(Department, {
    relations: {
      employees: true
    }
  });
  console.log(deps);
  console.log(deps.map(item => item.employees));

}).catch(error => console.log(error))

执行npm run start后变成

删除的时候,先把关联的 employee 删了,再删除 department:

js 复制代码
const deps = await AppDataSource.manager.find(Department, { relations: { employees: true } }); await AppDataSource.manager.delete(Employee, deps[0].employees); await AppDataSource.manager.delete(Department, deps[0].id);

如果你设置了 onDelete 为 SET NULL 或者 CASCADE: 那就不用自己删 employee 了,只要删了 department,mysql 会自动把关联的 employee 记录删除,或者是把它们的外键 id 置为空。

相关推荐
Dontla22 分钟前
为什么React列表项需要key?(React key)(稳定的唯一标识key有助于React虚拟DOM优化重绘大型列表)
javascript·react.js·ecmascript
EndingCoder1 小时前
React从基础入门到高级实战:React 实战项目 - 项目三:实时聊天应用
前端·react.js·架构·前端框架
阿阳微客2 小时前
Steam 搬砖项目深度拆解:从抵触到真香的转型之路
前端·笔记·学习·游戏
德育处主任Pro3 小时前
『React』Fragment的用法及简写形式
前端·javascript·react.js
CodeBlossom3 小时前
javaweb -html -CSS
前端·javascript·html
CodeCraft Studio3 小时前
【案例分享】如何借助JS UI组件库DHTMLX Suite构建高效物联网IIoT平台
javascript·物联网·ui
打小就很皮...4 小时前
HBuilder 发行Android(apk包)全流程指南
前端·javascript·微信小程序
集成显卡5 小时前
PlayWright | 初识微软出品的 WEB 应用自动化测试框架
前端·chrome·测试工具·microsoft·自动化·edge浏览器
前端小趴菜056 小时前
React - 组件通信
前端·react.js·前端框架
Amy_cx6 小时前
在表单输入框按回车页面刷新的问题
前端·elementui