EJS是一種模板引擎,支持使用JSON文件來展示數據。當我們想要動態生成網頁內容時,可以將數據存儲在JSON文件中,然后使用EJS來引用這些數據并渲染網頁。下面是一個簡單的示例:
//example.json { "title": "我的博客", "content": "歡迎來到我的博客!" }
//index.ejs<%= title %> <%= title %>
<%= content %>
在上面的示例中,我們定義了一個JSON文件來存儲數據,并在EJS模板中使用<%= %>
來引用這些數據。在渲染網頁時,EJS會將<%= %>
替換為JSON文件中的相應值。
除了簡單的鍵值對之外,JSON文件還可以嵌套、數組等。下面是一個更復雜的示例:
//example.json { "posts": [ { "title": "第一篇博客", "content": "這是我的第一篇博客。" }, { "title": "第二篇博客", "content": "這是我的第二篇博客。" } ] }
//index.ejs<%= title %> <%= title %>
<% for(var i=0; i<%= posts[i].title %>
<%= posts[i].content %>
<% } %>
在上面的示例中,我們定義了一個包含了多個博客文章的JSON文件,并在EJS模板中使用了循環<% for(var i=0; i<posts.length; i++) { %>
來遍歷每篇文章并顯示。
通過使用EJS和JSON文件,我們可以更方便地管理和展示數據,從而實現靈活的頁面渲染。如果您想要了解更多關于EJS和JSON文件的知識,可以查看相關的官方文檔和教程。
上一篇c 判斷json是否包含
下一篇python 查數據類型