网上饰品销售管理系统.doc

<

课 程 设 计 任 务 书

课题名称：网上饰品销售管理系统

设计内容： 1.网站首页 2.店铺新闻 3.订单查询 4.商品检索 5.管理员入口 6.管理员登录 7.类别管理（大类管理 小类管理 添加大类 添加小类）8.商品管理（商品添加 商品管理）9.商品交易（订单处理）10.操作管理（管理员添加 管理员管理）

技术条件或要求：1.使用Microsoft公司的asp技术（Active server pages）和相关网页开发工具。2.利用IIS建立运行环境。3.ODBC建立相关连接关系 4.使用微软公司的ACCESS数据库作为后台数据库。5.HTML,VBscript,javascript作为有关编程语言。

指导教师（签名）： 教研室主任（签名）：

开题日期： 2015 年 6 月 8 日 完成日期： 2015 年 6 月 11 日
摘 要
随着互联网技术的快速发展，计算机综合信息处理开始出现，并得以迅猛发展，产生了巨大的经济效益。高速发展的互联网技术为网上购物系统的发展提供了强大的动力，同时，网上购物的环境已经逐步得到了改善。网上购物对网民的吸引力将会越来越大，网民对购物网站的看法也将必定会从不了解到了解，从拒绝到接受，从怀疑到信任，网上购物的观念也将更加深入人心。
本系统采用ASP和SQL Server数据库作为程序主要开发工具，运用ASP.NET完成了程序的界面设计及主要功能的具体实现，同时运用SQL Server完成了数据库系统的具体设计。本系统的基本功能主要包括用户注册、用户登录、商品浏览、商品查询、购物车功能和商品结算等功能。网上购物对于用户而言，可以避免挑选商品的烦琐过程，使购物过程变得轻松、快捷、方便，更加适合现代人快节奏的生活。

关键词：网上购物；ASP；商品；订单；计算机综合信息处理
目 录

第一章 开发网上购物系统的概述 1
1.1 课题的现状和发展趋势 1
1.2 课题涉及内容和目标 1
1.3 网上购物系统的构成 1
第二章 饰品销售系统需求分析 2
2.1 网上饰品销售系统系统需求 2
2.1.1系统功能 2
2.1.2可行性分析 2
2.2 系统功能需求分析 2
2.2.2 用户管理 2
2.2.3 商品搜索 2
2.2.4 订单管理 3
2.2.5购物车 3
2.2.6账户管理 3
2.3 最终需求分析 3
第三章 总体设计 4
3.1 网上饰品销售系统功能结构分析 4
3.2 系统模块概述和分析 4
3.3 数据库设计 5
第四章 网上饰品销售系统的实现 7
4.1 主界面 7
4.2 后台主界面： 7
4.3 添加新闻界面： 9
4.4 管理员添加界面： 10
4.5 管理员管理界面： 13
4.6 商品编辑界面： 14
总 结 19
致    谢 20
参考文献 21

第一章 开发网上购物系统的概述
1.1 课题的现状和发展趋势
互联网的快速发展为网上购物系统的发展提供了强大的动力，同时，电子购物的环境也已经逐步得到了改善，表现在网民结构的大众化和网络生存的普及化，物流和银行结算的畅通，以及市场运作的规范和相应政策法规的完善。网上购物对网民的吸引力将会越来越大，网民对购物网站的看法也将必定会从不了解到了解，从拒绝到接受，从怀疑到信任，从否定到肯定，网上购物的观念将更加深入人心。

