在多页主干应用中，如何在两个页面之间传输链接

Question

我搜索创建多页(物理页面，如index.jsp, page1.jsp, page2.jsp等)，但我没有发现任何有用的。所以我开始尝试自己实现。

我以下列名称创建了单独的jsp/html文件:index.jsp(包含仪表板页面)、customer、page2等等。我为每个页面创建了单独的路由器，以路由该页面内的各种视图。

我已经创建了一个像下面这样的顶部菜单栏。

<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"，我有两个按钮列出客户，并在客户页面中创建新客户，点击按钮，我路由到客户/列表(customer.jsp#customer/list)和客户/新(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它重定向到该url完美并加载内容，当我从客户列表页面点击客户新，url得到改变，但内容得到改变只有当我点击刷新按钮在我的浏览器。

当我先点击客户新建，然后点击客户列表页面时也是如此。换句话说，第一个url重定向起作用，接下来的url重定向只在单击刷新按钮时起作用。

因为我是新来的脊梁世界，我不能自己弄清楚。我在谷歌上搜索了一天后发布了这篇文章。有人能帮我解决这个问题吗?

多页移动的原因(物理)

1)避免加载特定页面不需要的view js文件。仪表板加载客户页面、page1等所需的所有视图js。

Answer 1

你的JS文件被浏览器缓存，所以使用多个页面来避免一次加载它们并不是一个好主意。相反，你应该将所有的js文件压缩成一个单独的js文件，并包含在每个页面上。

如果你正在使用maven，一个很好的java minifier是https://github.com/samaxes/minify-maven-plugin

至于为什么你的内容正在改变，我需要看到你的js