电子商务网站web课程设计.doc

电子商务网站web课程设计

48
2020年4月19日
文档仅供参考，不当之处，请联系改正。
目录

1 电子商务网站规划 1
1.1 网站概述 1
1.1.1 网站开发背景 1
1.1.2 网站开发的商业需求 1
1.1.3 网站开发的目的与意义 2
1.1.4 用户需求分析 2
1.2 网站可行性分析 3
1.2.1 技术可行性 3
1.2.2 经济可行性 4
1.2.3 操作可行性 5
2 电子商务网站分析 6
2.1 需求分析 6
2.2 用户需求 7
2.2.1 功能性需求概述 7
2.2.2 用户模型 7
2.2.3 系统流程图 8
3 电子商务网站设计 10
3.1 网站总体设计 10
3.1.1 总体设计的基本原则 10
3.1.2 电子商务系统的基本架构 11
3.2 网站详细设计 12
3.2.1 数据流程设计 12
3.2.2 业务流程设计 12
4 电子商务网站实施 14
4.1 网站部分重要页面源代码即界面 14
4.2 小组分工 22
5 心得体会 23

1 电子商务网站规划
1.1 网站概述
1.1.1 网站开发背景
今天的世界是多元化的世界，中国的经济发展也历经了计划经济和市场经济的漫长过程，现在与全世界的发展一样同步跨入了互联网络的网络经济时代，并最终将过渡至以提供各种完善服务为主体的服务经济。在当今网络经济迅速发展并伴随着信息爆炸式的发展过程中，网络经济使得人们在寻找所需商品同时拥有了多种选择模式。客户越来越趋于寻求多样化、个性化、即时和便捷安全的商品和服务。中国电子商务所面临的机遇为：一方面电子商务发展得很快，特别是随着中国加入世贸组织的临近，外国的电子商务盯着中国这一个世界的大市场，如果中国现在还不加快发展电子商务的脚步，中国的电子商务将被外国所控制。为了避免这样的局面发生，中国政府正出台一系列的政策，以扶持中国的电子商务，为中国的电子商务打开方便之门。加之现在银行的网络化的加快，银行结算是越来越方便了。只要有了政府的支持，资金的问题、与银行的结算、邮政等的关系就水到渠成了。另一方面中国电子商务正是在发展的阶段，许多从事电子商务的网站发展还不成熟，规模较小，服务跟不上，竞争力相对较小，加之几个相对较好的网站还未站稳脚跟，还是东打一枪，西打一枪，不能专心的做好一个固定的市场，使消费者不知所从。以上两点正是建设高度专业化，商品质量保证的，且有良好信誉的电脑销售网站的契机。
因此，我们小组决定开发一个B2C模式的手机网上销售平台——非常手机。
1.1.2 网站开发的商业需求
手机销售在中国一直是处于以直销方式为主要销售方式的阶段，各个厂家一直把注意力放在传统的直销市场之中，但随着中国互联网的不断发展，中国的网民到 已经达到了4580万人的规模，国内商家已经把目光投入到了新兴的电子商务领域，其所带来的全新销售概念，深深吸引着商家与消费者的目光。据统计全国有2/3的企业有发展电子商务的意愿，而其中又以本身涉及互联网事业的电脑销售企业居多，因此为了在激烈、残酷的市场竞争中占据一席之地，使企业能够不被即将到来的销售方式革命所淘汰而且使企业能够做大做强，建立手机销售网站的意义不言而喻。 再者，现在网上销售的商品没有统一的质量标准，价格跟市面的价格没有什么区别，反而要比市面的价格要高，这也是使网上购物发展缓慢的一个原因。对于消费者来说，当前强烈需要的是一个规模大、信息量大的、商品齐全、服务好的、商品价格便宜的电子商务网站。而电脑销售类电子商务网站又有其本身的网络相关性，电脑产品易与管理，质量有保证等等优势，使其成为电子商务的最佳商品。因此手机销售类网站的前景非常广阔。
1.1.3 网站开发的目的与意义
1) 开发手机销售网站系统的目的
经过手机销售网站系统实现手机销售的电子商务模式并满足用户进行电子交易的需求。
2) 开发手机销售网站系统的目标
(1) 建立完整的电子商务网站。
(2) 集成各个系统，实现对整个销售过程的控制。
(3) 确保该系统的安全，稳定和高效率。
(4) 用户能够注册
(5) 用户能够经过信用卡等方式进行电子交易
3) 手机销售网站系统的使用范围
手机销售网站系统的使用范围初步定位在中国大陆地区（不包括台湾省、香港、澳门地区）。……………
1.1.4 用户需求分析
本网上购物系统是基于B/S架构，本网站系统的开发主要是方便用户购买商品，减少供应商店面费用。
本系统共有三类用户：
普通用户是指没有登陆权限（主要指网络用户），以匿名用户的身份访问系统网站。此类用户主要有浏览系统信息、查看商品信息，注册成为会员。把本网站设为首页，添加到收藏夹，联系开发人，查看交款方式，退换货原则，配送范围，交易条款，保密协议等操作。浏览的内容包括：商品信息、商品分类信息。
商城会员：这类用户拥有普通用户的所有权限；普通用户能够注册成为会员，并根据会员ID和密码登陆系统，登陆之后能够对更改自己的信息但会员ID做为数据库表主键不能修改。会员登陆后能够查看商品信息，查看各种分类商品信息，将商品添加到购物车中。修改购物车中商品数量，或是删除某些不想要的商品。如果会员发现网城卡内余额不足还能够进行充值。
系统管理员：系统管理员主要负责管理着系统后台信息；主要有订单管理，商品管理，会员管理，物流管理和系统管理。订单管理有未确认订单和已确认订单管理，未付款订单和已付款订单管理，未发货和已发货订单管理，未归档和已归档订单管理。 商品管理主要有商品添加和商品管理，商品类别添加和商品类别管理。会员管理主要有添加管理员和管理管理员，管理会员。物流系统主要有支付方式添加和管理，配送方式添加和管理，配送地点添加和管理。系统管理主要是上传管理。
因此，本系统可实现功能如下：
1.能够完成游客或已注册用户对网上商品列表的浏览，以及对各商品的详细信息的查看。
2.能够完成已登陆客户对商品的选购：添加商品到个人购物车，而且对已添加到购物车的商品进行数量的增加、减少、修改和删除等操作。
3.能够经过查看购物车对所选商品进行确定、挑选，确认或修改购物者的联系方式，经过定单查询对支付费用进行确定。
1.2 网站可行性分析
1.2.1 技术可行性
手机销售网站可分为：存货管理系统、个人资料管理系统、订购管理系统、报表系统和发货系统。
a．网站存货管理系统可行性分析
网站存货管理系统，它允许管理公司销售的货物。构建这个系统时，目的是将所有商品信息都保存在数据库中。顾客查询商品时，向她们显示的目录是根据数据库的最新内容动态生成的。既是说，公司只要更改数据库中存货的信息，显示在网站上客户所看到的信息就也将随之更新。实现此系统要求使用ASP（Active Server Pages）中的使用ODBC(开放数据库互连)。考虑到兼容性问题，数据库使用 Microsoft Access 数据库，网页设计工具采用Microsoft FrontPage 。
b．个人资料管理系统可行性分析
个人资料管理系统这个系统是面向客户的，它允许客户在网站上注册并创立个人资料（个人配置文件）。实现此系统同样要求使用JSP中的使用JDBC（开放数据库互连），数据库使用 Microsoft Access 数据库，网页设计工具采用Microsoft FrontPage。
c．订购管理系统可行性分析
这个系统允许客户看到网站商品及目录，并做出购买决定。它会跟踪顾客下的所有定单以及所收货款。此系统的核心是购物车功能的实现。由ASP相关语言编写网页来实现此功能。
d． 报表系统和发货系统可行性分析
这两个系统均不需要创立自己的数据表。其中，发货系统将主要处理订购管理系统所产生的订单表，并在发生诸如“已发货”或者“地址无效”时，对其进行更新；报表系统根据数据库中存储的记录来创立报表，它无须向数据库输入任何信息。这两个系统只需要网站工作人员手工设定即可，无须专门的语言及技术支持。
1.2.2 经济可行性
项目成本：网站开发人员的薪酬，网站服务器的租金（如果租借服务器）或者网站服务器的购买费用（如果购买服务器），网站商品库存费用，网站推广费用，商品成本，商品运输费用。
网站服务器有两种选择：购买一台手机，将其接入Internet；到Internet服务商（ISP）那里申请一个应用主机。二者各有利弊，如果使用ISP投资将较小。Internet服务商按月收取一笔比较低的费用并为网站提供相应的空间。它的缺点是我们对机器的控制权比较小。例如，如果希望使用一个特定的后台程序和工具，得受制于ISP的支持程度。另外，ISP一般不鼓励使用重负荷的应用程序，以免降低其它操作的速度。
如果自行购买机器，我们既能够自己维护，也能够聘请专业的公司进行托管。此种选择将比较自由，但费用将较ISP投资少。
项目效益：网站广告收益，商品交易的利润。
经过成本-效益分析，手机销售网站的效益将大于成本，因此经济上是可行的。
1.2.3 操作可行性
手机销售网站将涉及商品买卖，互联网交易、以及知识版权等相关问题，因此网站在规划阶段就应申请相关法律支持及营业批准，互联网交易证书，解决互联网交易安全问题：防火墙的设置，数据库的安全性，软件修补程序，数据传输安全，公用与私用密匙，经过专门的证书颁发机构（CA）---来创立证书，加密设置，安全套接字层，消息摘要（Message Digest），密码安全，应用程序安全提示。
2 电子商务网站分析
2.1 需求分析
本网上购物系统是基于B/S架构，本网站系统的开发主要是方便用户购买商品，减少供应商店面费用。
本系统共有三类用户：
普通用户是指没有登陆权限（主要指网络用户），以匿名用户的身份访问系统网站。此类用户主要有浏览系统信息、查看商品信息，注册成为会员。把本网站设为首页，添加到收藏夹，联系开发人，查看交款方式，退换货原则，配送范围，交易条款，保密协议等操作。浏览的内容包括：商品信息、商品分类信息。
商城会员：这类用户拥有普通用户的所有权限；普通用户能够注册成为会员，并根据会员ID和密码登陆系统，登陆之后能够对更改自己的信息但会员ID做为数据库表主键不能修改。会员登陆后能够查看商品信息，查看各种分类商品信息，将商品添加到购物车中。修改购物车中商品数量，或是删除某些不想要的商品。如果会员发现网城卡内余额不足还能够进行充值。
系统管理员：系统管理员主要负责管理着系统后台信息；主要有订单管理，商品管理，会员管理，物流管理和系统管理。订单管理有未确认订单和已确认订单管理，未付款订单和已付款订单管理，未发货和已发货订单管理，未归档和已归档订单管理。 商品管理主要有商品添加和商品管理，商品类别添加和商品类别管理。会员管理主要有添加管理员和管理管理员，管理会员。物流系统主要有支付方式添加和管理，配送方式添加和管理，配送地点添加和管理。系统管理主要是上传管理。
因此，本系统可实现功能如下：
1.能够完成游客或已注册用户对网上商品列表的浏览，以及对各商品的详细信息的查看。
2.能够完成已登陆客户对商品的选购：添加商品到个人购物车，而且对已添加到购物车的商品进行数量的增加、减少、修改和删除等操作。
3.能够经过查看购物车对所选商品进行确定、挑选，确认或修改购物者的联系方式，经过定单查询对支付费用进行确定。
2.2 用户需求
2.2.1 功能性需求概述
前台模块
1) 商品信息展示
2) 会员注册
3) 会员登陆
4) 会员信息修改
5) 购物车管理
6) 会员充值
后台模块
1) 订单管理
2) 商品管理
3) 会员管理
4) 物流管理
5) 系统管理
2.2.2 用户模型
参与者汇总
游客：查看商品信息和注册成为会员
会员：查看商品信息和购买商品，修改个人信息等
管理员：管理商品信息，管理用户信息等
图2-1
② 用列图和相关的用列描述
2.2.3 系统流程图
网上购物系统
商品分类列表模块

