当前位置：首页 > 软件库 > Web应用开发 > Web框架 >

route-decorators

授权协议 MIT License

开发语言 JavaScript

所属分类 Web应用开发、 Web框架

软件类型开源软件

地区不详

投递者长孙波鸿

操作系统跨平台

开源组织无

适用人群未知

软件官网

软件文档

官方下载

软件概览

route-decorators for Koa/Express

ES7 decorators that simplify Koa and Express route creation. Using these decorators, you can write your controllers like below and have all the routes populated.

Koa

import {controller, get, post} from 'route-decorators'

@controller('/users', middleware1)
class UserCtrl {

  @get('/:id', middleware2, middleware3)
  async get(context, next) {}

  @post(middleware2)
  async post(context, next) {}
}

Express

import {controller, get, post} from 'route-decorators'

@controller('/users', middleware1)
class UserCtrl {

  @get('/:id', middleware2, middleware3)
  async get(req, res, next) {}

  @post(middleware2)
  async post(req, res, next) {}
}

Once the decorators are applied, every controller instance will receive a $routes array, which you can use to define actual Koa/Express routes.

Assume the above UserCtrl definition, you can define routes in UserCtrl's constructor (although really you can put the code anywhere) as follows:

Koa

import Router from 'koa-66'

// Inside controller constructor
this.router = new Router()
for (const {method, url, middleware, fnName} of this.$routes) {
  this.router[method](url, ...middleware, this[fnName].bind(this))
}

Express

import express from 'express'

// Inside controller constructor
this.router = express.Router()
for (const {method, url, middleware, fnName} of this.$routes) {
  this.router[method](url, ...middleware, (req, res, next) => {
    this[fnName](req, res, next).catch(next)
  })
}

You can move the above logic to some base controller in your app and reuse it for every controller. For example:

class BaseCtrl {
  constructor() {
    this.router = new Router()
    for (const {method, url, middleware, fnName} of this.$routes) {
      this.router[method](url, ...middleware, this[fnName].bind(this))
    }
  }
}

@controller(...)
class UserCtrl extends BaseCtrl {
  // decorated methods as above
}

Decorators

@controller(path: optional, ...middleware: optional)
@route(method, path: optional, ...middleware: optional)
@head, @options, @get, @post, @put, @patch, @del, @delete, @all: wrappers of @route that automatically supply the method argument.

Test

npm install
npm test

使用案例

【Vue】vuex-module-decorators详细使用手册

英文使用说明地址https://championswimmer.in/vuex-module-decorators/ 1、安装 npm install vuex-module-decorators # or yarn add vuex-module-decorators 2、概述 2.1 功能这个库可以使用下面方式编写 vuex 模块 // eg. /app/store/posts.ts im
python decorators

python decorators 装饰器基础 Decorator 本质 @ 本质是语法糖- Syntactic Sugar 使用@decorator 来修饰某个函数 func 时： @decorator def func(): pass 其解释器会解释成： func = decorator(func) 注意这条语句会被执行多重装饰器 @decorator_one @decorator_two
Python decorators

Python代码里经常看到一个符号@摆在函数的上面一行，这叫decorator，但它到底是什么，表示什么意思，有什么好处呢？decorator是用来修饰函数的，等于将原函数（比如foo）经过了一定加工，达成的效果是foo = our_decorator(foo)这个样子，可以简写成@our_decorator在foo上面。举个简单的例子：首先我们定义一个函数 def foo(x):
flask源码系列之路由Route

flask app例子，app是flask中的Flask类的实例对象。 # myflask.py from flask import Flask app = Flask(__name__) #生成app实例 @app.route('/') def index(): return 'Hello World' if __name__ == '__main__': app.
在vuex中获取route参数

定义路由文件 /src/router/index.js import Vue from 'vue' import VueRouter from 'vue-router' import routes from './routes' Vue.use(VueRouter) const router = new VueRouter({ mode: 'history', routes }) e

route-decorators

route-decorators for Koa/Express

Decorators

Test

同类工具

相关阅读

相关文章

相关问答

相关文档