|
第五章 详细设计 5.1导航模块详细设计 paper51.com
导航是网站设计不可缺少的基础元素之一，它不仅是信息结构的基础分类，也是浏览者的网站路标。网站导航有很多种，如带图标的文字导航、按钮导航、Flash导航等。网站导航设计效果页面如图⒈所示。 http://www.paper51.com paper51.com 图⒈ copyright paper51.com 5.2运单查询模块详细设计 内容来自论文无忧网 www.paper51.com 运单查询模块主要包括运单查询、分公司登录两个部分。 paper51.com
1．运单查询页面 内容来自www.paper51.com 首先进入运单查询页面，输入正确的运单编号，单击【提交】按钮，即可以在页面中显示查询所对应运单编号的详细信息。该页面的设计效果如图⒉所示。 内容来自论文无忧网 www.paper51.com
paper51.com 图⒉ copyright paper51.com 运单查询页面所涉及到的程序代码如下： copyright paper51.com
<% '获取运单编号 内容来自论文无忧网 www.paper51.com
ifrequest("nid")<>""then '判断是否接收到表单值 内容来自论文无忧网 www.paper51.com nid=request("nid") '将变量赋值 copyright paper51.com
else 内容来自www.paper51.com nid="" '清空变量值 内容来自论文无忧网 www.paper51.com end if 内容来自www.paper51.com SetRs = Server.CreateObject("ADODB.Recordset") '获取记录集，查询符合条件的相关信息 内容来自www.paper51.com
Sql= "Select * From yundan wherenid='"&nid&"'" 内容来自www.paper51.com Rs.OpenSql,conn,1,1 内容来自www.paper51.com %> copyright paper51.com 2．登录分公司管理页面 内容来自论文无忧网 www.paper51.com
分公司管理页面的主要功能是，查看运单的所有详细信息、修改用户密码、签收运单3部分,该页面的设计效果如图⒊所示。 内容来自论文无忧网 www.paper51.com
内容来自www.paper51.com 图⒊ 内容来自论文无忧网 www.paper51.com 登录分公司管理页面所涉及到的程序代码如下： copyright paper51.com <% ifrequest("action")="login" then '判断是否接收到表单值 http://www.paper51.com
username=request("username") '接收用户名 http://www.paper51.com userpwd=request("userpwd") '接收用户密码 内容来自论文无忧网 www.paper51.com
username=trim(request("username")) '通过trim函数去掉字符的左右两端空格 内容来自论文无忧网 www.paper51.com password=trim(request("userpwd")) copyright paper51.com fori=1 to len(username) '通过len函数计算用户名的长度 paper51.com user=mid(username,i,1) 内容来自论文无忧网 www.paper51.com
ifuser="'" or user="%" or user="<" oruser=">" or user="&" or user="|" then http://www.paper51.com
response.write"<script language=JavaScript>" & "alert('您的用户名含有非法字符,请重新输入！');" &"history.back()" & "</script>" 内容来自www.paper51.com
response.end 内容来自www.paper51.com end if paper51.com
next http://www.paper51.com
fori=1 to len(password) 内容来自论文无忧网 www.paper51.com pass=mid(password,i,1) 内容来自论文无忧网 www.paper51.com ifpass="'" or pass="%" or pass="<" orpass=">" or upass="&" or pass="|" then 内容来自论文无忧网 www.paper51.com response.write"<script language=JavaScript>" & "alert('您的密码含有非法字符,请重新输入！');" &"history.back()" & "</script>" copyright paper51.com
response.end 内容来自论文无忧网 www.paper51.com end if paper51.com next%> copyright paper51.com <% 内容来自www.paper51.com setrs=server.createobject("adodb.recordset") http://www.paper51.com sql="select * from fuserwhere username='"&username&"' anduserpwd='"&userpwd&"'" 内容来自论文无忧网 www.paper51.com rs.opensql,conn,1,3 copyright paper51.com if rs.eof then '判断输入的用户名和密码是否正确 内容来自www.paper51.com response.write "<br><br><br><br><fontsize=2><center>对不起，您输入的用户名或者密码有误！<ahref=chaxun.asp>返回</a>" http://www.paper51.com else 内容来自www.paper51.com session("username")=request("username") '创建session变量 copyright paper51.com session("loc")=1 '设置默认值 copyright paper51.com response.Redirect("chaxunguan.asp") http://www.paper51.com
end if 内容来自www.paper51.com
rs.close copyright paper51.com setrs=nothing copyright paper51.com conn.close http://www.paper51.com setconn=nothing http://www.paper51.com endif %> 内容来自www.paper51.com 登录分公司管理页面的运行结果如图⒋所示。 copyright paper51.com
内容来自www.paper51.com 图⒋ copyright paper51.com 3．运单签收管理页面 内容来自www.paper51.com 这里所说的签收是指运单的签收过程，首先由分公司的人负责签收货物，当货物到达目的地时再进行签收。 copyright paper51.com
运单签收管理页面的设计效果如图⒌所示。 http://www.paper51.com 内容来自www.paper51.com 图⒌ paper51.com 运单签收管理页面涉及到的HTML重要表单元素如表所示 http://www.paper51.com 名称 copyright paper51.com 类型 copyright paper51.com 含义 copyright paper51.com 重要属性 http://www.paper51.com form1 paper51.com form 内容来自www.paper51.com 表单 http://www.paper51.com
method="post" action="qssave.asp" http://www.paper51.com uanze 内容来自论文无忧网 www.paper51.com select copyright paper51.com 签收类型 内容来自www.paper51.com
id="xuanze" onChange="MM_jumpMenu('parent',this,0)" 内容来自论文无忧网 www.paper51.com fgzhuangtai http://www.paper51.com select 内容来自www.paper51.com
派送状态 内容来自www.paper51.com id="fgzhuangtai" 内容来自论文无忧网 www.paper51.com fgqs 内容来自www.paper51.com text http://www.paper51.com 签收人 内容来自论文无忧网 www.paper51.com
class="kuang" id="fgqs" value="<%=rs("fgqs")%>" 内容来自www.paper51.com
fgtime 内容来自论文无忧网 www.paper51.com text http://www.paper51.com 签收时间 http://www.paper51.com class="kuang" id="fgtime" value="<%=rs("fgtime")%>" http://www.paper51.com post paper51.com hidden copyright paper51.com 隐藏域 内容来自www.paper51.com id="post" value="<%=request("id")%>" 内容来自www.paper51.com form2 copyright paper51.com form paper51.com 表单 copyright paper51.com method="post" action="qssave2.asp" paper51.com xuanze 内容来自www.paper51.com select paper51.com 签收类型 copyright paper51.com id="xuanze" onChange="MM_jumpMenu('parent',this,0)" 内容来自论文无忧网 www.paper51.com qs paper51.com text 内容来自www.paper51.com 签收人 内容来自www.paper51.com class="kuang" id="qs" value="<%=rs("qs")%>" http://www.paper51.com qstime 内容来自论文无忧网 www.paper51.com text http://www.paper51.com
签收时间 内容来自www.paper51.com
class="kuang" id="qstime" value="<%=rs("qstime")%>" copyright paper51.com Submit3 paper51.com
submit paper51.com 【提交】按钮 内容来自www.paper51.com value="提交" 内容来自www.paper51.com Submit22 copyright paper51.com reset copyright paper51.com 【重置】按钮 内容来自www.paper51.com value="重置" copyright paper51.com post2 copyright paper51.com hidden 内容来自www.paper51.com 隐藏域 paper51.com id="post2" value="<%=request("id")%>" 内容来自论文无忧网 www.paper51.com
内容来自论文无忧网 www.paper51.com |