Ejs 基本语法
2022-04-21
Ejs 的基础语法与 Jpa 语法类似,所以有Java或java script的读者会感觉非常的亲近,所以本章我们主要介绍Ejs的基础语法,分别为 输出、循环、判断等三个大类,也是常用的一些语法进行演示,在本文中,我们主要使用 ejs-cli 来编写 .ejs
转换为.html
的形式。
在 Ejs 中,快速编辑和渲染以及简单的木板标签和浏览器端和服务器端是他的特点之一,而常用标签主要有:
- <% 流程控制标签
- <%= 原文输出HTML内容标签
- <%- 输出标签
- <%- include() 引入其他模板路径标签
变量
<% and <%=
在本文中我们主要通过使用 <%
来进行声明一个变量,之后我们可以他哦难过使用 <%=
来进行引用变量:
1 | <% title="Hello,world" %> |
<% and <%-
除了之前通过使用原文输出内容标签所输出的并不支持嵌套html语法,我们通过使用<%-
输出标签即可完成变量中包含html语法:
1 | <% var title="<h1>hello,world</h1>" %> |
其输出的将会是 “hello,world”
循环
1 | <% for(var i=0; i<10; i++) { %> |
其具体流程与变量一样,通过使用<%
标签来定义 i
变量,并输出9次,之后通过使用<%-
即输出标签来输出循环次数,之后我们就可以通过使用 ejs-cli
将其输出为.html即可完成循环。
判断
除了变量与循环标签之外,<%
还支持判断语法,在上一段代码中,我们加入以下代码即可完成判断的操作:
1 | <% if(i >= 9) { %> |
当变量i
输出次数大于且等于9(>=9)的情况下,输出“输出完成”,否则则输出“输出失败”等字样。
模板嵌套
模板嵌套是在 ejs中稍微特别的一种,通过使用木板嵌套可以使得两个不同的.ejs
文件内信息互相引用等(以文件形式):
index.ejs
1 | <% include ./include %> |
include.ejs
1 | <p>Hello,world</p> |