koa2模版初识——ejs

本文介绍如何在koa2框架中配置并使用ejs模版引擎。通过安装koa-views和ejs依赖,设置模版路径及扩展名,最终实现模版渲染。文中提供了一个简单的示例,展示了从安装到使用的全过程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在koa2中是用ejs模版需要依赖中间件,koa-views。

npm install --save koa-views

安装模版引擎:

npm install --save ejs

编写ejs模版文件:<%= %>    =:的意思是对中间的代码转义 ,还有一种是<%- %>:-号,是不转义。推荐使用<%= %>。更多关于ejs的使用,请参考ejs官方文档

#view/index.ejs

<!
DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title><%= title%></title> </head> <body> <h1><%= title%></h1> <div> ejs welcome to <%= title%> </div> </body> </html>

编写koa文件,渲染ejs模版文件:

#ejs.js

const Koa=require('koa'); const views = require('koa-views') const path = require('path') const Router = require('koa-router') const app = new Koa(); const router = new Router(); app.use(views(path.join(__dirname,'./view'),{ extension:'ejs' })); router.get('/index', async ctx=>{ let title='hello koa2'; await ctx.render('index',{title}) }); app.use(router.routes(), router.allowedMethods()) app.listen(3333,()=>{ console.log('[demo] server is starting at port 3333') })

运行该文件:

node ejs.js

在浏览器中查看效果:

http://localhost:3333/index

 

OK,一个简单ejs模版使用完成。

  

转载于:https://www.cnblogs.com/brand-code/p/9284233.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值