网站的详细设计.doc

第4章 网站的详细设计 表4-1 页面详细设计文档模板 ××网站项目页面详细设计说明书 部门：××× 时间：××× 作者：××× 目录 引言 目的：撰写本概要设计的目的 人员：参与撰写本概要设计的人员 关键字：本概要设计的关键字，便于查找 相关文档：需求设计说明书，或者其他相关文档 页面一览 页面全路径 页 面 说 明 创 建 时 间 页面一 CSS说明 JS说明 层说明 框架说明 页面二 CSS说明 JS说明 层说明 框架说明 表4-2 企业办公自动化系统页面详细设计 企业办公自动化系统页面详细设计 部门：技术部 时间：2003/03/14 作者：孙仁诚 目录 引言 目的：为了更加详细地说明本系统页面设计的内容，特撰写本文档 人员：孙仁诚 关键字：JS，CSS，OA 相关文档：《需求设计说明书》，《概要设计说明书》 页面一览 页面全路径 页 面 说 明 创 建 时 间 top.jsp 菜单页面 2003/03/14 菜单页面top.jsp top.jsp是菜单页面，位于页面顶部，它是框架的上部分，功能主要是从数据库里读出菜单，然后显示在页面上。用户并不一定可以访问所有菜单，这要视权限而定。它的关键代码如下： head meta http-equiv=Content-Type content=text/html; charset=gb2312 / title无标题文档/title /head jsp:useBean id=team1_db scope=page class=db.DataBase/ body table width=101% height=600 border=0 cellpadding=0 cellspacing=0 tr td align=center class=text20 form name=usersForm method=post action=check.jsp table width=432 height=236 border=0 cellpadding=0 cellspacing=0 background=images/login.jpg tr align=center td height=128 colspan=2 nbsp;/td /tr tr td width=170 height=30 align=center 用户名：/td td width=230 height=30 input name=username type=text class=input/td /tr tr td width=170 height=30 align=center密nbsp;nbsp;码：/td td width=230 height=30 input name=password type=password class=input /td /tr tr td height=30 colspan=2 align=center input name=radiobutton type=radio value=yuangong checked=checked 员工 input type=radio name=radiobutton value=guanliyuan 管理员 input type=radio name=radiobutton value=kehu 客户/td /tr tr td height=38 colspan=2 align=center input type=submit name=Submit value=登陆 class=button nbsp; input type=reset name=Submit2 value=重置 class=button/td /tr /table /form /td /tr /table /body 表4-3 数据库详细设计文档模板 ××网站数据库详细设计说明书 部门： 时间： 作者： 目录 引言 目的：撰写本详细设计的目的 人员：参与撰写本详细设计的人员 关键字：本详细设计的关键字，便于查找 相关文档：需求设计说明书，或者其他相关文档 索引 索 引 名 称 功