在EJS中编写代码可以通过以下步骤实现:
npm install ejs
template.ejs
,并在其中编写HTML和EJS代码。EJS使用<% %>
标签来插入JavaScript代码,使用<%= %>
标签来插入变量的值。示例代码:
<!DOCTYPE html>
<html>
<head>
<title>EJS Template</title>
</head>
<body>
<h1>Hello, <%= name %>!</h1>
<% if (isAdmin) { %>
<p>Welcome, Admin!</p>
<% } else { %>
<p>Welcome, User!</p>
<% } %>
</body>
</html>
在上面的示例中,<%= name %>
会被替换为变量name
的值,<% if (isAdmin) { %>
和<% } else { %>
用于条件判断。
ejs
模块加载模板文件并渲染数据。首先,确保已经安装了express
模块,然后创建一个简单的Express应用程序。示例代码:
const express = require('express');
const app = express();
const ejs = require('ejs');
app.set('view engine', 'ejs');
app.get('/', (req, res) => {
const data = {
name: 'John',
isAdmin: true
};
res.render('template', data);
});
app.listen(3000, () => {
console.log('Server is running on port 3000');
});
在上面的示例中,app.set('view engine', 'ejs')
设置了使用EJS作为视图引擎。res.render('template', data)
用于渲染名为template.ejs
的模板,并传递数据对象data
。
http://localhost:3000
,你将看到渲染后的页面。这是一个简单的示例,你可以根据自己的需求在EJS模板中编写更复杂的代码。
领取专属 10元无门槛券
手把手带您无忧上云