你如何在 HTML 中引用 a.ejs 文件

Question

我正在嘗試使用 Nodejs 和 express 構建登錄系統。 我有一個使用 ejs 登錄 forms 的登錄頁面。

在我的index.html文件中，有一個按鈕可以將用戶引導到該登錄頁面：

 <button id="loginBtn"> <a href="views/login.ejs"><LI> LOGIN </LI></a> </button>

但它會打印登錄頁面的 ejs 代碼，而不是顯示實際頁面。 有人知道我在做什么嗎？

Answer 1

要渲染視圖，您只需在 expressjs 中指定一個端點並僅調用該端點

您不應該嘗試調用.ejs文件位置

例子：這段代碼login.ejs會在后台自動渲染，服務端庫會做， res.render('login')會自動調用login.ejs

 router.get('/home', function(req, res, next) {
    res.render('login');
 });

您的超鏈接應該單獨調用路由器映射端點

 <a href="/home"><li> LOGIN </li></a>

一旦你決定使用 EJS 來進行 UI 設計，如果只給你 UI 設計部分，那么你可以做一個虛擬代碼來渲染一個具有固定數據的 EJS，你不必用 DB 運行整個網站

例如：假設有一個數據將呈現 EJS，要使用虛擬數據呈現，您可以這樣做

從正在盡其本分的開發人員那里獲取數據並執行此代碼

 router.get('/home', function(req, res, next) {
    var data = {"name": "Emmanuel"}
    res.render('login', data);
 });

如您所見，數據是直接temporary編碼的