1.2 课题涉及内容和目标
此次课题设计中涉及的网络技术及数据库技术已日渐成熟，经过综合比较各类动态网页设计语言后，本课题的设计选用了asp技术。Asp(active server pages)是微软公司推出的一种用以取代CGI的技术，基于目前绝大多数网站应用于windows平台，asp是一个位于windows服务器端的脚本运行环境，通过这种环境，用户可以创建和运行动态的交互式的web服务器应用程序。例如响应用户查询数据库的要求而生成报表，而且asp与其它web设计工具相比有着以下优点：完全与HTML文件融合，容易创建、修改，不需其他编译、联接程序，面向对象可扩展等，因此，ASP技术非常适合于购物网站的设计。
1.3 网上购物系统的构成
现在流行的网上购物系统不仅要有漂亮的网页，更要有严谨的规划。每一个细小的环节都和重要。这样才能使得在电子交易时避免不必要错误发生。我们将使用HTML、ASP等技术来编辑网页，并运用ASP技术把数据库和动态网页相关联。传统的管理信息系统信息获取方法是由专业文字录入人员将信息输入到管理系统的数据库中,这种方法在数据量不大时有很多的应用场合。当数据量比较大,并且有较强的专业性时,录入的费用和出错的可能性都相应上升。本文在实际应用开发中解决方案是建立网站,以及自己的数据库，使得所需商品信息可以及时的保存、更新。可以更好的及时了解商品买卖的情况。 第二章 饰品销售系统需求分析
2.1 网上饰品销售系统系统需求
2.1.1系统功能
饰品店提出了如下的功能：
（1）根据饰品的材质、种类不同，可以设定饰品的目录，并能自由修改。
（2）用户进入系统后，给出饰品店的目录，让用户了解想看的饰品样式。
（4）用户可进行注册并进行饰品的购买。
（5）管理员通过输入密码可进入后台，进行订单处理，网站维护，商品添加等功能
2.1.2可行性分析
此系统设计可以同时满足用户以及产品销售者的日常需求。尤其是使用计算机对商品进行管理，实现了商品管理的综合化、高效化、智能化，有效的体现了计算机综合处理信息的能力。并且系统开发难度不大，成本较低设计和大规模的推广以及使用。
2.2 系统功能需求分析
2.2.1 登录注册
该管理模块主要实现是：未注册的新用户，进行注册的流程。
2.2.2 用户管理
该用户管理模块中主要用户是：注册的用户和管理员。注册用户主要功能是登录，并可以完成对商品基本信息的一般搜索、高级搜索和对购物车的增、删、改、查以及对自己账户的管理。管理员主要是对用户和订单的查看和管理。
2.2.3 商品搜索
该模块主要有两个子模块：一般搜索和高级搜索。一般搜索主要是要对饰品的信息进行分类查询和对全部信息的模糊查询；高级搜索主要完成对饰品基本信息分别对不同条件的查找。
2.2.4 订单管理
该模块主要有两个子模块：订单计算和核对，查看历史订单。订单计算和核对主要是对购物车内所有商品总价的计算和核对，查看历史订单是在用户对自身订单的历史信息的查询。
2.2.5购物车
该模块中主要包括：选中产品加入购物车，购物车内产品的增、删、改、查，订单管理。该模块主要有用户进行管理。购物车管理主要实现对饰品的采购，如果用户发现有些产品不想订购了，也可以直接删除来完成此功能；订单管理包括订单信息的填写、确定显示、邮费等的计算。
2.2.6账户管理
该模块主要有四个子模块：基本信息，修改密码，订单查询。基本信息主要是给予用户权限修改其自身的信息。用户也可以对自己的密码进行修改。当操作人员想要知道在网上饰品销售系统所订购的订单历史时，可以单击订单查询。
2.3 最终需求分析
我们根据实际购买流程和用户的业务情况，仔细核对需求列表中的功能和需求分析报告的初期分析，与用户进行沟通，并达成一致意见。具体修改如下。
（1）饰品信息主要包括名称、概要描述和图片。
（2）饰品分目录保存。主要目录内容由用户自己添加，并可实现修改和删除。
（3）付账功能转到银行的处理页面。
（4）购物车中要清楚地显示用户所购饰品的名称、价格和数量，并显示总价格。
（5）为了方便用户的操作，可以在购物车中直接修改饰品的数量，其他信息不允许随意修改。
（6）用户的两类地址必须详细填写，主要包括地址、邮编和国家。如果两类地址相同，为了方便用户，填写完第一个地址后，可自动完成第二个地址的填写。
（7）用户随时随地都可以查看自己的购物车，并可以随时下订单。
第三章 总体设计
3.1 网上饰品销售系统功能结构分析

3.2 系统模块概述和分析
针对网上饰品的现实性，我们的网上饰品销售管理系统是由用户管理模块、饰品管理模块、购物车管理模块、订单管理模块，账户管理和咨询帮助模块等组成，如图4.2所示：
网上饰品销售系统
咨询帮助
账户管理
购物车管理
订单管理
饰品管理
用户管理
登陆注册

图3.2 系统功能结构模块
3.3 数据库设计
根据网络用户需要，我们只建立起一个数据库，在此数据库基础上建立起如下表：
大类表 Class_1（主键：Id）
表3.3.1 大类Class_1表的结构
编号
字段名称
数据类型
长度
说明
1
Id
长整型
10
自动增加
2
Class_1_Name
文本
20
大类名称
3
Class_1_RegTime
日期/时间
长日期
大类注册时间

