EJS(Embedded JavaScript)是一種模板引擎,可以幫助開發(fā)者構(gòu)建動(dòng)態(tài)Web頁面。它非常靈活,允許開發(fā)者將數(shù)據(jù)和HTML代碼融為一體。EJS支持多種數(shù)據(jù)格式,例如JSON。
JSON(JavaScript Object Notation)是一種輕量級(jí)數(shù)據(jù)交換格式,由JavaScript語言中的對(duì)象表示法(Object Notation)演變而來。它具有簡(jiǎn)潔、易于閱讀和編寫的特點(diǎn),常用于Web應(yīng)用程序之間的數(shù)據(jù)交換。EJS對(duì)JSON數(shù)據(jù)的支持提高了頁面的可讀性和可維護(hù)性。
EJS模板中通過<% %>
標(biāo)簽進(jìn)行數(shù)據(jù)渲染。在EJS中,可以直接使用JSON對(duì)象來渲染模板。比如,下面這個(gè)例子展示了如何在EJS中使用JSON數(shù)據(jù):
<!-- index.ejs --> <h1><%= data.title %></h1> <p><%= data.description %></p>
在渲染模板時(shí),通過向渲染函數(shù)傳遞一個(gè)JSON對(duì)象作為參數(shù)來提供數(shù)據(jù)。
const express = require('express'); const app = express(); app.set('view engine', 'ejs'); app.get('/', (req, res) =>{ const data = { title: '歡迎來到我的博客', description: '這是一個(gè)使用EJS和JSON數(shù)據(jù)渲染的博客頁面。', }; res.render('index', { data }); }) app.listen(3000, () =>{ console.log('App running on port 3000'); })
在上面的示例中,我們通過res.render()
方法向EJS模板傳遞了一個(gè)JSON對(duì)象作為參數(shù),EJS模板會(huì)使用數(shù)據(jù)渲染頁面。這樣,我們就可以方便地構(gòu)建動(dòng)態(tài)Web頁面了。