jQuery 流行的年代,是如何做后台管理系统的页面切换功能的?

查看 108|回复 5
作者:manyfreebug   
jQuery 流行的年代,是如何做后台管理系统的页面切换功能的?
看了一些以前的“左侧侧边栏、右侧内容区域的结构”的项目,似乎有 3 种途径:
1 、借助 iframe
    事件监听左侧侧边栏的菜单,当用户点击某个菜单项时,获取它的 href 属性值,并且将它赋值给右边内容区域的 iframe 元素的 src 属性,这样就可以实现内容页面的切换。
   
2 、借助 Ajax
        监听左侧侧边栏的点击事件,当用户点击某个菜单项时,使用 ajax 请求对应的内容页面,并将返回的数据替换右边内容区域的容器中
   
3 、不借助 js
    直接把侧边栏的菜单写在每一个 html 页面里,如果需要菜单高亮,在每个 html 页面对应的菜单里添加.active 等
这三种方式在点击菜单时,都会网络请求对应的 html 页面,而现在的 vue 、react 等框架,是不需要的。
有网络请求的情况下切换页面时观感上会没那么快,一般会用哪些手段提升体验。

页面, 菜单, 侧边栏, HTML

anguiao   
依稀记得有 pjax 这个东西,不过没有仔细了解过,出来干活的时候已经是 React 、Vue 的时代了。
alphat   
a href
manyfreebug
OP
  
@alphat 这个属于上面说的第三类:不借助 js ,把菜单写在每一个 html 页面里。
codehz   
以前的前端开发 ide 如 frontpage 就有提供类似功能,把一个页面的一部分定义为公共组件,一改就一起改不确定底层方案是怎么实现的,我猜可能是同时修改多个文件(
ql562482472   
服务端渲染( JSP/freemarker ),还有改写 DOM ( jquery 重新写 Dom 内容)
您需要登录后才可以回帖 登录 | 立即注册

返回顶部