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