8

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

 1 year ago
source link: https://www.v2ex.com/t/936685
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

V2EX  ›  JavaScript

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

  manyfreebug · 10 小时 39 分钟前 · 2283 次点击

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

看了一些以前的“左侧侧边栏、右侧内容区域的结构”的项目,似乎有 3 种途径:

1 、借助 iframe
    事件监听左侧侧边栏的菜单,当用户点击某个菜单项时,获取它的 href 属性值,并且将它赋值给右边内容区域的 iframe 元素的 src 属性,这样就可以实现内容页面的切换。
    
2 、借助 Ajax
	监听左侧侧边栏的点击事件,当用户点击某个菜单项时,使用 ajax 请求对应的内容页面,并将返回的数据替换右边内容区域的容器中
    
3 、不借助 js
    直接把侧边栏的菜单写在每一个 html 页面里,如果需要菜单高亮,在每个 html 页面对应的菜单里添加.active 等

这三种方式在点击菜单时,都会网络请求对应的 html 页面,而现在的 vue 、react 等框架,是不需要的。

有网络请求的情况下切换页面时观感上会没那么快,一般会用哪些手段提升体验。


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK