电子商务网站(web)课程设计

1、目录1 电子商务网站规划 11.1网站概述 1网站开发背景1网站开发的商业需求 1网站开发的目的与意义 21.1.4 用户需求分析 21.2网站可行性分析 3技术可行性3经济可行性4操作可行性 52 电子商务网站分析 62.1 需求分析 62.2用户需求 7功能性需求概述 7用户模型7系统流程图83 电子商务网站设计 103.1 网站总体设计 10总体设计的基本原则 10电子商务系统的基本架构 113.2 网站详细设计 12数据流程设计 12业务流程设计 124 电子商务网站实施 144.1 网站部分重要页面源代码即界面 144.2 小组分工 225 心得体会 231 电子商务网站规划1.1

2、网站概述1.1.1 网站开发背景今天的世界是多元化的世界， 我国的经济发展也历经了计划经济和市场经 济的漫长过程，现在与全世界的发展一样同步跨入了互联网络的网络经济时 代，并最终将过渡至以提供各种完善服务为主体的服务经济。在当今网络经 济迅速发展并伴随着信息爆炸式的发展过程中，网络经济使得人们在寻找所 需商品同时拥有了多种选择模式。客户越来越趋于寻求多样化、个性化、即 时和便捷安全的商品和服务。我国电子商务所面临的机遇为：一方面电子商 务发展得很快，特别是随着我国加入世贸组织的临近，外国的电子商务盯着 我国这一个世界的大市场，如果我国现在还不加快发展电子商务的脚步，我 国的电子商务将被外国所控

3、制。为了避免这样的局面发生，我国政府正出台 一系列的政策，以扶持我国的电子商务，为我国的电子商务打开方便之门。 加之现在银行的网络化的加快，银行结算是越来越方便了。只要有了政府的 支持，资金的问题、与银行的结算、邮政等的关系就水到渠成了。另一方面 我国电子商务正是在发展的阶段，许多从事电子商务的网站发展还不成熟， 规模较小，服务跟不上，竞争力相对较小，加之几个相对较好的网站还未站 稳脚跟，还是东打一枪，西打一枪，不能专心的做好一个固定的市场，使消 费者不知所从。以上两点正是建设高度专业化，商品质量保证的，且有良好 信誉的电脑销售网站的契机。因此，我们小组决定开发一个 B2C 模式的手机网上销售

4、平台非常手 机。1.1.2 网站开发的商业需求手机销售在我国一直是处于以直销方式为主要销售方式的阶段， 各个厂家 一直把注意力放在传统的直销市场之中，但随着我国互联网的不断发展，我 国的网民到 2003 年已经达到了 4580 万人的规模，国内商家已经把目光投入 到了新兴的电子商务领域，其所带来的全新销售概念，深深吸引着商家与消 费者的目光。据统计全国有 2/3 的企业有发展电子商务的意愿，而其中又以 本身涉及互联网事业的电脑销售企业居多，因此为了在激烈、残酷的市场竞 争中占据一席之地，使企业能够不被即将到来的销售方式革命所淘汰并且使 企业能够做大做强，建立手机销售网站的意义不言而喻。 再者，

5、现在网上销 售的商品没有统一的质量标准，价格跟市面的价格没有什么区别，反而要比 市面的价格要高，这也是使网上购物发展缓慢的一个原因。对于消费者来说， 目前强烈需要的是一个规模大、信息量大的、商品齐全、服务好的、商品价 格便宜的电子商务网站。而电脑销售类电子商务网站又有其本身的网络相关 性，电脑产品易与管理，质量有保证等等优势，使其成为电子商务的最佳商 品。因此手机销售类网站的前景非常广阔。1.1.3 网站开发的目的与意义1) 开发手机销售网站系统的目的 通过手机销售网站系统实现手机销售的电子商务模式并满足用户进行电 子交易的需求。2) 开发手机销售网站系统的目标(1) 建立完整的电子商务网站。

