Axure学习：网站后台导航菜单的制作及对应内容的显示

不少产品经理主要做的产品是后台系统，在做后台原型的时候对于有些部分的内容存在一些疑惑。 

我们的学员也是一样，在做后台的时候遇到了一些问题，请教了老师，得到了解答。这里和大家分享一下，同学们的问题以及解决方法，希望能给大家一些帮助。

同学们的问题主要集中在后台的导航菜单，以及相对应界面的显示上。因为问到的问题具体是涉及到同学正在做的工作，所以不方便将同学原本的图片等展示出来。为了方便解释，这里换了一个例子。     

             

那慢慢一个个问题来看。

 

1、动态面板和母版

这里的问题主要是对于菜单部分的疑问。这位同学主要的问题在于对动态面板和母版的理解存在一些错误。

在axure中来说，动态面板和母版是两个不存在互斥关系的内容。动态面板是一个基础部件，在任何页面，包括母版页面中都可以使用。甚至动态面板本身的状态页面中都可以再次使用动态面板。

母版我们可以看成“模板”，它是一个可以套用、修改的内容。母版一般是我们自己利用基础部件进行制作的，包括动态面板在内均可使用。

总体来说，动态面板中可以使用母版，母版中也可使用动态面板。比如以这个例子来讲，可以这么做。

建立一个母版，母版的主要内容是导航菜单。使用母版的原因是，在后台的大多数页面都会使用到这个导航菜单，可以复用。

菜单使用动态面板制作。为什么呢？因为这里的菜单包含了一级菜单和二级菜单，可以对菜单进行展开和收起的操作。用动态面板制作两个不同的状态即可。

展开收起的操作刚好也有同学像老师请教过，所以这里一起给出答案了。当然不用动态面板也是可以的，只是其中的一种较为方便的做法。

2、选中和选中样式

这里同学遇到的问题是，在点击导航进入新的页面，但是选中的设置是在原来的页面中设置的。所以导致新的页面没有办法显示选中的样式。

菜单在按照前面母版的做法做好之后，在母版中可以设置点击之后进行也买你的跳转。比如，点击内容管理-思想观点，跳转到思想观点的页面。

为了避免跟同学一样的情况，我们在进入新的页面之后再去设置菜单的选中及样式。打开跳转的页面，在页面载入的时候，设置内容管理和思想观点为选中。注意不要忘记在母版中设置内容管理和思想观点选中时的交互样式。

这样设置好之后，就可以在跳转到某个页面之后，对应的菜单保持选中时的交互样式。

 

3、善用内部框架

前面的做法可能会有朋友觉得麻烦，想要找一下有没有简单的方法。答案是有的。我们可以用内部框架去完成。

在母版页面中，菜单的旁边搭建一个内部框架。确定好位置

在母版的菜单中，设置点击菜单选项时，选项为选中的同时。设置在内部框架中打开“思想观点”的页面即可。

最终的效果也是一样是我们想要的。

注意：用这种方法做的话，被打开的页面必须不包括母版的内容在内，不然会造成元素的重复。

前面提问的同学是在自己的工作当中遇到的问题，然后寻求老师的帮助。这是在学习任务之外的内容，也是VIP同学能够享受到的另外的服务：发现问题即可寻求老师的帮助进行解决，在一定程度上减轻了同学们的负担。