小类表 Class_2（主键：Id）
表3.3.2 小类Class_2表的结构
编号
字段名称
数据类型
长度
说明
1
Id
长整型
10
自动增加
2
Class_2_Name
文本
20
小类名称
3
Class_1_Name
文本
20
大类名称
4
Class_2_RegTime
日期/时间
长日期
小类注册时间

系统管理员表 Manage_User（主键：Id）
表3.3.3 系统管理员Manage_User表的结构
编号
字段名称
数据类型
长度
说明
1
Id
长整型
10
自动增加
2
UserName
文本
20
用户名称
3
PassWord
文本
20
用户密码

新闻表 News （主键：News_Id）
表3.3.4 新闻News表的结构
编号
字段名称
数据类型
长度
说明
1
News_Id
长整型
10
自动增加
2
News_Title
文本
100
新闻名称
3
News_Content
备注
1000
新闻内容
4
News_Adddate
日期/时间
长日期
新闻添加时间
5
News_Author
文本
50
新闻作者
6
News_Images
文本
255
新闻图片路径
7
News_Best
日期/时间
长日期
新闻时间
8
News_Hit
数字
长整型
新闻点击次数
9
News_Type
数字
字节
新闻是否有图片

商品表 Product （主键：Product_No）
表3.3.5 商品Product表的结构
编号
字段名称
数据类型
长度
说明
1
Product_No
长整型
10
自动增加
2
Product_Id
文本
50
商品编号
3
Product_Name
文本
30
商品名称
4
Class_1
文本
20
所属大类
5
Class_2
文本
20
所属小类
6
Product_Intro
文本
255
商品说明
7
Product_Show
文本
255
商品简介
8
P_OldPrice
货币
货币
市场价格
9
P_Pic
货币
货币
商品微缩图
10
P_Full_Pic
文本
30
商品全景图
11
RegTime
文本
30
商品录入时间
12
Look_Count
长整型
10
商品浏览次数

订单表 server（主键：ID）
表3.3.6 订单server表的结构
编号
字段名称
数据类型
长度
说明
1
ID
长整型
10
自动增加
2
question
文本
50
用户姓名/单位
3
mine
文本
50
订货物品
4
count
数字
10
订货数量
5
keyword
文本
50
联系方式
6
questiontime
日期/时间
长日期
订单时间
7
questioncontent
备注
1000
备注
8
answertime
日期/时间
长日期
处理时间
9
content
备注
1000
处理情况记录
10
datetime
日期/时间
长日期
最后更新时间
第四章 网上饰品销售系统的实现
4.1 主界面
在主界面可以进行饰品的购买、查询、管理员登陆的入口等窗体的显示 如图4.1

图4.1 主界面
4.2 后台主界面：
后台主界面主要用来显示后台各功能实现的窗口 如图4.2

图4.2 后台主界面
主要代码如下：
<style type="text/css">
body {
background-color: #003;
}
body,td,th {
color: #0C0;
}
</style>

<p align="center"><font color="#660066" face="方正舒体" size="+2">管 理 导 航</font> <a href="exit.asp">管理员退出</a>
</p>
<table width="75%" border="1" align="center">
<tr>
<td background="../images/topbg.gif">
<div align="center"><font color="#FFFFFF"><b>类别管理</b></font></div>
</td>
<td background="../images/footbg.gif"> <a href="Add_Class_1.asp"><font color="#FFFFFF">添加大类</font></a></td>
<td background="../images/footbg.gif"> <a href="Add_Class_2.asp"><font color="#FFFFFF">添加小类</font></a></td>
<td bgcolor="#e6e4c4" background="../images/footbg.gif"><a href="Class1_list.asp"><font color="#FFFFFF">大类管理</font></a></td>
<td background="../images/footbg.gif"><a href="Class2_list.asp"><font color="#FFFFFF">小类管理</font></a></td>
</tr>
<tr>
<td background="../images/topbg.gif">
<div align="center"><font color="#FFFFFF"><b>商品管理</b></font></div>
</td>
<td background="../images/footbg.gif"><a href="Add_Product.asp"><font color="#FFFFFF">商品添加</font></a></td>
<td background="../images/footbg.gif"><a href="Product_Check.asp"><font color="#FFFFFF">商品管理</font></a></td>
<td background="../images/footbg.gif">&nbsp;</td>
<td background="../images/footbg.gif">&nbsp;</td>
</tr>
<tr>
<td background="../images/topbg.gif">
<div align="center"><font color="#FFFFFF"><b>新闻管理</b></font></div>
</td>
<td background="../images/footbg.gif"><a href="admin_Newsadd.asp?News_Type=0"><font color="#FFFFFF">添加新闻</font></a></td>
<td background="../images/footbg.gif"><a href="admin_NewsMana.asp?News_Type=0"><font color="#FFFFFF">管理新闻</font></a></td>
<td background="../images/footbg.gif"><a href="Add_Class_1.asp"></a></td>
<td background="../images/footbg.gif">&nbsp;</td>
</tr>
<tr>
<td background="../images/topbg.gif">
<div align="center"><font color="#FFFFFF"><b>商品交易</b></font></div>
</td>
<td background="../images/footbg.gif"><a href="server.asp"><font color="#FFFFFF">处理订单</font></a></td>
<td background="../images/footbg.gif">&nbsp;</td>
<td background="../images/footbg.gif">&nbsp;</td>
<td background="../images/footbg.gif">&nbsp;</td>
</tr>
<tr>
<td background="../images/topbg.gif">
<div align="center"><font color="#FFFFFF"><b>操作管理</b></font></div>
</td>
<td background="../images/footbg.gif"><a href="Add_Manager.asp"><font color="#FFFFFF">管理员添加</font></a></td>
<td background="../images/footbg.gif"><a href="Manager_List.asp"><font color="#FFFFFF">管理员管理</font></a></td>
<td background="../images/footbg.gif">&nbsp;</td>
<td background="../images/footbg.gif">&nbsp;</td>
</tr>
</table>
4.3 添加新闻界面：
添加新闻界面主要用来添加主页店铺新闻的显示 如图4.3

