前端全栈第一课:用typeorm向数据库添加数据

1.安装

js 复制代码
npm install -g 

typeorm typeorm init --name typeorm-relation-mapping --database mysql

修改datasource文件

datasource上的内容来源于 docker上创建一个运行容器

可视化观看mysql

安装mysql的驱动包

js 复制代码
npm install --save mysql2

启动项目

js 复制代码
npm run start

进入mysql后你看到

数据来源于

2创建新的数据表

js 复制代码
 typeorm entity:create src/entity/UserIdCard

表结构 加入datasource

运行

js 复制代码
npm run start

3.如何让user和user-id-card表格相互链接

让user和user_id_card链接在一起,在myql客户端执行删除表格命令,然后通过typeorm重新创建表格。

js 复制代码
drop table `typeorm_test`.user_id_card,`typeorm_test`.user;

在idCard里面链接user

执行npm run start看看变化

多了一列叫userId 此时他们还不是联机的,需要你设置一下

删除两个表

js 复制代码
drop table `typeorm_test`.user_id_card,`typeorm_test`.user;

给两个表添加点数据

然后执行命令

js 复制代码
npm run start

user表 user-id-card表

我们发现user-id-card里面的user-id是user表里面的id,说明他们已经关联了。

4.将两个表的增删改都关联在一起

在entity里面配置

js 复制代码
  @OneToOne(() => User, {
    cascade: true,
    onUpdate: 'CASCADE',
    onDelete: 'CASCADE'
  })

设置后,把index.ts里面的User表的保存删掉

说明关联成功

5.关联查询

正常搜索不关联的时候长这样,只查出来2项

设置参数

js 复制代码
 {
    relations: {
      user: true
    }
  }

作为前端同学很多时候都会碰到这样的数据结构,它就是这么来的。

上面一直在说在user-id-card里面访问user,但是并没有说在user里面访问user-id-card,在user里面写入user-id-card

然后在index.ts里面

执行npm run start

每执行一次npm run start,就会创建一个typeorm对象,然后向数据库加一次数据。

相关推荐
LinXunFeng14 小时前
Obsidian - 使用 Share Note 分享笔记并自部署
前端·笔记·github
乘风gg18 小时前
为什么AI 时代来临,大部分人吃不到红利
前端·ai编程·claude
恋猫de小郭19 小时前
Android 限制侧载新进展,谷歌联合国内厂商推验证计划
android·前端·flutter
IT_陈寒19 小时前
Redis内存爆了,原来我漏掉了这个致命配置
前端·人工智能·后端
恋猫de小郭19 小时前
解读 Android 17 全新内存限制,有没有“豁免”后门?
android·前端·flutter
Hyyy20 小时前
理解LLM的基本工作原理:预训练、微调、推理的区别
前端
Gatlin20 小时前
前端逆向与反逆向:一场猫鼠游戏的底层逻辑与实战
前端
Pedantic21 小时前
本地通知(Local Notifications)学习笔记
前端
森蓝情丶21 小时前
我给 AI 搭了个法庭:一个前端仔的 LangGraph 实战全记录
前端·后端
爱勇宝21 小时前
干了近 8 年,一夜之间被裁:AI 时代,程序员最该害怕的不是 AI
前端·后端·程序员