如何基于动态关系进行ORM关联查询,并动态推断DTO?

在上一篇文章(Prisma不能优雅的支持DTO,试试Vona ORM吧)中,我们基于静态关系实现了目录树的关联查询,并且动态推断生成了DTO(用于Swagger元数据)。在这篇文章我们探讨动态关系的用法。

什么是动态关系

那么,什么是动态关系呢?在大型业务系统中,我们会创建大量数据模型,这些数据模型之间的关联众多,我们不可能将所有关联通过静态关系的机制事先声明出来。特别是当存在大量业务模块,这些数据模型散落在不同的业务模块中,那么通过静态关系事先声明所有的关联关系也变得不太现实。比如,Prisma就只支持静态关系。如果事先没有定义静态关系,在实际代码中,我们就需要提供一种使用动态关系的机制,让我们的查询、类型推断、DTO推断等能力得以正常使用。

准备数据模型

在上一篇文章中,我们已经介绍了如何创建Entity和Model,这里不再赘述。而是直接把Order和Customer的Entity和Model罗列出来,然后演示动态关系的用法

Entity

1. Order

typescript 复制代码
@Entity()
export class EntityOrder extends EntityBase {
  @Api.field(v.openapi({ title: $locale('OrderNo') }), v.default(''), v.min(3))
  orderNo: string;

  @Api.field(v.title($locale('Remark')), v.optional())
  remark?: string;

  @Api.field(v.tableIdentity())
  custumerId: TableIdentity;
}
  • v.openapi:声明字段的元数据,用于Swagger
    • title:采用$locale定义,从而让Swagger元数据支持多语言能力
  • v.title:等价于v.openapi({ title: ... })
  • TableIdentity:string | number

2. Customer

typescript 复制代码
@Entity()
export class EntityCustomer extends EntityBase {
  @Api.field(v.min(3))
  name: string;
}

Model

1. Order

typescript 复制代码
@Model({ entity: EntityOrder })
export class ModelOrder extends BeanModelBase {}

2. Customer

typescript 复制代码
@Model({ entity: EntityCustomer })
export class ModelCustomer extends BeanModelBase {}

基于动态关系的查询

现在我们查询订单列表,包含归属的顾客信息:

typescript 复制代码
const orders = await this.scope.model.order.select({
  with: {
    customer: $relationDynamic.belongsTo(
      () => ModelOrder,
      () => ModelCustomer,
      'custumerId',
    ),
  },
});
  • $relationDynamic:提供一组工具,用于定义动态关系
  • belongsTo:定义多对一的关系
    • 参数1:Order模型
    • 参数2:Customer模型
    • 参数3:设置关联外键custumerId

下面我们看一下orders的类型推断效果:

自动推断DTO

现在我们自动推断DTO,并且设为API的返回数据的类型:

typescript 复制代码
const DtoOrderResult = $Dto.get(
  () => ModelOrder,
  {
    with: {
      customer: $relationDynamic.belongsTo(
        () => ModelOrder,
        () => ModelCustomer,
        'custumerId',
      ),
    },
  },
);

@Controller('order')
export class ControllerOrder extends BeanBase {
  @Web.get()
  @Api.body(v.array(v.object(DtoOrderResult)))
  async findAll() {
    return await this.scope.service.order.findAll();
  }
}  
  • 行1:动态创建DtoOrderResult
  • 行17:将DtoOrderResult用于Swagger/Openapi的元数据

下面我们看一下API的Swagger效果:

封装DTO

我们还可以创建一个新的DTO,将前面动态创建的DtoOrderResult封装起来,从而用于其他地方:

在VSCode中,可以通过右键菜单Vona Create/Dto创建DTO的代码骨架:

typescript 复制代码
@Dto()
export class DtoOrderResult {}

然后我们通过继承机制来封装DTO:

typescript 复制代码
const DtoOrderResultDynamic = $Dto.get(
  () => ModelOrder,
  {
    with: {
      customer: $relationDynamic.belongsTo(
        () => ModelOrder,
        () => ModelCustomer,
        'custumerId',
      ),
    },
  },
);

@Dto()
export class DtoOrderResult extends DtoOrderResultDynamic {}

现在,我们再使用新创建的DTO来改造前面的API代码:

diff 复制代码
+ import { DtoOrderResult } from '../dto/orderResult.ts';

@Controller('order')
export class ControllerOrder extends BeanBase {
  @Web.get()
+ @Api.body(v.array(v.object(DtoOrderResult)))
+ async findAll(): Promise<DtoOrderResult[]> {
    return await this.scope.service.order.findAll();
  }
}
  • 行6: 直接传入DtoOrderResult
  • 行7: 返回类型为Promise<DtoOrderResult[]>

结语

Vonajs已开源:github.com/vonajs/vona

Vonajs作者正在B站直播撰写技术文档,工作日每晚8:30,欢迎围观:濮水代码直播间

相关推荐
一支鱼14 小时前
leetcode-1-两数之和
算法·leetcode·typescript
我在书社写代码19 小时前
基于 Bun.js 和 TypeScript 的轻量级后端 API 应用框架
typescript·bun
关山月20 小时前
在 Next.js 项目中使用 SQLite
node.js
赵民勇21 小时前
npm使用的环境变量及其用法
前端·npm·node.js
国家不保护废物1 天前
TypeScript 泛型与类型系统:从入门到精通
前端·面试·typescript
币圈小菜鸟1 天前
Windows 环境下搭建移动端自动化测试环境(JDK + SDK + Node.js + Appium)
java·windows·python·测试工具·node.js·appium
一个很帅的帅哥1 天前
《深入浅出 Node.js》分享精简大纲
node.js
烛阴2 天前
带你用TS彻底搞懂ECS架构模式
前端·javascript·typescript
不一样的少年_2 天前
这才是 Vue 驱动的 Chrome 插件工程化正确打开方式
vue.js·chrome·typescript