商品查找模块

订单查询模块
商品详细信息模块

购物车模块
最受欢迎的商品模块
会员登陆
登陆登陆
未登陆
网上购物系统为顾客提供一个类似于超级市场的网络界面。经过网络界面，会员登录后执行各种操作，非会员能够查找商品信息，查看首页面的最受欢迎商品等信息。
图3.2为网上购物系统的系统流程图。

图 2-2

3 电子商务网站设计
3.1 网站总体设计
3.1.1 总体设计的基本原则
易用性：网站设计制作使用的技术不对浏览者使用的浏览器有特殊要求。方便各类操作人员，做到部分业务的完全或部分自动化处理。
高效性：网站页面的设计简洁、美观，尽可能地提高浏览速度，突出主要信息。导航系统在层次清晰的同时方便浏览者对相关信息和服务的访问。
结构合理：栏目设置要合理，符合人们的浏览习惯。网站层次设计要合理，让浏览者能够经过尽可能少的点击次数即可找到需要的信息。
宣传完整性：能够对品牌从各个角度进行周到的宣传到位，及时反映出最新的动态信息。
可扩展性：系统设计要考虑到业务未来发展的需要，同时考虑网站建设的阶段性，要尽可能地设计得简明，各个功能模块间的耦合度小，便于系统的扩展，平滑地与其它应用系统自动接口，如与现有的应用系统接口及与在线支付系统的接口。
安全、稳定性：在充分考虑到站点访问性能的同时，要格外重视站点的安全和稳定性问题，采用会员的访问权限控制、加密算法的使用、服务器在IDC环境的安全措施等。
并发性强：考虑到网站的使用者同时操作某一系统的情况，系统支持多入操作，建立高速缓冲机制，提供使用者的访问速度。
可移植性、可延续性：采用的开发技术不但满足现在的应用需求，而且要适应未来的发展趋势，在以后的升级、移植工作方便。降低用户的二次开发成本，保证用户的投资利益。
平台无关：采用的开发技术要与操作系统和数据库无关，或能够经过简单的设置变更即可更换操作平台或数据库。
个性化：利用注册用户提供的相关信息，或利用COOKIE等技术，为顾客提供
尽可能多的个性化服务。
访问统计性强：网管可随时查看指定页的访问次数、来访路径、访客所在地区分布、访问时段分布、访客使用浏览器等信息，定期出具网站统计分析报告。
互动性：网站系统要求互动，建立前后台系统的反馈机制，实现自动响应机制，实现高度互动。
创意性强：特色鲜明、独具风格。
维护性强：网站系统提高后台维护程序界面，管理人员完全能够自行维护网站的栏目内容。
3.1.2 电子商务系统的基本架构
根据调查分析得出电子商务系统的基本架构图如图3-1所示。