6、(2) 集成各个系统，实现对整个销售过程的控制。(3) 确保该系统的安全，稳定和高效率。(4) 用户能够注册(5) 用户能够通过信用卡等方式进行电子交易3) 手机销售网站系统的使用范围 手机销售网站系统的使用范围初步定位在我国大陆地区(不包括台湾省、 香港、澳门地区)。1.1.4 用户需求分析本网上购物系统是基于 B/S 架构，本网站系统的开发主要是方便用户购 买商品，减少供应商店面费用。本系统共有三类用户： 普通用户是指没有登陆权限(主要指网络用户) ，以匿名用户的身份访问 系统网站。此类用户主要有浏览系统信息、查看商品信息，注册成为会员。 把本网站设为首页，添加到收藏夹，联系开发人，查看交

7、款方式，退换货原 则，配送范围，交易条款，保密协议等操作。浏览的内容包括：商品信息、 商品分类信息。商城会员：这类用户拥有普通用户的所有权限；普通用户可以注册成为 会员，并根据会员 ID 和密码登陆系统，登陆之后可以对更改自己的信息但会 员 ID 做为数据库表主键不能修改。会员登陆后可以查看商品信息，查看各种 分类商品信息，将商品添加到购物车中。修改购物车中商品数量，或是删除 某些不想要的商品。如果会员发现网城卡内余额不足还可以进行充值。系统管理员：系统管理员主要负责管理着系统后台信息；主要有订单管 理，商品管理，会员管理，物流管理和系统管理。订单管理有未确认订单和 已确认订单管理，未付款订单

8、和已付款订单管理，未发货和已发货订单管理， 未归档和已归档订单管理。 商品管理主要有商品添加和商品管理，商品类别 添加和商品类别管理。会员管理主要有添加管理员和管理管理员，管理会员。 物流系统主要有支付方式添加和管理，配送方式添加和管理，配送地点添加 和管理。系统管理主要是上传管理。因此，本系统可实现功能如下：1. 能够完成游客或已注册用户对网上商品列表的浏览，以及对各商品的详细 信息的查看。2. 能够完成已登陆客户对商品的选购：添加商品到个人购物车，并且对已添 加到购物车的商品进行数量的增加、减少、修改和删除等操作。3. 能够通过查看购物车对所选商品进行确定、挑选，确认或修改购物者的联 系方

9、式，通过定单查询对支付费用进行确定。1.2 网站可行性分析1.2.1 技术可行性手机销售网站可分为： 存货管理系统、个人资料管理系统、 订购管理系统、 报表系统和发货系统。a 网站存货管理系统可行性分析网站存货管理系统，它允许管理公司销售的货物。构建这个系统时，目的 是将所有商品信息都保存在数据库中。顾客查询商品时，向他们显示的目录 是根据数据库的最新内容动态生成的。既是说，公司只要更改数据库中存货 的信息，显示在网站上客户所看到的信息就也将随之更新。实现此系统要求 使用ASP( Active Server Pages )中的使用ODBC开放数据库互连)。考虑到 兼容性问题，数据库使用 Mic

10、rosoft Access 数据库，网页设计工具采用Microsoft FrontPage 。b 个人资料管理系统可行性分析个人资料管理系统这个系统是面向客户的， 它允许客户在网站上注册并创 建个人资料（个人配置文件） 。实现此系统同样要求使用 JSP 中的使用 JDBC （开放数据库互连） ，数据库使用 Microsoft Access 数据库，网页设计工具 采用 Microsoft FrontPage 。c 订购管理系统可行性分析这个系统允许客户看到网站商品及目录， 并做出购买决定。 它会跟踪顾客 下的所有定单以及所收货款。此系统的核心是购物车功能的实现。由 ASP相 关语言编写网页来实现

11、此功能。d 报表系统和发货系统可行性分析这两个系统均不需要创建自己的数据表。 其中，发货系统将主要处理订购 管理系统所产生的订单表，并在发生诸如“已发货”或者“地址无效”时， 对其进行更新；报表系统根据数据库中存储的记录来创建报表，它无须向数 据库输入任何信息。这两个系统只需要网站工作人员手工设定即可，无须专 门的语言及技术支持。1.2.2 经济可行性项目成本：网站开发人员的薪酬，网站服务器的租金（如果租借服务器） 或者网站服务器的购买费用（如果购买服务器） ，网站商品库存费用，网站推 广费用，商品成本，商品运输费用。网站服务器有两种选择： 购买一台手机， 将其接入 Internet ；到 I

