Web端多页签后台框架（页签切换无刷交互效果简单易用）

关于多页签框架的后台系统，做B端同学应该都不陌生。比较常见于页面/功能比较多的后台系统，如ERP、OA、WMS等等，在比较主流的后台框架中基本上也都具备多页签功能。什么时候情况需要用到多页签功能呢？

多页签常见与后台功能页面比较多，部分功能存在一些相辅作用的情况下。举个例子：用户在做销售发货单，制单到一半想了解下这个客户的付款情况。在没有多页签的情况下用户有两个选择，一放弃已经制到一半的单打开到款查询页面查看客户的付款情况。二继续制单等制单完成之后再去到款查询页面看客户的付款情况，如果客户的付款情况有异常可能又得返回销售发货单页面修改刚才制的单。如果有多页签功能就能避免这样的情况发生了，用户制单到一半可以直接打开另一个页面查看付款情况，而这个两个页面是同时保留的，查看付款情况之后还能回到刚才制到一半的销售发货单页面继续完成剩下的工作。

有的同学可能会说，现在的浏览器都是支持多选项卡（多标签页）的方式，直接在后台通过浏览器打开一个新的选项卡不就可以了。这也能算是一种解决方法，用户在使用不支持多页签后台的情况下。我曾经确实也见到过用户直接在后台菜单按钮上通过右击选择 在新的标签页中打开。但是后台是一个汇集系统中各个功能快捷入口的地方，如果不停在浏览器上在后台主页与各个功能页之间切换用户处理的事情多了估计要疯掉吧。

多页签功能在后台功能页面比较多比较复杂的情况下，多个功能页面之间存在一定联系并能辅助用户高效完成工作的情况下使用比较合适。多页签功能特点是方便用户在多功能页面之间来回切换，并且不会导致页面刷新而丢失当前的数据状态。在比较简单的后台中功能页面较少且功能页与功能页之间没有什么联系的情况下可以不考虑多页签功能，如一些小网站后台等。

———————————————————

更新

2019-09-02：添加Ant Design风格多页签后台框架