nestjs 全栈进阶--自定义装饰器

视频教程

20_nest中自定义装饰器_哔哩哔哩_bilibili

nest new custom-decorator -p pnpm

pnpm start:dev

Nestjs 中我们使用了大量装饰器 decorator ,所以Nestjs 也允许我们去自定义装饰器。

1. 自定义方法装饰器

nest g decorator aaa --flat

它生产的代码,这个就是Aaa就是我们自定义的装饰器

不知道大家还记不记得我们之前讲过的@SetMetadata,我们快速的回顾一下

nest g guard aaa --flat --no-spec

上面就是我们通过nest提供的@SetMetadata装饰器,实现的角色控制守卫,但是不同 metadata 有不同的业务场景,有的是用于权限的,有的是用于其他场景的,这时候就可以在封装一层

我们修改下aaa.decorator

在使用我们写的这个装饰器

效果和之前一样

可以看到我们这里装饰太多了 ,那我们是不是可以自定义个装饰器,把他们整合到一起?

nest g d bbb --flat

效果也是和之前的一致

2. 自定义参数装饰器

nest g d ccc --flat

data 是传入的参数。 ExecutionContext 前面讲过,可以取出 request、response 对象。

参数装饰器的返回值就是参数的值

我们已经明白了nest中怎么定制参数装饰器了,那我们来实现一个它内置的参数装饰器-@Query

我们先复制一下刚刚的ccc.decorator改名为query.decorator,并修改如下

当然,你还可以使用pipe做参数验证和转换

3. 自定义类装饰器

类装饰器和方法装饰器的定义方式一样,比如:

相关推荐
Mr_Xuhhh1 小时前
重生之我在学环境变量
linux·运维·服务器·前端·chrome·算法
永乐春秋2 小时前
WEB攻防-通用漏洞&文件上传&js验证&mime&user.ini&语言特性
前端
鸽鸽程序猿2 小时前
【前端】CSS
前端·css
ggdpzhk2 小时前
VUE:基于MVVN的前端js框架
前端·javascript·vue.js
学不会•4 小时前
css数据不固定情况下,循环加不同背景颜色
前端·javascript·html
活宝小娜6 小时前
vue不刷新浏览器更新页面的方法
前端·javascript·vue.js
程序视点6 小时前
【Vue3新工具】Pinia.js:提升开发效率,更轻量、更高效的状态管理方案!
前端·javascript·vue.js·typescript·vue·ecmascript
coldriversnow6 小时前
在Vue中,vue document.onkeydown 无效
前端·javascript·vue.js
我开心就好o6 小时前
uniapp点左上角返回键, 重复来回跳转的问题 解决方案
前端·javascript·uni-app
开心工作室_kaic7 小时前
ssm161基于web的资源共享平台的共享与开发+jsp(论文+源码)_kaic
java·开发语言·前端