EJS模板引擎是一款十分方便的前端渲染工具,它支持許多模板語言和控制流程的寫法,可以使我們快速地構建頁面。在使用EJS時,需要獲取json數據來進行渲染。下面是一個示例代碼:
const express = require('express'); const app = express(); app.get('/', (req, res) =>{ const data = { name: '小明', age: 18, hobbies: ['看電影', '打游戲', '聽音樂'] }; res.render('index', {data}); });
在上面這個示例代碼中,我們使用了Express框架來創建一個路由,將data對象傳入到了模板引擎中。接下來,可以在EJS模板中通過以下方式來獲取json數據:
<% data.name %> <% data.age %> <% data.hobbies[0] %>
在通過<% %>來包裹變量名之后,就可以獲取到對應的json數據了。另外,如果需要在模板中循環渲染數據,也可以使用EJS模板引擎提供的運算符:
<% for(let i=0; i<data.hobbies.length; i++) { %> <p><% = data.hobbies[i] %></p> <% } %>
通過這種方式,我們就可以將json數據在EJS模板中進行渲染了。在實際開發中,可以根據數據的不同類型和數據結構來選擇不同的渲染方式,使頁面得到更好的呈現效果。
上一篇python 查找字母
下一篇vue div拉伸