模板引擎

151 阅读1分钟

什么是EJS模板引擎?
EJS(Embedded JavaScript)是⼀种流⾏的模板引擎,⽤于将动态数据嵌⼊到静态HTML中。 Express框架⽀持EJS,允许您轻松地创建动态Web应⽤程序,动态⽣成HTML⻚⾯,以及向⻚⾯ 中注⼊数据。
安装EJS模板引擎
在使⽤EJS之前,您需要确保已经安装了EJS模块。您可以使⽤npm来安装它:
npm install ejs
配置Express使⽤EJS
配置Express以使⽤EJS作为默认的模板引擎。在您的Express应⽤程序中,添加以下代码:
const express = require('express');
const app = express(); // 设置EJS为模板引擎
app.set('view engine', 'ejs');
通过app.set('view engine', 'ejs'),您告诉Express使⽤EJS作为默认模板引擎。
创建EJS模板
创建⼀个EJS模板⽂件,通常保存在⼀个名为views的⽂件夹中。以下是⼀个简单的EJS模板示 例,例如views/index.ejs:

Express EJS模板示例

Hello, <%= name %>!

<html>
<head>
<title>Express EJS模板示例</title>
</head>
<body>
<h1>Hello, <%= name %>!</h1>
</body>
</html>

在EJS模板中,您可以使⽤<%= name %>来插⼊动态变量。在上述示例中,name变量将在渲染 时被替换为实际的值。
注意: 在Express中使⽤EJS模板引擎时,默认情况下,视图(模板)⽂件是放在名为"views"的⽂件夹 中的。但这种设置是可以⾃定义的,你可以通过配置 app.set('views', path.join(_dirname, 'custom-views-folder')); 来指定不同的视图⽂件夹。
- 标签含义
<% '脚本' 标签,⽤于流程控制,⽆输出。
<%
删除其前⾯的空格符
<%= 输出数据到模板(输出是转义 HTML 标签) <%- 输出⾮转义的数据到模板
<%# 注释标签,不执⾏、不输出内容
<%% 输出字符串
'<%' %> ⼀般结束标签
-%> 删除紧随其后的换⾏符
_%> 将结束标签后⾯的空格符删除