网站的详细设计文档.docVIP

第4章 网站的详细设计 表4-1 页面详细设计文档模板 ××网站项目页面详细设计说明书 部门：××× 时间：××× 作者：××× 目录 引言 目的：撰写本概要设计的目的 人员：参与撰写本概要设计的人员 关键字：本概要设计的关键字，便于查找 相关文档：需求设计说明书，或者其他相关文档 页面一览 页面全路径 页 面 说 明 创 建 时 间 页面一 CSS说明 JS说明 层说明 框架说明 页面二 CSS说明 JS说明 层说明 框架说明 表4-2 企业办公自动化系统页面详细设计 企业办公自动化系统页面详细设计 部门：技术部 时间：2003/03/14 作者：孙仁诚 目录 引言 目的：为了更加详细地说明本系统页面设计的内容，特撰写本文档 人员：孙仁诚 关键字：JS，CSS，OA 相关文档：《需求设计说明书》，《概要设计说明书》 页面一览 页面全路径 页 面 说 明 创 建 时 间 top.jsp 菜单页面 2003/03/14 菜单页面top.jsp top.jsp是菜单页面，位于页面顶部，它是框架的上部分，功能主要是从数据库里读出菜单，然后显示在页面上。用户并不一定可以访问所有菜单，这要视权限而定。它的关键代码如下： script var allmenuid=new Array(); var allmenuname=new Array(); var allmenuurl=new Array(); % out.print( Select.queryByFSHtml(request,sql,1020,0, allmenuid[$#record_id$#]=$#sm_cd$#;+\n+ allmenuname[$#record_id$#]=$#sm_name$#;+\n+ allmenuurl[$#record_id$#]=$#sm_url$#;+\n) ); % var mainMenu=new Array(); var maimMenuId=new Array(); var maimMenuUrl=new Array(); var subMenuName=new Array(); var subMenuHref=new Array(); var subMenuId=new Array(); var j=0; for(i=0;iallmenuid.length;i++){ if(allmenuid[i]100){ maimMenuId[j]=allmenuid[i]; mainMenu[j]=allmenuname[i]; maimMenuUrl[j]=allmenuurl[i]; subMenuName[j]=new Array(); subMenuId[j]=new Array(); subMenuHref[j]=new Array(); var k=i+1; for(;allmenuid[k]100;k++){ subMenuName[j][k-i-1]=allmenuname[k]; subMenuId[j][k-i-1]=allmenuid[k]; subMenuHref[j][k-i-1]=allmenuurl[k]; } if(ki+1) j++; //如果没有子菜单，则不显示主菜单 } } var target=mainFrame; function changeMenu(num){ var menuStr=; for(var j=0;jsubMenuName[num].length;j++){ menuStr=menuStr+a href=+subMenuHref[num][j]+target=+target + +subMenuName[num][j]+/a | ; } this.subMenu.innerHTML=menuStr; } /script 这段代码首先将所有菜单读出来，然后根据用户权限分成主菜单和子菜单，最后通过下面的代码输出到页面上： div class=style1| script for(v