图3-1
电子商务系统的系统流程图如图3-2所示。

图3-2
3.2 网站详细设计
3.2.1 数据流程设计
网站的数据流程图如图3-2-1所示。

图3-3
3.2.2 业务流程设计
用户登录流程如图4-2所示。

图3-4
用户购物流程如图4-3所示。

图3-5

4 电子商务网站实施
4.1 网站部分重要页面源代码即界面
前台主页代码: <%@ page contentType="text/html;charset=gb2312" language="java" import="java.sql.*" errorPage="" %>
<html>
<script LANGUAGE="javascript">

</script>
<%@ include file="top.jsp"%>

<table width="778" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td height="10"></td>
</tr>
</table>
<table width="778" border="0" cellspacing="0" cellpadding="0" align="center" height="148">
<!--DWLayoutTable-->
<tr valign="top">
<td width="180"> <table width="180" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td valign="top">
<%@ include file="dengluyufou.jsp"%>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="5">
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
</table>
<!--------------------search page------------------------------>
<%@ include file="in-search.jsp"%>
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="5">
<tr>
<td>
<!-------------------topsort------------------------------>
<%@ include file="topsort.jsp"%>
<!-------------------noticenotice------------------------------>
<%@ include file="inludenotice.jsp"%>
</td>
</tr>
</table></td>
<td width="16">　</td>
<!--///////////////////////////midle begin////////////////////////////////////////-->
<td width="408"> <table width="100%">
<!--DWLayoutTable-->
<tr>
<td width="393" height="156">
<%
sql="select * from logo ";
rs=mdb.executeQuery(sql);
if(!rs.next())
{

out.print("暂且没有广告");
}
else
{%>
<a href="<%=rs.getString("url")%>"target="_blank"><img src="<%=rs.getString("banner")%>" width="395" height="118" border="0"></a>
<%
}
%>
</td>
<td>　</td>
</tr>
<tr>
<td> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="151" id="AutoNumber1" height="20" background="img/fu.gif">
<tr>
<td align="center" width="82"><b>精品推荐</b></td>
<td align="center">　</td>
</tr>
</table></td>
<td>　</td>
</tr>
<tr>
<td height="118" valign="top">
<!-- ------------------circulation-------------------------->
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<%
sql="select top 10 * from hw where tuijian=-1 order by hw_id DESC";
rs=mdb.executeQuery(sql);
if(!rs.next())
{

%>
<td width="128" valign="top" align="left" bgcolor="#FFFFFF"><div align="center">
暂且没有推荐商品<br>
</div></td>
<%
}
else
{ int hwid=0;
i=0;
rs.previous();
while(rs.next())
{
i=i+1;
hwid=rs.getInt("hw_id");

%>
<td width="50%"> <br>
商品名称:<%=rs.getString("hw_name")%> <br> <a href="views.jsp?hw_id=<%=hwid%>">
<img border="0" src="<%=rs.getString("hw_pic")%>" width="114" height="83" vspace="6"></a>
<br>
会员价：<%=rs.getInt("hw_cash")%>元 <br> <a target="_blank" href="views.jsp?hw_id=<%=hwid%>">详情</a>
<a href='javascript:openbag(<%=hwid%>)'>定购<img border="0" src="img/order.gif" width="21" height="15"></a>
</td>
<%
if(i%2==0&i>=2)
{
%>
</tr>
<tr>
<%
}
if(i>=10) {
break;
}
}
}
%>
</tr>
</table>
<!-------------------circulation end-------------------------------->
</td>
<td>　</td>
</tr>
</table></td>
<!--/////////////////////////////midle end/////////////////////////////////////-->
<td width="174"> <table width="100%" border="0" cellspacing="0" cellpadding="0">
<!--DWLayoutTable-->
<tr>
<td width="174" height="1"></td>
</tr>