12、nternet 服务商（ISP）那里申请一个应用主机。二者各有利弊，如果使用 ISP投资将 较小。 Internet 服务商按月收取一笔比较低的费用并为网站提供相应的空间。 它的缺点是我们对机器的控制权比较小。例如，如果希望使用一个特定的后 台程序和工具，得受制于 ISP 的支持程度。另外， ISP 通常不鼓励使用重负荷 的应用程序，以免降低其他操作的速度。如果自行购买机器， 我们既可以自己维护， 也可以聘请专业的公司进行托 管。此种选择将比较自由，但费用将较ISP投资少。项目效益：网站广告收益，商品交易的利润。经过成本 - 效益分析，手机销售网站的效益将大于成本，因此经济上是可行的1.2.3

13、 操作可行性手机销售网站将涉及商品买卖，互联网交易、以及知识版权等 相关问题，因此网站在规划阶段就应申请相关法律支持及营业批 准，互联网交易证书，解决互联网交易安全问题：防火墙的设置， 数据库的安全性， 软件修补程序，数据传输安全，公用与私用密匙， 通过专门的证书颁发机构( CA) - 来创建证书，加密设置，安全 套接字层，消息摘要( Message Digest )，密码安全，应用程序安 全提示。2 电子商务网站分析2.1 需求分析本网上购物系统是基于 B/S 架构，本网站系统的开发主要是方便用户购买 商品，减少供应商店面费用。本系统共有三类用户：普通用户是指没有登陆权限（主要指网络用户）

14、，以匿名用户的身份访问 系统网站。此类用户主要有浏览系统信息、查看商品信息，注册成为会员。 把本网站设为首页，添加到收藏夹，联系开发人，查看交款方式，退换货原 则，配送范围，交易条款，保密协议等操作。浏览的内容包括：商品信息、 商品分类信息。商城会员： 这类用户拥有普通用户的所有权限； 普通用户可以注册成为会 员，并根据会员 ID 和密码登陆系统，登陆之后可以对更改自己的信息但会员 ID 做为数据库表主键不能修改。会员登陆后可以查看商品信息，查看各种分 类商品信息，将商品添加到购物车中。修改购物车中商品数量，或是删除某 些不想要的商品。如果会员发现网城卡内余额不足还可以进行充值。系统管理员：系

15、统管理员主要负责管理着系统后台信息； 主要有订单管理， 商品管理，会员管理，物流管理和系统管理。订单管理有未确认订单和已确 认订单管理，未付款订单和已付款订单管理，未发货和已发货订单管理，未 归档和已归档订单管理。 商品管理主要有商品添加和商品管理，商品类别添 加和商品类别管理。会员管理主要有添加管理员和管理管理员，管理会员。 物流系统主要有支付方式添加和管理，配送方式添加和管理，配送地点添加 和管理。系统管理主要是上传管理。因此，本系统可实现功能如下：1. 能够完成游客或已注册用户对网上商品列表的浏览， 以及对各商品的详 细信息的查看。2. 能够完成已登陆客户对商品的选购： 添加商品到个人购

16、物车， 并且对已 添加到购物车的商品进行数量的增加、减少、修改和删除等操作。3. 能够通过查看购物车对所选商品进行确定、 挑选，确认或修改购物者的 联系方式，通过定单查询对支付费用进行确定。2.2用户需求功能性需求概述用户模型前台模块1）商品信息展示2）会员注册3）会员登陆4）会员信息修改5）购物车管理6）会员充值后台模块1）订单管理2）商品管理3）会员管理4）物流管理5）系统管理参与者汇总游客：查看商品信息和注册成为会员会员：查看商品信 息和购买商品，修改个 人信息等管理员：管理商品 信息，管理用户信息等用列图和相关 的用列描述223系统流程图网上购物系统为顾客提供一个类似于超级市场的网络界

