求助一个问题，类似管理系统左侧菜单，右侧内容，点击菜单，右侧内容区域变化

Question

一、描述背景：
1、系统是一个典型的后台管理系统，用的前端框架是bootstrap，左侧区域、顶部和底部版权都是由js动态生成，只有右侧区域是直接写在页面上面，就是各个页面只写了内容区域。
2、点击左侧菜单，会通过href调到相应的页面，之后左侧顶部和底部都会用js生成，但是对与浏览器会刷新一下，用户体验很不好。
二：自我思考
1、对于浏览器不刷新，地址栏变化，内容区域变化，我在网上看见了一个开源库，pjax、其原理就是使用html5中的history.pushState和history.replaceState加上ajax。
2、但是此方法ajax返回的都是数据信息，之后再js生成dom节点追加在页面上。
3、但是对于我的管理，每个页面都有大量的弹框操作和相应的js代码，这种插件目前不能满足我需求。
三：求助
1、不求能给出具体的代码，但求给予具体的修改思路，谢谢。

Answer 1

首先，你可以了解一下“单页应用（SPA）”的概念，目前你所说的管理系统就是一个典型的SPA。
考虑使用框架，Vue或者React或者Angular什么的，组件化你的系统。这类框架都有相应的路由管理工具，能够实现不刷新页面而切换组件的功能，正符合你意。
具体的思路就是，页面左侧（菜单）和右侧（内容）都是独立的组件，点击菜单，路由变化触发组件切换，这样就能直接把新的内容组件切换进去了，不需要刷新浏览器。

Answer 2

像一些类似于cms 的后台管理模板应该有很多可以看看这个 AdminLte

Answer 3

除了采用spa，你也可以用pjax+一个模板系统进行管理