ejs 中使用for循环的例子
时间: 2024-02-21 07:58:05 浏览: 18
在 EJS 中,可以使用 `<% %>` 标签来包含 JavaScript 代码。因此,可以使用 JavaScript 的 for 循环来迭代数组或对象,并将其与 EJS 模板一起使用。
以下是使用 for 循环迭代数组的示例:
```
<ul>
<% for(var i = 0; i < fruits.length; i++) { %>
<li><%= fruits[i] %></li>
<% } %>
</ul>
```
在上面的示例中,`fruits` 是一个包含水果名称的数组。使用 for 循环迭代数组中的每个元素,并将其包含在 HTML 列表项中。`<%= %>` 标签用于输出数组元素的值。
以下是使用 for-in 循环迭代对象的示例:
```
<ul>
<% for(var key in inventory) { %>
<li><%= key %>: <%= inventory[key] %></li>
<% } %>
</ul>
```
在上面的示例中,`inventory` 是一个包含物品名称和数量的对象。使用 for-in 循环迭代对象中的每个属性,并将其包含在 HTML 列表项中。`<%= %>` 标签用于输出对象属性的名称和值。
相关问题
EJS 中使用for循环的例子
在 EJS 中,可以使用 `<% %>` 标签来包含 JavaScript 代码。因此,可以使用 JavaScript 的 for 循环来迭代数组或对象,并将其与 EJS 模板一起使用。
以下是使用 for 循环迭代数组的示例:
```
<ul>
<% for(var i = 0; i < fruits.length; i++) { %>
<li><%= fruits[i] %></li>
<% } %>
</ul>
```
在上面的示例中,`fruits` 是一个包含水果名称的数组。使用 for 循环迭代数组中的每个元素,并将其包含在 HTML 列表项中。`<%= %>` 标签用于输出数组元素的值。
以下是使用 for-in 循环迭代对象的示例:
```
<ul>
<% for(var key in inventory) { %>
<li><%= key %>: <%= inventory[key] %></li>
<% } %>
</ul>
```
在上面的示例中,`inventory` 是一个包含物品名称和数量的对象。使用 for-in 循环迭代对象中的每个属性,并将其包含在 HTML 列表项中。`<%= %>` 标签用于输出对象属性的名称和值。
nodejs express中使用ejs具体流程
使用 EJS 模板引擎的具体流程如下:
1. 在 Node.js 项目中安装 EJS 模板引擎:
```
npm install ejs --save
```
2. 在 Express 应用程序中设置 EJS 模板引擎:
```javascript
const express = require('express');
const app = express();
app.set('view engine', 'ejs');
```
3. 在 views 文件夹中创建 EJS 模板文件。
4. 在 Express 的路由中使用 res.render() 方法呈现 EJS 模板:
```javascript
app.get('/', function(req, res) {
res.render('index', { title: 'Express', message: 'Welcome to Express' });
});
```
其中,第一个参数是模板文件的名称,不需要指定文件扩展名,Express 会自动寻找扩展名为 .ejs 的模板文件;第二个参数是传递给模板的数据对象,可以在模板中使用。
5. 在 EJS 模板文件中使用动态数据和逻辑代码:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title><%= title %></title>
</head>
<body>
<h1><%= message %></h1>
</body>
</html>
```
其中,<%= %> 表示输出动态数据,<% %> 表示嵌入逻辑代码。
这样,当用户请求 '/' 路径时,Express 就会呈现 views 文件夹中的 index.ejs 模板,并将数据对象 { title: 'Express', message: 'Welcome to Express' } 传递给模板。模板文件中使用 <%= %> 输出数据对象中的数据,最终生成 HTML 页面返回给客户端。