模板引擎-koa-ejs

如果想要返回HTML文件,則需要安裝模板引擎。

EJS是一個JavaScript模板庫,用來從JSON數據中生成HTML字符串。Koa2框架中ejs可以把數據庫查詢的數據渲染到模板上面,實現一個動態網站。

Koa2 中使用ejs模板引擎的用法:
1、安裝 koa-views 和ejs

安裝koa-ejs:

cnpm i koa-ejs -S

安裝koa-views

cnpm i koa-views -S

 2、引入koa-views配置中間件

const path=require('path')  //這是node提供的
const views = require('koa-views')
 
// 加載模板引擎
app.use(views(path.join(__dirname, './view'), {
	extension: 'ejs'
  }))

3、Koa中使用ejs:

app.use( async ( ctx ) => {
	let title = 'koa2'
	await ctx.render('index', {
	  title,
	})
  })

 

文件目錄:

 

app.js

const Koa = require('koa')
const app = new Koa()

const path=require('path')  //這是node提供的
const views = require('koa-views')

// 加載模板引擎
app.use(views(path.join(__dirname, './view'), {
	extension: 'ejs'
  }))

app.use( async ( ctx ) => {
	let title = 'koa2'
	await ctx.render('index', {
	  title,
	})
  })

app.listen(3000, () => {
	console.log('Server Started...')
})

index.ejs

<!DOCTYPE html>
<html>
<head>
    <title><%= title %></title>
</head>
<body>
    <h1><%= title %></h1>
    <p>你好: <%= title %></p>
</body>
</html>

 運行結果:

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章