koa2系列教程:koa2使用模板引擎

koa2系列教程,持续更新

  • koa2系列教程:koa2应用初见
  • koa2系列教程:koa2处理静态文件
  • koa2系列教程:koa2使用模板引擎
  • koa2系列教程:koa2路由控制中间件
  • koa2系列教程:综合koa2搭建登录注册页面
  • koa2系列教程:koa2实现登录注册功能

这篇教大家如何使用模板引擎

这里我们使用ejs模板引擎做 个例子,你们自己选择自己熟练的模板引擎

使用的版本:

文件夹目录结构:

1.编写index.js

const Koa = require('koa')
const views =  require('koa-views')
const path = require('path')
const app = new Koa()

// 加载模板引擎
app.use(views(path.join(__dirname, './views'), {
    extension: 'ejs'
  }))
  
app.use( async ( ctx ) => {
    let title = 'hello koa2'
    await ctx.render('index', {
      title,
    })
})

app.listen(3000, () => {
  console.log('localhost:3000')
})

2.编写/views/index.ejs




    
    
    
    index


    

views index

<%= title %>

3.启动服务

node index.js

4.打开浏览器

我们想要的结果就出来了

后记

  • koa-views 源码及文档:https://github.com/queckezz/k...
  • koa-views 支持模板引擎列表:https://github.com/tj/consoli...

本文首发于微信公众号:node前端

不妨关注一下

你可能感兴趣的:(koa.js,koa2,node.js,javascript)