ブートストラップは各ページをタブとしてレンダリングします

Question

私はブートストラップコントロールを使用して管理パネルを作成しました。ユーザーが製品メニュー項目をクリックすると製品リストが開き、ユーザーが編集/詳細をクリックすると、製品リストページはそのままで、同じページ内の新しいタブとして編集ページが開きます。私は下の画像を参照しています。ブートスラップを使用してこれを達成する方法を教えてください。 Ajaxでブートストラップ・タブとブートストラップ・タブを使用したくないのです。なぜなら、同じページにリスティングと詳細のコードを入力する必要があるからです。これはパフォーマンスの問題を引き起こします。代わりにコードは別のページに残っています同じウィンドウ内でタブとしてレンダリングされ、ユーザーはタブを切り替えてその操作を実行できます。

Answer 1

あなたは、そうでない場合は、サーバーに要求を送信する必要があり、AJAXまたは新規取得APIに依存しているサーバーの応答を待ち、それが目的のページをレンダリングに基づいてしなければならない必要なユーザーエクスペリエンスを実現するために。

達成したいUXは、サーバーへのAJAX呼び出しに依存し、ユーザー要求とサーバー応答の両方に基づいてDOMを変更および/または表示するSPAシングルページアプリケーションです。

ナビゲーションアンカー＃を使用してページを1つだけ表示し、非表示にすることができ、各セクションはサーバーからデータをフェッチします。 AJAXよりも優れた新しいFetch APIがあり、古いXmlHttpRequestが改善されています。

RestFul APIからデータを取得することを強くお勧めします。各呼び出しはJSON形式のデータを軽く安全にフレキシブルに返すAPIエンドポイントのURLにすぎません。