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. 自定义类装饰器

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

相关推荐
0思必得02 小时前
[Web自动化] Selenium处理动态网页
前端·爬虫·python·selenium·自动化
东东5163 小时前
智能社区管理系统的设计与实现ssm+vue
前端·javascript·vue.js·毕业设计·毕设
catino3 小时前
图片、文件的预览
前端·javascript
layman05285 小时前
webpack5 css-loader:从基础到原理
前端·css·webpack
半桔5 小时前
【前端小站】CSS 样式美学:从基础语法到界面精筑的实战宝典
前端·css·html
AI老李5 小时前
PostCSS完全指南:功能/配置/插件/SourceMap/AST/插件开发/自定义语法
前端·javascript·postcss
_OP_CHEN5 小时前
【前端开发之CSS】(一)初识 CSS:网页化妆术的终极指南,新手也能轻松拿捏页面美化!
前端·css·html·网页开发·样式表·界面美化
啊哈一半醒5 小时前
CSS 主流布局
前端·css·css布局·标准流 浮动 定位·flex grid 响应式布局
PHP武器库5 小时前
ULUI:不止于按钮和菜单,一个专注于“业务组件”的纯 CSS 框架
前端·css
电商API_180079052475 小时前
第三方淘宝商品详情 API 全维度调用指南:从技术对接到生产落地
java·大数据·前端·数据库·人工智能·网络爬虫