前端全栈第一课:用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对象,然后向数据库加一次数据。

相关推荐
linux_cfan1 小时前
17 · 引擎适配器全景:HLS/DASH/Vimeo/Mux/Cast
前端·javascript·音视频
计算机魔术师2 小时前
烧掉2780亿美元还不够?OpenAI的资本豪赌让人头皮发麻
前端
IT_陈寒3 小时前
Java线程池用错参数,我的服务居然悄悄崩溃了
前端·人工智能·后端
卡布鲁3 小时前
React useMemo 与 useCallback 完全指南:原理、场景与避坑
前端·react.js
碳基修炼3 小时前
排查记:本地 devServer 是 http,浏览器却把 302 重定向升级成了 https
前端·http
步行cgn3 小时前
Spring p 命名空间注入详解
java·前端·spring
何何____3 小时前
Vue 生命周期详解
前端·javascript
江米小枣tonylua4 小时前
TypeScript 全面の拥抱 !Prisma 8 + Electron 升级实战
前端
闪耀之光M784 小时前
npm命令解析
前端
咸鱼老弟4 小时前
AI Agent 的"自主性悖论"——为什么给它的自由度越大,越要配一套更硬的护栏
前端·人工智能