嵌入式JavaScript模板(Embedded JavaScript templates)文件是以
.ejs
后缀。它是一种模板引擎,它允许你在你的HTML文件中直接嵌入JavaScript代码。EJS模板可以包含HTML代码、JavaScript表达式、控制结构(如if语句和循环)等,这些在渲染时会被替换为实际的数据。
EJS模板通常用于服务端渲染,其中JavaScript代码在服务器端执行,生成HTML页面,然后将这些页面发送给客户端。这种方式可以使得页面加载更快,因为HTML内容是预先生成的,而且对于SEO(搜索引擎优化)也更为友好。
EJS文件通常与Node.js一起使用,并且可以通过ejs
模块来渲染。例如,在Node.js中使用ejs
模块渲染EJS文件的基本步骤:
-
安装EJS模块: 如果你还没有安装
ejs
模块,可以通过npm来安装它:npm install ejs
-
设置EJS为模板引擎: 在你的Node.js应用程序中,你需要设置EJS为模板引擎。这通常是在Express.js应用程序中完成的,但也可以用于其他类型的Node.js服务器。
const express = require('express'); const app = express(); // 设置EJS为模板引擎 app.set('view engine', 'ejs');
-
创建EJS模板文件: 在你的应用程序的
views
目录中创建一个.ejs
文件。例如,创建一个index.ejs
文件:在这个模板中,<%= title %>
和<%= message %>
是EJS模板标签,它们将在渲染时被替换为实际的值。<!DOCTYPE html> <html> <head> <title><%= title %></title> </head> <body> <h1><%= message %></h1> </body> </html>
-
渲染EJS模板: 在你的路由处理函数中,使用
res.render()
方法来渲染EJS模板,并传递一个对象,该对象包含要渲染到模板中的数据。(index为.ejs后缀的文件名)app.get('/', (req, res) => { res.render('index', { title: 'Hello EJS', message: 'Welcome to EJS!' }); });
-
启动服务器: 启动你的Node.js服务器,当用户访问对应的路由时,EJS模板将被渲染,并且返回给客户端一个完整的HTML页面。
const server = app.listen(3000, () => { console.log('Server is running on port 3000'); });
END.