17、面。通过网络界 面，会员登录后执行各种操作，非会员可以查找商品信息，查看首页面的最 受欢迎商品等信息。图3.2为网上购物系统的系统流程图。3 电子商务网站设计3.1 网站总体设计3.1.1 总体设计的基本原则易用性：网站设计制作使用的技术不对浏览者使用的浏览器有特殊要求。 方便各类操作人员，做到部分业务的完全或部分自动化处理。高效性：网站页面的设计简洁、美观，尽可能地提高浏览速度，突出主 要信息。导航系统在层次清晰的同时方便浏览者对相关信息和服务的访问。结构合理：栏目设置要合理，符合人们的浏览习惯。网站层次设计要合 理，让浏览者可以通过尽可能少的点击次数即可找到需要的信息。宣传完整性：能够对品

18、牌从各个角度进行周到的宣传到位，及时反映出 最新的动态信息。可扩展性：系统设计要考虑到业务未来发展的需要，同时考虑网站建设 的阶段性，要尽可能地设计得简明，各个功能模块间的耦合度小，便于系统 的扩展，平滑地与其它应用系统自动接口，如与现有的应用系统接口及与在 线支付系统的接口。安全、稳定性：在充分考虑到站点访问性能的同时，要格外重视站点的 安全和稳定性问题，采用会员的访问权限控制、加密算法的使用、服务器在 IDC环境的安全措施等。并发性强：考虑到网站的使用者同时操作某一系统的情况，系统支持多 入操作，建立高速缓冲机制，提供使用者的访问速度。可移植性、可延续性：采用的开发技术不仅满足现在的应用需

19、求，而且 要适应未来的发展趋势，在以后的升级、移植工作方便。降低用户的二次开 发成本，保证用户的投资利益。平台无关：采用的开发技术要与操作系统和数据库无关，或可以通过简 单的设置变更即可更换操作平台或数据库。个性化：利用注册用户提供的相关信息，或利用 COOKI等技术，为顾客 提供尽可能多的个性化服务。访问统计性强：网管可随时查看指定页的访问次数、来访路径、访客所在地区分布、访问时段分布、访客使用浏览器等信息，定期出具网站统计分 析报告。互动性：网站系统要求互动，建立前后台系统的反馈机制，实现自动响 应机制，实现高度互动。创意性强：特色鲜明、独具风格。维护性强：网站系统提高后台维护程序界面，管

20、理人员完全可以自行维 护网站的栏目内容。电子商务系统的基本架构根据调查分析得出电子商务系统的基本架构图如图3-1所示图3-1电子商务系统的系统流程图如图3-2所示管理员悄息图3-23.2网站详细设计数据流程设计网站的数据流程图如图3-2-1所示图3-3业务流程设计图3-4用户购物流程如图4-3所示进入网站进入炖物区按关铤字技索r注册1k登陆Ik'分类哦寅就选苗甜继续购物1提交定单*修改姻划车脣陆定单确认定单査询图3-54 电子商务网站实施4.1 网站部分重要页面源代码即界面前台 主 页 代 码 : <% page contentType="text/html;chars

21、et=gb2312" language="java" import="java.sql.*" errorPage="" %><html><script LANGUAGE="javascript"></script><% include file="top.jsp"%><table width="778" border="0" cellspacing="0" cellp

22、adding="0" align="center"><tr><td height="10"></td></tr></table><table width="778" border="0" cellspacing="0" cellpadding="0" align="center" height="148"><!-DWLayoutTab

23、le-><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"%>

24、</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 fi

25、le="in-search.jsp"%><table width="100%" border="0" cellspacing="0" cellpadding="0" height="5"><tr><td><!topsort><% include file="topsort.jsp"%><!noticenotice><% include file="inludeno

26、tice.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

27、="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" he

28、ight="118" border="0"></a><% %></td><td> </td></tr><tr><td> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width=&quo

29、t;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> </t

30、d></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

31、" 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;

32、 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

33、="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%>)'>

34、; 定 购 <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>&l

35、t;/tr> </table></td><!-/midleend/-><td width="174"> <table width="100%" border="0" cellspacing="0" cellpadding="0"><!-DWLayoutTable-><tr><td width="174" height="1"></td><

36、/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&q

