zoukankan      html  css  js  c++  java
  • 合作开发-实现后台管理框架

        图中所看到的框架是一个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属性实现。不但让页面的跳转载入时更简单,并且有效隐藏了页面间的传值信息。


  • 相关阅读:
    Html: Iframe用法总结参考
    Fire fox最佳实践
    HTML字符实体(Character Entities),转义字符串(Escape Sequence)
    asp.net mvc session, filter 应用研究
    jQuery Gallery Plugin
    Jquery 最佳实践
    JS对象转Json格式,Json格式转Object
    Web前端开发(JQuery)
    移动终端 WAP 应用探索
    discuzcode函数
  • 原文地址:https://www.cnblogs.com/bhlsheji/p/5245501.html
Copyright © 2011-2022 走看看