图4.3 添加新闻界面
主要代码如下：
<!--#include file="Admin_Function.asp"-->
<!--#include file="Conn.asp"-->
<!--#include file=index_Top.asp-->
<%
if request.cookies("adminok")="" then
response.redirect "shop_login.htm"
end if
%>
<script Language="JavaScript">
function Form_Validator(theForm)
{
if (theForm.News_Title.value == "")
{
alert("标题必须填写");
theForm.News_Title.focus();
return (false);
}
if (theForm.News_Content.value == "")
{
alert("内容必须填写");
theForm.News_Content.focus();
return (false);
}
return (true);
}
</script>
4.4 管理员添加界面：
管理员添加界面主要用来添加管理员 如图4.4

图4.4 管理员添加界面
主要代码如下：

<%@ language="vbscript"%>
<%response.Expires = 0%>

<!--#include file="conn.asp"-->
<%
if request.cookies("adminok")="" then
response.redirect "shop_login.htm"
end if
%>
<html>
<head>
<title>管理员添加</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<SCRIPT language=javascript id=clientEventHandlersJS>
//函数名：chksafe
//功能介绍：检查是否含有"'",'\\',"/"
//参数说明：要检查的字符串
//返回值：0：是 1：不是
function chksafe(a)
{
return 1;
/* fibdn = new Array ("'" ,"\\", "、", ",", ";", "/");
i=fibdn.length;
j=a.length;
for (ii=0;ii<i;ii++)
{ for (jj=0;jj<j;jj++)
{ temp1=a.charAt(jj);
temp2=fibdn[ii];
if (tem';p1==temp2)
{ return 0; }
}
}
return 1;
*/
}
//函数名：fucCheckLength
//功能介绍：检查字符串的长度
//参数说明：要检查的字符串
//返回值：长度值
function fucCheckLength(strTemp)
{
var i,sum;
sum=0;
for(i=0;i<strTemp.length;i++)
{
if ((strTemp.charCodeAt(i)>=0) && (strTemp.charCodeAt(i)<=255))
sum=sum+1;
else
sum=sum+2;
}
return sum;
}
</SCRIPT>
<SCRIPT language=javascript id=clientEventHandlersJS>
<!--
function form1_onsubmit()
{
if(document.FORM1.uid.value.length<1)
{ alert("您必须输入帐号!");
document.FORM1.uid.focus();
return false;
}
if ((chksafe(document.FORM1.uid.value)==0)||(fucCheckLength(document.FORM1.uid.value)>20))
{ alert("请填写正确的帐号,且长度不可大于20。");
document.FORM1.uid.focus();
return false;
}
if (fucCheckLength(document.FORM1.pwd1.value)<4)
{ alert("密码必须大于4位")
document.FORM1.pwd1.focus();
return false;
}
if ((chksafe(document.FORM1.pwd1.value)==0)||(fucCheckLength(document.FORM1.pwd1.value)>18))
{ alert("请填写正确密码,且长度不可大于18。")
document.FORM1.pwd1.focus();
return false;
}
if (document.FORM1.pwd1.value!=document.FORM1.pwd2.value)
{
alert ("请确认您的密码。");
document.FORM1.pwd1.value='';
document.FORM1.pwd2.value='';
document.FORM1.pwd1.focus();
return false;
}
}
//-->
</SCRIPT>
4.5 管理员管理界面：
管理员管理界面主要用来管理管理员 如图4.5

