合作开发-实现后台管理框架
图中所看到的框架是一个B/S最主要的结构,共同拥有4部分组成:上下分别为Header、Footer;左右分别为Menu、Content。Header 和footer 部分用来显示站点的基本信息,Menu用来划分管理划分后台的业务模块,content来展示每一个业务所相应的处理界面。
由于每一个模块相应一个网页,并且要保证全部网页的统一性,所以在刚開始布局的时候,想到将该框架构造一个母版页,运用该母版页新建网页,然后通过菜单中的超级链接串起来的。
这样做,看起来是非常好的运用了母版页的功能,实现了固定部分的复用(通常情况下,固定部分页面设计复杂。变化部分设计简单),可是还存在非常多的不便。
最明显的,页面间在跳转时整个页面会有一闪一闪的效果,由于每次跳转,整个页面都须要又一次载入一次,假设母版页的内容非常多。载入就会时间长,会影响站点的流畅性。
标签Target属性的掌握。使我们攻克了这个难题。
先简介一下该属性:假设在一个 <a> 标签内包括一个 target 属性,浏览器将会加载和显示用这个标签的 href 属性命名的、名称与这个目标吻合的框架或者窗口中的文档。我们知道Iframe可作为容器,它能够盛放web窗口所以,我们在原先的设计界面的Content部分,加入一个Iframe 控件,将菜单带有超级链接标签中的target属性设置为Target=“iframe.name” 。这样全部的业务页面就会会自己主动加载到Iframe中了。
这样一来。每一个页面在布局时,仅仅要考虑满足自己的业务就能够了;并且在页面载入的时候,仅仅载入变化的部分到Iframe中显示,减少了载入页面的数据量。节约了载入时间,保证了执行的流畅。同一时候另一个意想不到的优点:大家知道页面传值中Querystriing 方法有一个缺陷。被传得值会被显示在地址栏的URL中,当用这样的方法实现时,地址栏里显示的一直是本框架的页面地址,这样一来就将这样的弊端给屏蔽掉了
总结:该管理导航页面,主要依赖Iframe控件+Html标签的target属性实现。不但让页面的跳转载入时更简单,并且有效隐藏了页面间的传值信息。