<tr>
<td height="388" valign="top">
<%@ include file="paihang.jsp"%>
</td>
</tr>
</table></td>
</tr>
<TR>
<td height="16" colspan="4" valign="top">
<%@ include file="copy.jsp"%>
</td>
</TR>
</table>

<script language="JavaScript1.2">
var dragswitch=0
var nsx
var nsy
var nstemp
function drag_dropns(name){
temp=eval(name)
temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP)
temp.onmousedown=gons
temp.onmousemove=dragns
temp.onmouseup=stopns
}

function gons(e){
temp.captureEvents(Event.MOUSEMOVE)
nsx=e.x
nsy=e.y
}
function dragns(e){
if (dragswitch==1){
temp.moveBy(e.x-nsx,e.y-nsy)
return false
}
}

function stopns(){
temp.releaseEvents(Event.MOUSEMOVE)
}
var dragapproved=false
function drag_dropie(){
if (dragapproved==true){
document.all.showimage.style.pixelLeft=tempx+event.clientX-iex
document.all.showimage.style.pixelTop=tempy+event.clientY-iey
return false
}
}

function initializedragie(){
iex=event.clientX
iey=event.clientY
tempx=showimage.style.pixelLeft
tempy=showimage.style.pixelTop
dragapproved=true
document.onmousemove=drag_dropie
}
if (document.all){
document.onmouseup=new Function("dragapproved=false")
}
function hidebox(){
if (document.all)
showimage.style.visibility="hidden"
else if (document.layers)
document.showimage.visibility="hide"
}
</script>