图4.5 管理员管理界面

主要代码如下：
<td width="62%" bgcolor="#99ccff" align="center" height="20"><font color="#FFFFFF">DEL</font></td>
</tr>
<%
if not rs.eof then
do while not rs.eof
%>
tr class=main1>
<td width="40%" align="center" height="25"><%=rs("UserName")%></td>
<td width="35%" align="center" height="25"><%=rs("PassWord")%></td>
<td width="77%" align="center" height="25">
<%response.write "<a href='manager_modify.asp?ID="&rs("Id")&"' ><font color=#0000FF>修改密码</font></a>"
%></td>

td width="62%" align="center" height="25"> <%response.write "<a href='javascript:confirmdel(" & rs("Id") & ")'><font color=#0000FF>删</font></a>"
%></td>
/tr>
<%
rs.movenext
loop
end if
%>
</table>/TD></TR>
<TR bgColor=#e6e4c4>
<TD class=main1 width="414" height="27">
<p align="center">&nbsp;
</TD></TR>
<TR bgColor=#e6e4c4>
<TD class=main1 width="414" height="4" bgcolor="#99ccff"></TD></TR></TBODY></TABLE><br>
<%
rs.close
conn.close
%>
</center>
</div>
</body>
</html>
4.6 商品编辑界面：
管理员管理界面主要用来编辑商品 如图4.6

图4.6 商品管理界面
主要代码如下：<%
if request.cookies("adminok")="" then
response.redirect "shop_login.htm"
end if
%>

<html>
<head>
<title>商品添加</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<SCRIPT language=javascript id=clientEventHandlersJS>
//函数名：fucCheckNUM
//功能介绍：检查是否为数字
//参数说明：要检查的数字
//返回值：1为是数字，0为不是数字
function fucCheckNUM(NUM)
{
var i,j,strTemp;
strTemp="0123456789.";
if ( NUM.length== 0)
return 0
for (i=0;i<NUM.length;i++)
{
j=strTemp.indexOf(NUM.charAt(i));
if (j==-1)
{
//说明有字符不是数字
return 0;
}
}
//说明是数字
return 1;
}

</SCRIPT>

<SCRIPT language=javascript id=clientEventHandlersJS>
<!--

function form1_onsubmit()
{
if(document.FORM1.p_name.value.length<1)
{
alert("您必须输入商品名称!");
document.FORM1.p_name.focus();
return false;
}
if(document.FORM1.newprice.value.length<1)
{
alert("您必须输入优惠价!");
document.FORM1.newprice.focus();
return false;
}
if(document.FORM1.oldprice.value.length<1)
{
alert("您必须输入市场价!");
document.FORM1.oldprice.focus();
return false;
}

if(document.FORM1.p_intro.value.length<1)
{
alert("您必须输入商品简介!");
document.FORM1.p_intro.focus();
return false;
}
if(document.FORM1.p_show.value.length<1)
{
alert("您必须输入商品说明!");
document.FORM1.p_show.focus();
return false;
}
if(document.FORM1.p_pic.value.length<1)
{
alert("您必须输入商品图片连接!");
document.FORM1.p_pic.focus();
return false;
}
if ((fucCheckNUM(document.FORM1.newprice.value)==0) )
{ alert ("优惠价有非法字符，请填写正确优惠价。");
document.FORM1.newprice.focus();
return false;
}
if ((fucCheckNUM(document.FORM1.oldprice.value)==0) )
{ alert ("市场价有非法字符，请填写正确市场价。");
document.FORM1.oldprice.focus();
return false;
}
}
//-->
</SCRIPT>
</head>
<!--#include file="conn.asp"-->
<%
id=request("id")
page=request("page")
set rs=server.createobject("adodb.recordset")
sqltext="select * from Product where Product_NO=" & id
rs.open sqltext,conn,1,1

set rs_class_1=server.createobject("adodb.recordset")
sqltext2="select * from Class_1"
rs_class_1.open sqltext2,conn,1,1

set rs_class_2=server.createobject("adodb.recordset")
sqltext3="select * from Class_2"
rs_class_2.open sqltext3,conn,1,1

%>

<body text="#000000">
<!--#include file="index_top.asp" -->
<FORM language=javascript name=FORM1