Koa框架入门与实践-优快云博客

本文链接：https://blog.youkuaiyun.com/mdzz14/article/details/107848352

Koa以及Koa中间件使用

Koa 是一个Node.js Web FrameWork

相关概念 Router 路由

创建新应用

解决方案选择KOA应用迁移方案

添加依赖

npm i

使用koa模板

安装koa-ejs

npm i -S koa-ejs

安装koa-views

npm i -S koa-views

新建views文件夹存放ejs文件

编辑index.ejs

<html>
<head>
    <title></title>
    <style>
	.show{
	  position: absolute;
	  left: 50%;
	  top: 50%;
	  transform: translate(-50%,-50%);
	  text-align: center;
	}
    </style>
</head>
<body>
    <div class = "show">
     <h1><%= tile %></h1>
      <p>EJS Welcome to <%= content %></p>
    </div>
</body>
</html>

自定义show.js

const Koa = require('koa');
const app = new Koa();
const bodyParser = require('koa-bodyparser');
const Router = require('koa-router');
const router = new Router();
const render = require('koa-ejs');
const path = require('path');
app.use(bodyParser());

// 初始化ejs，设置后缀为html，文件目录为`views`
render(app, {
    root: path.join(__dirname, 'views'),
    layout: false,
    viewExt: 'ejs',
    cache: false,
    debug: false
});


// 渲染首页
router.get('/',async (ctx,next)=>{
    await ctx.render('index',{
        title: 'Hello，World',
        content: 'Koa'
    });
})

app.use(router.routes());
app.use(router.allowedMethods());
// 监听3000端口
app.listen(3000);

module.exports = app;

运行show.js