マルチページ (index.jsp、page1.jsp、page2.jsp などの物理ページ) の作成を検索しましたが、有用なものは見つかりませんでした。だから私は自分で実装しようとすることから始めました。
index.jsp (ダッシュボード ページを含む)、customer、page2 などの名前で個別の jsp/html ファイルを作成しました。その単一のページ内でさまざまなビューをルーティングするために、ページごとに個別のルーターを作成しました。
次のようなトップメニューバーを作成しました。
<ul>
<li><a href='index.jsp' class="dashboard">Dashboard</a></li>
<li><a href="customer.jsp">customer</a></li>
<li><a href="page2.jsp">Page2</a></li>
<li><a href="page3.jsp">Page3</a></li>
<ul>
これらの「li」をクリックすると、ページが正常にロードされ、顧客をリストして顧客ページに新しい顧客を作成するための2つのボタンがあり、そのボタンをクリックすると、顧客/リスト（customer.jsp＃顧客/リスト）と顧客/にルーティングされますRouter に new(customer.jsp#customer/new) を入力し、それぞれのビューをロードします。今のところ問題はなく、マルチページ バックボーン アプリの作成は簡単だと思いました。
以下のようにトップメニューバーにサブメニューを追加すると困ってしまいます。
<ol class="nav">
<li><a href='index.jsp' class="dashboard">Dashboard</a></li>
<li class="dropdown">
<a data-toggle="dropdown" href="customer.jsp">Customer</a>
<ul class="dropdown-menu">
<li><a href="customer.jsp#/customer/list"> Customer List</a></li>
<li><a href="customer.jsp#/customer/new"> New Customer</a></li>
</ul>
</li>
<li><a href="page2.jsp">Page2</a></li>
<li><a href="page3.jsp">Page3</a></li>
<ol>
私にとっての問題：
index.jsp から Customer List をクリックすると、その URL に完全にリダイレクトされ、コンテンツが読み込まれます。Customer List ページから Customer New をクリックすると、URL は変更されますが、ブラウザの更新ボタンをクリックした場合にのみコンテンツが変更されます。 .
最初に Customer New をクリックしてから Customer List ページをクリックした場合も同様です。つまり、最初の URL リダイレクトは機能し、次の URL リダイレクトは更新ボタンをクリックした場合にのみ機能します。
私はこのバックボーンの世界に慣れていないので、自分でそれを理解することができませんでした. 私はグーグルの一日の後にこれを投稿しています。誰かがこの問題を解決するのを手伝ってくれますか?
マルチページ（物理）に移行する理由
1) 特定のページに不要なビュー js ファイルの読み込みを避けるため (例: ダッシュボードは、顧客ページ、ページ 1 などに必要なすべてのビュー js を読み込みます)。