37、uot;%></td></TR></table><script language="JavaScript1.2">var dragswitch=0var nsxvar nsyvar nstempfunction drag_dropns(name) temp=eval(name) temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP) temp.onmousedown=gons temp.onmousemove=dragns temp.onmouseup=stopnsfunc

38、tion gons(e) temp.captureEvents(Event.MOUSEMOVE) nsx=e.xnsy=e.y function dragns(e) if (dragswitch=1) temp.moveBy(e.x-nsx,e.y-nsy) return falsefunction stopns() temp.releaseEvents(Event.MOUSEMOVE)var dragapproved=false function drag_dropie() if (dragapproved=true) document.all.showimage.style.pixelLe

39、ft=tempx+event.clientX-iex document.all.showimage.style.pixelTop=tempy+event.clientY-iey return falsefunction initializedragie() iex=event.clientX iey=event.clientY tempx=showimage.style.pixelLeft tempy=showimage.style.pixelTop dragapproved=true document.onmousemove=drag_dropieif (document.all)docum

40、ent.onmouseup=new Function("dragapproved=false") function hidebox() if (document.all) showimage.style.visibility="hidden" else if (document.layers) document.showimage.visibility="hide"</script>网站前台界面='Al If i1' J-I-Q信f挫让具L心 I药在祐单觴I莓冋勝I料荒方曲丨狮中右IM孵I删车!版船I更I鮭

41、彌E户:弐：fiDiJ 二e±»非彥iorJ冠界占秽tesirsr-"f： iTi 石衬 i-K SHif11111合员们：3900兀iSffi TH咼昌容护厚吒弓加町匸会却；逐EL±IB圭阳一居品呂牡章E爭柄泄二戟遺丽抽THF -Sn:on 需尼瓷L和-n 轴衢疔曲皿空杈鬪泗 ifgHWi& ¥i11b»K> SffiET2ia 兰星霜贵也总.旧? an3753ZE0TI11201W124OJ it® nea 3ffi3<±M*卉城钊範交恃锻圧 r升我矗明砂側啲肚iBBH型牡¥拉 竝

42、Q 4d拈內好推广fltfiMl itfliio'WJS 即（MW叫】當毎 znm-onLj会砒n zsoorc till 詢走帚石钉fcziTFR主跚：J150S 酬iffii ：菊味欷港甜皿花=fiOEEG加Ifi轲理13鸥妁临氏缠靈邑4企蛇葩.基嵯仙感肚丄（T.嗨工眨审请AAFphFIE斤蒂后台程序代码:<% page conten tType="text/html;charset=GBK" Ian guage="java" errorPage="" %> <html> <style typ

43、e=text/css>body background:#799AE1; margin:0px; font:9pt宋体;table border:0px; td font:normal 12px 宋体;img vertical-alig n:bottom; border:0px; a font:normal 12px 宋体；color:#000000; text-decoration:none; a:hover color:#428EFF;text-decorati on:un derl in e; .sec_me nu border-left:1px solid white; borde

44、r-right:1px solid white; border-bottom:1px solid white; overflow:hidde n; backgro un d:#D6DFF7; .menu _title .menu _titlespa nfon t-weight:bold; positi on: relative;top:2px;left:8px;color:#215DC6;.me nu_title2 .menu _title2spa nfon t-weight:bold; positi on: relative;top:2px;left:8px;color:#428EFF;&l

45、t;/style><head><meta name="GENERATOR" conten t="Microsoft Fron tPage 6.0"><meta n ame="Progld" conten t=" Fron tPage.Editor.Docume nt"><meta http-equiv="C onten t-Type" conten t="text/html; charset=gb2312"> <ti

46、tle> 后台管理 </title> </head><body bgcolor="#F0F0E8" lin k="#FFFFFF" style="backgrou nd-color: #DBC2B0"><p alig n="cen ter" style="li ne-height: 200%; margin-top: 50px"><font color="#FFFFFF" size="4" fac

47、e="华文行楷，Bookman Old Style">管理员登陆 <br></font><font color="#FFFFFF"> （他人请勿非法尝试，否则后果自负！ ） </font></p><table border="0" width="254" cellspacing="1" height="6" align="center"><tr><td widt

48、h="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&g

49、t;<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