页面交互逻辑比较

写这篇是为了记录下：能达到相同效果的两种不同的页面交互逻辑。

场景

侧边栏菜单分为两部分，一部分是固定，一部分是动态。如下图所示：

不同的项目，动态菜单的数量和内容不一样。处于项目 A 时，若处于动态菜单页面（比如 Piping），点击顶部下拉框切换到项目 B），那么：

1. 之前打开的项目 A 的 Piping 页签是否需要自动关闭？
2. 项目 B 的动态菜单中若有 Piping，则可以打开项目 B 的 Piping 页签；若没有，则打开什么页签呢？

方案一

1. 之前打开的项目 A 的 Piping 页签没有自动关闭，再次点击时，内部自动显示为项目 B 的 Piping 页签数据；
2. 项目 B 的动态菜单中若有 Piping，则保留之前打开的项目 A 的 Piping 页签，只是内部自动显示为项目 B 的 Piping 页签数据；若没有，则默认打开第项目 B 的第一个动态菜单页签。

方案二

1. 之前打开的项目 A 的 Piping 页签必须自动关闭；
2. 不论项目 B 的动态菜单中是否有 Piping，自动打开固定菜单页签（比如“通用数据”）。

比较

比较这两种不同的页面交互逻辑方案：方案二优于方案一。

1. 切换到项目 B 后，方案一会出现之前未关闭的项目 A 的页签Pid，但实际上，用户并未点击项目 B 的页签Pid，造成不必要的页面空间浪费；
2. 方案一需要判断项目 B 是否有之前打开过的 Piping菜单，增加逻辑复杂度。(有时会出现内部数据不改变的情况)。

以上两种不同交互逻辑，从简洁性来说，方案二更合适。