EJS 是一个专为 Node.js 设计的服务端 JavaScript 模板引擎，它允许我们直接在 HTML 中嵌入 JavaScript 代码，从而实现动态 HTML 页面的生成。
- 全称为 Embedded JavaScript（嵌入式 JavaScript）。
- 常与 Node.js 和 Express 配合使用。
- 允许在网页中渲染动态内容。
- 能够在 HTML 模板内部嵌入 JavaScript 逻辑。
EJS 模板引擎的工作原理
EJS 是一个允许我们将 JavaScript 嵌入 HTML 以生成动态 Web 内容的模板引擎。
- 使用
.ejs作为文件扩展名。 - 使用 INLINECODEccd28bad 和 INLINECODE6f9720ad 等标签来嵌入 JavaScript。
- 在服务器端生成动态 HTML。
- 通过
npm install ejs命令进行安装。
语法示例
EJS 语法示例
你好, !
欢迎, 管理员!
欢迎, 用户!
<% for(let i=1; i
- 项目
主要特性
EJS 提供了强大的功能，使我们能够生成动态内容，并与服务端 JavaScript 框架实现无缝集成。
- 它支持使用
标签进行变量替换。 - 它支持使用
标签直接在模板中编写条件判断和循环。 - 它可以轻松地与 ExpressJS 等 NodeJS 框架结合使用。
- 它支持通过
include指令使用可复用的组件。
在 Express 中实现 EJS 的步骤
步骤 1： 使用以下命令创建一个 NodeJS 应用程序
npm init
步骤 2： 安装所需的依赖包
npm i ejs express
package.json 文件中更新后的依赖项将如下所示
"dependencies": {
"ejs": "^3.1.9",
"express": "^4.18.2"
}
HTML
CODEBLOCK_e1f073a4
HTML
CODEBLOCK_31a2e2be
JavaScript
CODEBLOCK_1db57684
要运行该应用程序，请使用以下命令：
node index.js
输出结果： 现在在浏览器中访问 http://localhost:3000