koa2-12

最新推荐文章于 2025-09-07 00:18:35 发布

weixin_30457551

最新推荐文章于 2025-09-07 00:18:35 发布

阅读量78

点赞数

CC 4.0 BY-SA版权

文章标签： php

原文链接：http://www.cnblogs.com/xiaofandegeng/p/9108908.html

Koa2的模板初识（ejs）

　　开发中不可能把所有的html代码全部卸载JS里，这显然不现实，也没办法完成大型web开发。必须借用模板机制来帮助我们开发，这节课我们就简单了解一下Koa2的模板机制，koa2的目标机制要依靠中间件来完成开发。

　安装中间件

　　在koa2中使用模板机制必须依靠中间件，我们这里选择koa-views中间件，先使用npm来进行安装。

cnpm install --save koa-views

　　需要注意的是是koa-views 而不是koa-view，我第一次安装时就遇到了这个坑，导致一直不成功，希望小伙伴不要踩我这个简单低级的坑。

　安装ejs模板引擎

　　ejs是个著名并强大的模板引擎，可以单独安装。很多开源软件都采用了ejs模板引擎。

npm n install --save ejs

　编写模板

　　安装好ejs模板引擎后，就可以编写模板了，为了模板统一管理，我们新建一个view的文件夹，并在它下面新建index.ejs文件。

　　views/index.ejs

<!DOCTYPE html>
<html>
<head>
    <title><%= title %></title>http://jspang.com/wp-admin/post.php?post=2760&action=edit#
</head>
<body>
    <h1><%= title %></h1>
    <p>EJS Welcome to <%= title %></p>
</body>
</html>

　编写koa文件

　　有了模板文件，我们需要在js文件中配置并渲染。

const Koa = require('koa')
const views = require('koa-views')
const path = require('path')
const app = new Koa()
 
// 加载模板引擎
app.use(views(path.join(__dirname, './view'), {
  extension: 'ejs'
}))
 
app.use( async ( ctx ) => {
  let title = 'hello koa2'
  await ctx.render('index', {
    title
  })
})
 
app.listen(3000,()=>{
    console.log('[demo] server is starting at port 3000');
})