引導程序將每個頁面呈現爲製表符

Question

我已經使用引導控件創建了管理面板，可以將示例作爲產品模塊。因此，當用戶點擊產品菜單項時，它會打開產品列表，當用戶點擊編輯/詳細信息時，我希望產品列表頁面保持原樣，但在同一窗口中將編輯頁面作爲新標籤打開。我已經提到了下面的圖片，你可以讓我知道如何使用bootsrap實現這個目標嗎？我不想在Ajax中使用引導標籤和引導標籤，因爲我必須在同一頁面中輸入列表和詳細信息的代碼，這會導致性能問題，代碼將保留在不同的頁面中，但只是它們將在同一個窗口中顯示爲製表符，用戶可以在製表符之間切換並執行其操作。

Answer 1

達到你想要，你必須依靠AJAX或新的提取API，這樣的用戶體驗，否則你應該發送請求到服務器，等待服務器響應，並基於該渲染所需的頁面。

您想要實現的UX是SPA單頁面應用程序，它依賴於AJAX調用服務器並根據用戶請求和服務器響應修改和/或顯示DOM。

您可以只使用一個頁面，並使用導航錨點＃隱藏/顯示它的部分，並且每個部分都從服務器獲取數據。比AJAX更好的是新的Fetch API，它改進了舊的XmlHttpRequest。

我強烈建議從RestFul API獲取數據，這樣每次調用只是一個返回JSON格式數據的API端點的URL，輕便，安全，靈活。