krc

基于koa-router的前端控制器。

安装

$ npm install krc --save

使用

app.js

import Koa from 'koa';
import path from 'path';
import {KoaRouterController} from 'krc';
const Router = require('koa-router');

const app = new Koa();
const router = new Router();

KoaRouterController({
    scanPath: path.join(__dirname, '../controller'),
    router: router
});

KoaRouterController接受一个options，scanPath表示krc的扫描路径，它会将该路径下所有注解为@Controller的模块设置为一个控制器。router可选。

controller/UserController.js

const rp = require('request-promise');
import {Controller, RequestMapping, RequestMethod} from 'krc';

@Controller("/user")
class User{
	@RequestMapping("/getAll", [RequestMethod.POST])
    list (postData) {
        let options = {
            method: 'POST',
            url: 'http://localhost:8080/api/user/getAll',
            body:postData,
            json: true
        };
        return new Promise((resolve)=>{
            rp(options).then(data=>{
                resolve(data);
            })
        });
    }
}

module.exports = User;

@Controller标识该模块为控制器，参数是控制器的第一层路径，也可以不写参数。@RequestMapping的第一个参数是控制器的子路径，第二个参数为一个数组，用于为控制器指定多个访问方式。这样构造出来的url便是：http:ip:port/user/getAll

krc的controller中任然可以使用ctx，next等原来koa-router的async函数的参数。因为他们在同一个作用域链中。但是要返回给前台的JSON数据不要使用ctx.body = data来指定，直接return data即可。

数据类型

可以接收流数据，表单数据，文件上传

• 流数据

fetch('/User/getAll',{
    method:'POST',
    headers: {
        'Content-Type': 'application/json'
    },
    body: JSON.stringify({
        page:{currentPage:1, pageSize:10}
    })
})

在krc控制器中拿到的数据：

{
    page:{currentPage:1, pageSize:10}
}

• 文件上传，表单数据 利用antd上传文件：

const styleProps = {
            action: 'http://localhost:8091/upload',
            onChange:this.uploadChange,
            headers: {
                authorization: 'authorization-text',
            },
            multiple: false,
        };
<FormItem
    label="样式文件"
>
    {getFieldDecorator('style')(
        <Upload name="style" {...styleProps}>
            <Button style={{width:230}}>
                <Icon type="upload" /> upload
            </Button>
        </Upload>
    )}
</FormItem>

在krc控制器中拿到的数据：

{
    files:{style:{data:file,}}
}

如果好用，可以star下 :clap: :clap: :clap: