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

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

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


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


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


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

【热门文章】
【热门文章】