node.js使用EJS

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>
<%}%>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容