鉴于大家对ASP类作品十分关注,我们编辑小组在此为大家搜集整理了“ASP物流管理系统|物流网站”一文,供大家参考学习!
客服咨询,网学网竭诚为您服务,本站永久域名:myeducs.cn | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
4 前台主要功能模块详细设计 4.1 前台文件总体架构 1.模块功能介绍 前台页面主要包括以下功能模块: q 网站导航:主要包括网站的旗帜广告条、主功能导航两部分。 q 里程查询模块:主要功能是用于计算两个城市之间里程。 q 运单查询模块:主要功能是通过运单ID号进行运单详细信息的查询。 q 客服电话模块:主要用于展示客服电话号码。 q 公司新闻模块:主要用于展示公司最新信息。 q 行业新闻模块:主要用于展示最新的行业信息。 q 后台登录入口:为用户进入后台提供一个入口。 3.前台页面运行结果 网站前台首页的运行结果如图4所示。
图4 前台首页运行结果 为了方便阅读本实例将前台页面的各部分说明以列表形式给出,如表2所示。 表2 前台首页解析
4.网站导航设计 导航是网站设计不可缺少的基础元素之一,它不仅是信息结构的基础分类,也是浏览者的网站路标。网站导航有很多种,如带图标的文字导航、按钮导航、Flash导航等。在此笔者设计了Flash导航,网站导航设计效果页面如图5所示。 图5 网站导航页面设计效果 在Flash中,选中【加入收藏】按钮,在其动作(action)面板中添加以下AS代码即可实现将网页加入收藏夹的超链接。其关键代码如下所示: ''加入收藏 on (release) { getURL("javascript:window.external.AddFavorite(\''http://www.mingrisoft.com/\'', \''“启天物流”\"/http://www.mingrisoft.com\'')"); } 在Flash中,选中“设为首页”按钮,在其动作(action)面板中添加以下AS代码即可实现将网页设为首页的超链接。其关键代码如下所示: ''设为首页 on(release) { geturl("javascript:void(document.links[0].style.behavior=''url(#default#homepage)'');void document.links[0].setHomepage(''网址'');"); } 在<body></body>之间加入以下代码: <a href=javascript;> </a> 网站导航的运行结果如图6所示。 图6 网站导航的运行结果 4.2 运单查询模块设计 运单查询模块主要包括运单查询、分公司登录两个部分。 1.运单查询页面 首先进入运单查询页面,输入正确的运单编号,单击【提交】按钮,即可以在页面中显示查询所对应运单编号的详细信息。该页面的设计效果如图7所示。 图7 运单查询页面设计效果 运单查询页面所涉及到的程序代码如下: <% ''获取运单编号 if request("nid")<>""then ''判断是否接收到表单值 nid=request("nid") ''将变量赋值 else nid="" ''清空变量值 end if Set Rs = Server.CreateObject("ADODB.Recordset") ''获取记录集,查询符合条件的相关信息 Sql = "Select * From yundan where nid=''"&nid&"''" Rs.Open Sql,conn,1,1 %> 2.登录分公司管理页面 分公司管理页面的主要功能是,查看运单的所有详细信息、修改用户密码、签收运单3部分,该页面的设计效果如图8所示。 图8 分公司管理页面的设计效果 登录分公司管理页面所涉及到的程序代码如下: <% if request("action")="login" then ''判断是否接收到表单值 username=request("username") ''接收用户名 userpwd=request("userpwd") ''接收用户密码 username=trim (request("username")) ''通过trim函数去掉字符的左右两端空格 password=trim(request("userpwd")) for i=1 to len(username) ''通过len函数计算用户名的长度 user=mid(username,i,1) if user="''" or user="%" or user="<" or user=">" or user="&" or user="|" then response.write "<script language=JavaScript>" & "alert(''您的用户名含有非法字符,请重新输入!'');" & "history.back()" & "</script>" response.end end if next for i=1 to len(password) pass=mid(password,i,1) if pass="''" or pass="%" or pass="<" or pass=">" or upass="&" or pass="|" then response.write "<script language=JavaScript>" & "alert(''您的密码含有非法字符,请重新输入!'');" & "history.back()" & "</script>" response.end end if next%> <% set rs=server.createobject("adodb.recordset") sql="select * from fuser where username=''"&username&"'' and userpwd=''"&userpwd&"''" rs.open sql,conn,1,3 if rs.eof then ''判断输入的用户名和密码是否正确 response.write "<br><br><br><br><font size=2><center>对不起,您输入的用户名或者密码有误!<a href=chaxun.asp>返回</a>" else session("username")=request("username") ''创建session变量 session("loc")=1 ''设置默认值 response.Redirect("chaxunguan.asp") end if rs.close set rs=nothing conn.close set conn=nothing end if %> 登录分公司管理页面的运行结果如图9所示。 图9 登录分公司管理页面的运行结果 3.运单签收管理页面 这里所说的签收是指运单的签收过程,首先由分公司的人负责签收货物,当货物到达目的地时再进行签收。 运单签收管理页面的设计效果如图10所示。 图10 运单签收管理页面的设计效果 运单签收管理页面涉及到的HTML重要表单元素如表3所示。 表3 运单签收管理页面涉及到的HTML重要表单元素
运单签收时,必须写清签收人以及签收时间。此功能主要是为证明该运单已成功达到分公司。判断运单是否到达分公司时所涉及到的相关程序代码如下: <% if session("username")="" then ''判断用户名是否为空 response.Write("您还没有登录,请<a href=chaxun.asp>登录</a>") response.end end if if request("fgzhuangtai")="到达" then if request("fgqs")<>"" and request("fgtime")<>"" then ''判断签收人、签收时间是否为空 set rs=server.CreateObject("adodb.recordset") sql="select * from yundan where id="&request("post") rs.open sql,conn,1,3 rs("fgzhuangtai")=request("fgzhuangtai") rs("fgqs")=request("fgqs") ''接收签收人 rs("fgtime")=request("fgtime") ''接收签收时间 rs.update response.Write("签收成功,<a href=''javascript:''onclick=''window.close()''>关闭</a>") else response.Write("<script language=javascript>alert(''请把信息填写完整'');location=''javascript:history.go(-1)''</script>") end if else response.Write("<script language=javascript>alert(''未选择到达,不能提交签单'');location=''javascript:history.go(-1)''</script>") end if %> 运单是否到达目的地页面所涉及到的程序代码如下: <% if request("zhuangtai")="到达" then if request("qs")<>"" and request("qstime")<>"" then ''判断是否到达目的地,并获取签收人、签收时间 set rs=server.CreateObject("adodb.recordset") sql="select * from yundan where id="&request("post") rs.open sql,conn,1,3 rs("zhuangtai")=request("zhuangtai") rs("qs")=request("qs") ''接收签收人 rs("qstime")=request("qstime") ''接收签收时间 rs.update response.Write("签收成功,<a href=''javascript:'' onclick=''window.close()''>关闭</a>") else response.Write("<script language=javascript>alert(''请把信息填写完整'');location=''javascript:history.go(-1)''</script>") end if else response.Write("<script language=javascript>alert(''未选择到达,不能提交签单'');location=''javascript:history.go(-1)''</script>") end if %> 运单签收管理页面的运行结果如图11所示。 图11 运单签收管理页面运行结果 在进入分公司管理模块时,在修改用户密码时,用户名是不可以修改的。系统登录时对输入的用户名和密码进行了非法字符的检索。相关程序代码如下: <% if user="''" or user="%" or user="<" or user=">" or user="&" or user="|" then ''判断用户名是否含有非法字符 response.write "<script language=JavaScript>" & " alert(''您的用户名含有非法字符,请重新输入!'');" & "history.back()" & "</script>" response.end end if next for i=1 to len(password) pass=mid(password,i,1) if pass="''" or pass="%" or pass="<" or pass=">" or upass="&" or pass="|" then ''判断密码是否含有非法字符 response.write "<script language=JavaScript>" & " alert(''您的密码含有非法字符,请重新输入!'');" & "history.back()" & "</script>" response.end end if %> 4.3 物流服务模块设计 物流服务模块主要包括仓储服务、货运服务、配送服务3个部分。 仓储服务、贷运服务、配送服务3部分主要用于介绍服务项目和服务条款。所涉及的相关程序代码如下: <% function HTMLcode(fString) if not isnull(fString) then fString = Replace(fString, CHR(13), "") ''应用Replace函数返回指定数目的某字符串被替换为另一个字符串 fString = Replace(fString, CHR(10) & CHR(10), "</P><P>") fString = Replace(fString, CHR(10), "<BR>") fString = Replace(fString, CHR(32), " ") HTMLcode = fString end if end function if request("newsname")="" then ''判断是否接收到新闻名称 newsname="仓储服务" ''设置默认值 else newsname=request("newsname") ''将接收到的值赋值给指定变量 end if set rs=server.CreateObject("adodb.recordset") sql="Select * from news where title=''"&newsname&"''" ''查询相关新闻标题 rs.open sql,conn,1,1%> <%''应用get方法进行传值 <a href="fuwu.asp?newsname=仓储服务"><img src=http://www.lw777.net/a/jisuanji/qita/2013/0308/"images/cc.gif" width="198" border="0"> </a> <a href="fuwu.asp?newsname=货运服务"><img src=/uploadfile/201305/8/BB114335590.gif" border="0"></a> <a href="fuwu.asp?newsname=配送服务"><img src=/uploadfile/201305/8/77114335619.gif" width="198" height="35" border="0"></a> %> 4. 4 新闻动态模块设计 新闻动态模块主要包括公司新闻、行业新闻两个部分。 新闻动态模块主要包括公司新闻、行业新闻两部分,用于展示公司最新信息和最新的行业信息。新闻动态页面的设计效果如图12所示。 图12 新闻动态页面设计效果 新闻动态模块的程序代码如下: <% if not rs.eof then ''判断是否有记录 tel=rs.recordcount ''总记录数 shum=20 rs.pagesize=shum ''获取每页显示的记录数 maxpage=rs.pagecount requestpage=clng(request("p")) ''获取当前页 if requestpage="" or requestpage=0 then ''当接收页码的值为空或者等于0时,使其值等于1 requestpage=1 end if if requestpage>maxpage then ''在接收页码的值大于最大页码时,使其等于最大页码 requestpage=maxpage end if if not requestpage=1 then ''向上或向下移动相应的记录 rs.move (requestpage-1)*rs.pagesize end if for i=1 to rs.pagesize and not rs.eof ''利用循环输出数据 %> <tr> <td width="66%" class="biaodi"><IMG height=9 src=/uploadfile/201305/8/FD114336590.jpg" width=8> <a href="javascript:" onClick=" window.open(''open.asp?id=<%=rs("id")%>'','''',''scrollbars=yes,width=300,height=300'')"><%=rs("title")%> </a> </TD> <td align=right width="34%" class="biaodi">[<%=rs("time")%>] </td> </tr> <% Rs.MoveNext if rs.eof then exit for next Rs.Close Set Rs=Nothing else response.Write("暂无新闻") end if %> 1.新闻的分类显示 在新闻动态页面中,新闻分为公司新闻、行业新闻两类,并对新闻进行分类显示。新闻分类显示页面的设计效果如图13所示。 图13 新闻分类显示页面的设计效果 新闻主要分为公司新闻、行业新闻两类。在同一页面中分别将其同时显示出来。新闻分类显示页面所涉及到的相关程序代码如下: <% set rs=server.CreateObject("adodb.recordset") sql="Select * from new where lei=''公司新闻'' order by time desc" ''分类显示公司新闻 rs.open sql,conn,1,1 set rs1=server.CreateObject("adodb.recordset") sql1="Select * from new where lei=''行业新闻'' order by time desc" ''分类显示行业新闻 rs1.open sql1,conn,1,1 %> 新闻分类显示页面的运行结果如图14所示。 图14 新闻分类显示页面的运行结果 点击相应的新闻标题,进入相关新闻的详细信息页面。实现此功能的相关程序代码如下: <%''用于打开一个指定的窗口,该窗口有水平滚动条和垂直滚动条 <a href="javascript:" onClick=" &_ window.open(''open.asp?id=<%=rs("id")%>'','''',''scrollbars=yes, width=400,height=350'')"><%=rs("title")%></a> %> <% set rs=server.CreateObject("adodb.recordset") sql="Select * from new where id="&request("id") ''通过id进行查询新闻信息 rs.open sql,conn,1,1 %> 执行以上两处代码,将得到以下运行结果如图15所示。 [zts1] 图15 新闻详细页面 5 后台登录入口设计 由于网站后台是用于维护整个网站系统,所以对于网站后台登录入口一般要设计得隐蔽些。本站的后台登录入口设置在网页的最底部,当用户单击“后台入口”超链接时,将弹出确认进入后台管理页面的程序窗口,要求用户输入正确的用户名、密码、验证码,三者缺一不可。后台登录入口的设计效果如图16所示。 图16 后台登录入口页面的设计效果 6 后台主要功能模块详细设计 6.1 后台总体架构 1.模块功能介绍 后台页面主要包括以下功能模块: q 后台登录模块:主要用于管理员登录网站后台。 q 初始化信息模块:主要包括管理员信息修改、系统名称修改两部分。 q 公司简介管理模块:主要用于公司简介内容的修改。 q 仓储服务管理模块:主要用于仓储服务内容的修改。 q 运输服务管理模块:主要用于运输服务内容的修改。 q 配送服务管理模块:主要用于配送服务内容的修改。 q 运单管理模块:主要包括运单查询、运单添加、运单修改、运单删除4部分。 q 新闻管理模块:主要包括新闻查询、新闻添加、新闻修改、新闻删除4部分。 q 招聘信息管理模块:主要用于招聘信息内容的修改。 q 留言板管理模块:主要包括添加、修改、删除,留言查看(用户名不能修改),分公司 q 退出后台管模块:退出后台管理程序。 3.后台页面运行结果 网站后台页面的运行结果如图17所示。 [zts1] | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
本站发布的计算机毕业设计均是完整无错的全套作品,包含开题报告+程序+论文+源代码+翻译+答辩稿PPT | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
本文选自计算机毕业设计http://myeducs.cn |