美文网首页
node.js使用EJS

node.js使用EJS

作者: 天往哪方 | 来源:发表于2020-07-20 14:21 被阅读0次

1、安装 koa-views 和 ejs

安装 koa-views npm install --save koa-views / cnpm install --save koa-views
安装 ejs npm install ejs --save / cnpm install ejs --save

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

//views  网页文件位置

/*
配置EJS 模板引擎的两种方式
1.{ map: {html: 'ejs' }}  这种配置方式模板的后缀名要以HTML结尾

2.{extension:'ejs'} 这种配置方式文件后缀名直接以ejs结尾即可
*/

const views = require('koa-views'); 
app.use(views('views', { map: {html: 'ejs' }}));

3、Koa 中使用 ejs:

router.get('/add',async (ctx)=>{
  let title = 'hello koa2' 
  await ctx.render('index',{
  title })
})

//ctx.render('index') 渲染模板
 ctx.render('index',{
  title })
//title是简写,这里是想ejs模板传值  不简写的方式是{title:title}

4、Ejs 引入模板

<%- include header.ejs %>

5、Ejs 绑定数据

<%=h%>

6、Ejs 绑定 html 数据

<%-h%>

7、Ejs 模板判断语句


<% if(true){ %>
   <div>true</div>
<%} else{ %> 
  <div>false</div>
<%} %>

8、Ejs 模板中循环数据

<%for(var i=0;i<list.length;i++) { %>
    <li><%=list[i] %></li>
<%}%>

相关文章

网友评论

      本文标题:node.js使用EJS

      本文链接:https://www.haomeiwen.com/subject/nhzekktx.html