koa ejs 模板引擎

一、Koa 中使用 ejs 模板的使用
1、安装 koa-views 和 ejs

  1. 安装 koa-views
    npm install --save koa-views / cnpm install --save koa-views
  2. 安装 ejs
  npm install ejs --save / cnpm install 

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

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

3、Koa 中使用 ejs:
文件目录:
在这里插入图片描述
index.ejs
在这里插入图片描述
在这里插入图片描述
浏览器结果:
在这里插入图片描述

4、ejs引入模板

<%- include header.ejs %>

5、ejs 绑定数据

<%=h%>

6.ejs 绑定 html 数据

<%-h%>

7.ejs 模板中循环数据

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

8、Ejs 模板判断语句

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

实例
heaer.js

<h1 class="title">这是一个头部的模块</h1>

app.js
在这里插入图片描述
index.ejs
在这里插入图片描述
结果
在这里插入图片描述

发布了87 篇原创文章 · 获赞 29 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/Hhjian524/article/details/100073260