一、koa-router
## app.js
const users = require('./routers/users'); //这里跟express 差不多。
app.use(users.routes())
## routers/users.js
const Router = require('koa-router');
/**
* 配置 公共子路由
*/
const router = new Router({
prefix : '/users'
});
const userController = require('../controller/users');
/**
* 配置 公共请求中间件，凡是在中括号中的路由都需要经过中间件:middle。
* 这个配置必须写在所有普通路由之上.
*/
router.use(['/login'],middle);
/**
* 中间件
*/
function middle(ctx,next){
console.log('users---middleware');
next();
}
//普通路由
router.get('/',userController.index);
router.get('/login',userController.login);
router.all('/sign-up',userController.signUp);
二、koa-bodyparser
获取post数据
## app.js
const bodyPaser = require('koa-bodyparser');
app.use(bodyPaser());
## controller.js
const uname = req.body.uname;
const password =req.body.password;
三、koa-static
配置静态文件路径
const __static = require('koa-static');
app.use(__static(__dirname + '/public'));
四、koa-ejs
配置ejs视图模板
## app.js 中配置
const Koa = require('koa');
const app = new Koa();
const ke = require('koa-ejs');
ke(app, {
root: path.join(__dirname, 'view'),
layout: 'index', //根视图
viewExt: 'html',
cache: false,
debug: true
});
## cnotroller.js 中渲染视图
Users.html = async (ctx,next)=>{
await ctx.render('img',{data:'李若彤'}); //将img.html渲染到index.html 根视图中。
// return next().then(() => {
// ctx.render('index',{data:'李若彤'});
// });
};
## index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<%- body%>
</body>
</html>
## img.html
<h1>哈哈</h1>
">
<p><%=data%></p>
五、koa-logger
const logger = require('koa-logger');
app.use(logger());
六、async、await
async 表示这是一个async函数，await只能用在这个函数里面。
await 表示在这里等待Promise返回结果了，再继续执行。
await 后面跟着的应该是一个Promise对象，但是返回值可以不通过then来获取。
1、获取返回值
Users.signUp = async (ctx)=>{
const req = ctx.request;
const name = req.query.name || req.body.name || '';
const pwd = req.query.pwd || req.body.pwd || '';
if(!name || !pwd){
ctx.body = {
code : 'ERROR',
msg : '参数错误'
};
}else{
const result = await new Promise(function (reso,rej) {
dao.save(userModel,{
name : name,
pwd : pwd
},function (err,data) {
if(err)
return reso(err.message);
return reso(data);
});
});
if(typeof result == 'string'){
console.log(result);
return ctx.body = {
code : 'faild',
msg : '注册失败'
};
}else{
return ctx.body = {
code : '200',
msg : '注册成功'
};
}
}
};
2、捕捉错误
既然.then(..)不用写了，那么.catch(..)也不用写，可以直接用标准的try catch语法捕捉错误。
var sleep = function (time) {
return new Promise(function (resolve, reject) {
setTimeout(function () {
// 模拟出错了，返回 ‘error’
reject('error');
}, time);
})
};
var start = async function () {
try {
console.log('start');
await sleep(3000); // 这里得到了一个返回错误
// 所以以下代码不会被执行了
console.log('end');
} catch (err) {
console.log(err); // 这里捕捉到错误 `error`
}
};
3、循环多个await
await看起来就像是同步代码，所以可以理所当然的写在for循环里，不必担心以往需要闭包才能解决的问题。
..省略以上代码
var start = async function () {
for (var i = 1; i <= 10; i++) {
console.log(`当前是第${i}次等待..`);
await sleep(1000);
}
};
值得注意的是，await必须在async函数的上下文中的。
..省略以上代码
let arr = [1,2,3,4,5,6,7,8,9,10];
// 错误示范
arr.forEach(function (v) {
console.log(`当前是第${v}次等待..`);
await sleep(1000); // 错误!! await只能在async函数中运行
});
// 正确示范
for(var v of arr) {
console.log(`当前是第${v}次等待..`);
await sleep(1000); // 正确, for循环的上下文还在async函数中
}
