模板引擎-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>

 运行结果:

发布了319 篇原创文章 · 获赞 124 · 访问量 12万+

猜你喜欢

转载自blog.csdn.net/qq_40323256/article/details/103028154