1. 简介

    “外框”是指将用户使用到的各种功能通过一个友好的人机界面整合在一起,辅助用户使用功能的一组界面,包括登录、主界面、首页等。

    其中,主界面又是由 header 区、菜单区、快捷菜单区、标签页、侧栏、工作区等部分构成。

  2. 目录及文件说明

    所有代码都在 webframe 下

    目录结构 说明
    base
          css
                frame.css 主样式表
                login.css 登录界面样式表
                welcome.css 欢迎界面样式表
          img
                loading.gif 主界面载入中图标
                loading-s.gif 主界面载入中图标(小号)
                s.png 主界面合成图
                logo.png 主界面 logo 图片
                sidePart.png 主界面辅助功能区域分割线
                login-s.png 登录界面合成图
                login-logo.png 登录界面 logo 图片
                login-bg.png 登录界面背景图片
                welcome.png 欢迎界面背景图
          scripts
                adapter.js 实现打开界面和界面跳转的方法
                login.js 登录界面引用的 JS
                main.js 主界面引用的 JS
                navmenu.js 主界面页引用的 JS,控制导航区
                navtabset.js 主界面页引用的 JS,标签页区
          Home.html 登录页面
          Home.page 登录页面
          Main.html 主界面(登录成功后跳转到该页面)
          Main.page 主界面
          Welcome.html 欢迎页面(主界面里显示的默认首页)
          Welcome.page 欢迎页面
  3. 扩展目录及文件说明

    1. 目录结构及文件说明:

      目录结构 说明
      base
            css
                  frame.css 非必须
                  login.css 非必须
                  welcome.css 非必须
            img
                  loading.gif 非必须
                  loading-s.gif 非必须
                  s.png 非必须
                  logo.png 非必须
                  sidePart.png 非必须
                  login-s.png 非必须
                  login-logo.png 非必须
                  welcome.png 非必须
                  welcome-banner.png 非必须
                  welcome-bannerBg.png 非必须
            scripts
                  config.js 必须
            Home.html 非必须
            Home.page 非必须
            Main.html 非必须
            Main.page 非必须
            Welcome.html 非必须
            Welcome.page 非必须