网站前台界面

后台程序代码：
<%@ page contentType="text/html;charset=GBK" language="java" errorPage="" %>
<html>
<style type=text/css>
body { background:#799AE1; margin:0px; font:9pt 宋体; }
table { border:0px; }
td { font:normal 12px 宋体; }
img { vertical-align:bottom; border:0px; }
a { font:normal 12px 宋体; color:#000000; text-decoration:none; }
a:hover { color:#428EFF;text-decoration:underline; }
.sec_menu { border-left:1px solid white; border-right:1px solid white; border-bottom:1px solid white; overflow:hidden; background:#D6DFF7; }
.menu_title { }
.menu_title span { position:relative; top:2px; left:8px; color:#215DC6; font-weight:bold; }
.menu_title2 { }
.menu_title2 span { position:relative; top:2px; left:8px; color:#428EFF; font-weight:bold; }
</style>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>后台管理</title>

</head>

<body bgcolor="#F0F0E8" link="#FFFFFF" style="background-color: #DBC2B0">
<p align="center" style="line-height: 200%; margin-top: 50px">
<font color="#FFFFFF" size="4" face="华文行楷, Bookman Old Style">管理员登陆<br>
</font>
<font color="#FFFFFF">（她人请勿非法尝试，否则后果自负！）</font></p>
<table border="0" width="254" cellspacing="1" height="6" align="center">
<tr>
<td width="100%" height="1">

</td>
</tr>

<tr>
<td width="100%" height="57">
<form method="POST" action="2login.jsp?action=login">
<table border="0" width="100%" cellspacing="1">
<tr>
<td width="26%">
<div align="right"><font color="#FFFFFF">用户名</font>:</div>
</td>
<td width="74%">
<input type="text" name="admin_name" size="20" class=input></td>
</tr>
<tr>
<td width="26%">
<div align="right"><font color="#FFFFFF">密码</font>:</div>
</td>
<td width="74%">
<input type="password" name="admin_pass" size="20" class=input></td>
</tr>
</table>
<div align="center">
<input type="submit" value="提交" name="B1" class=input>
<input type="reset" value="全部重写" name="B2" class=input>
</div>
</form>
</td>
</tr>
<tr>
<td width="100%" height="1"></td>
</tr>
</table>

网站后台界面：

管理员用户名师：admin;密码是：admin

数据库的建设：

购物车：

订单：

收银台：

4.2 小组分工
该网站由我们小组成员合作完成。组员：陈伟，赵菲。具体分工如下：
陈伟：数据库设计及与网站的连接，网站后台设计与实现；
赵菲：需求分析及数据收集，网站前台设计与实现。
报告由小组成员合力编写。
5 心得体会
本次网站建设是对我们大学四年知识的一个总结，在这期间，无论是资料的查阅、调研、方案的论证及设计校核计算都给我们 的业务素质、个人能力的培养提供了一个难得的机会，令我回顾这些天来的设计过程，我学到许多实际问题的解决方法。
我们从接受题目到选用知识来解决问题，必须经过重复锻炼和实践，设计便是学生选用自己所学课程的知识来解