网上购物系统设计.ppt

教学目标：了解实际的电子商务系统设计过程，掌握设计方法教学内容：9.1电子商务交易系统规划9.2系统的设计编程与测试运行环境9.3网站主页界面的设计9.4数据库与数据表的设计与功能9.5购物网站各主模块编程实现及功能教学重点与难点：系统规划与设计89，数据库访问编程教学手段与方法：多媒体教学教学时数：2学时教学过程：,第9章电子商务交易系统分析与设计,返回主目录,9.1电子商务交易系统规划9.2系统的设计编程与测试运行环境9.3网站主页界面的设计9.4数据库与数据表的设计与功能9.5购物网站各主模块编程实现及功能,第9章电子商务交易系统分析与设计,返回主目录,第9章电子商务交易系统分析与设计,9.1电子商务交易系统规划9.1.1系统商务分析1.需求分析企业需求：由于企业自身的生存、发展所引发的对电子商务系统需求，称为企业需求。市场需求：由于市场供求不平衡或其它原因所引发的对商务系统的需求，称为市场需求，对于消费类网上购物系统而言，无论是企业需求还是市场需求，总归都是来自网上客户的需求。,2.市场分析市场环境：良好的国际和地区经济环境、政府的支持与所在地Internet设施的完备程度都对电子商务有影响，要综合以上因素，确定市场环境是否有利于网上购物系统建设。客户分析：客户可以是消费者，也可以是企业或个人，需要分析客户的受教育程度和网民结构等。,9.1.2系统规划设计电子商务交易系统设计包括确定商务模式、制订营销计划、确定系统构成、确定系统流程和确定技术方案等。确定商务模式：包括确定总体商务模式与网上品牌、网上服务等方式。制订营销计划：主要是制订具体的网上交易计划。确定系统构成：包括系统功能模块/子系统、前台/后台等的设计。确定系统流程：包括用户从登录到购物结帐、从交易产生到交易的处理完毕等整个流程的设计。,9.1.3网站建立规划设计建立一个电子商务交易系统，必须规划系统的设计目的和设计结构，选取合适的软件环境与编辑工具等，并且要规划好建设网上购物系统的各项具体步骤。1.设计电子商务交易网站的目的直传网站形象：建立网站网页，加入WWW已成为目前网站的基本宣传模式。销售商品：以销售商品为目的的网站。娱乐：各式网上交友、联机游戏网站已经成为目前网上的热门去处。提供信息：此类站点主要提供各类信息。,个人网页：既可向领导、同事展示自己的才能，又可向外界推销自己。2.网站结构的规划应根据建网目的规划网站结构的主题。以树状结构为例，网站可分为网站简介、热门商品、分类商品、会员注册、网上购物和客户服务等主题，然后依主题绘出网站的结构图。在绘制网站结构图时，需要考虑网站内部的导航方式。如果网站拥有很多层网页，浏览的顺序和如何连接各网页的问题也是需要重视的。3.选择前台开发工具和后台支持系统软件操作系统：Windows2000SERVER/XP/2003/2007/。Web服务器：IISWeb服务器/Tomcat/Apache。,后台数据库系统：MicrosoftAccess2000/SQLSERVER7.0/2000。网页前台编辑工具：FrontPage和Mcromediadreamweaver。网页后台编程软件：MicrosoftVisualStedio。4.规划好建立电子商务交易系统的具体步骤建立电子商务交易系统的网页。安装Web服务器。建立Access/SQL的数据库。设置ODBC数据源。发布网站系统。,9.2系统的设计编程与测试运行环境,9.2.1网站购物系统的设计编程环境1.网站购物系统的编程语言网站的架设可分为前台编程、后台编程，前台涉及的HTML语言因编辑工具强大，大部分可根据设计自动生成，VBScript、JavaScript语句和后台涉及的语言一般需要开发者编写代码实现，本网站选用了ASP语言作为后台编程语言来处理服务器端的数据或数据库。Microsoft的ActiveServerPage（简称ASP）语言是一种服务器端的语言，只要适当规划便可编写产生动态的、交互式的网,站应用程序程序处理的过程都是在服务器端将所设计的网页由主机端翻译并执行后，给客户端送出标准的HTML文件，并非等网页下载到客户端才执行，其处理过程如下：含有ASP程序的网页Web服务器支持ASP纯HTML语言网页当客户端的浏览器（Browser）向发行网站提出执行ASP的文件时，在已经安装ASP直译程序的WebServer将这个ASP文件从头翻译一次，并且将执行的结果传送回客户端；倘若编写ASP程序时没有包含标准的HTML格式的文件，那么传送回客户端的结果也是空白的页面并且也达不到以ASP作为动态网页的目的。,2.设计编程环境本购物系统的设计编程环境采用了多种软件工具综合互补进行设计编程。网页界面设计主要用到MicrosoftFrontpage2000、MacromediaDreamweaver8.0、Firework8.0和Flash8.0等。MicrosoftFrontpage2000是Microsoft公司开发的“所见即所得”网页制作软件。在Office2003已改为MicrosoftPublish。MacromediaDreamweaver8.0是一种专业级、功能强大的“所见即所得”的网页设计制作软件，并带有站点管理等功能，提供对DHTML和CSS标准的支持，可设计出生动的DHTML动画、多层次的页面和CSS样式表，比Microsoft的网页设计工具更专业、功能更强大。,编程环境主要选用了Microsoft脚本编辑器MSE，它是Office2000软件中的脚本编辑工具，也是微软集成的网页开发软件VisualStudio6.0的编辑器，便于编写产生动态的、交互式的网站ASP程序。,9.2.2网站购物系统的测试运行环境网站测试运行环境是指网站系统所选择的操作系统与web服务器。Web服务器的主要作用是提供Internet上的Web服务。只有架设了Web服务器，申请了IP地址以及域名，并且连接到Internet上，才能提供Web服务，用户才能通过Internet访问服务器上的Web页。架设一个Web服务器，首先要选择服务器的操作系统平台和Web服务器软件。Web服务器的架设有多种方案。常见的Web服务器平台有：基于Unix或Linux操作系统的ApacheServer、基于MicrosoftWindows2000/2003Server的IIS、Tomcat等。在确定操作系统平台时，要根据服务器设备的硬件情况与系统要求而定。,Unix一般运行在工作站或大、中、小型计算机上，Windows2000/2003/2007一般运行在专用服务器或高档微机上。,9.3网站主页界面的设计,1.网站主页图标与广告横幅（Top.htm）网站图标是网站的标志，一般体现网站的形象与网址信息；广告横幅便于放置广告信息，起到宣传网站与商务信息的作用。2.网站主页功能区（Left.asp）功能区包含用户登录、注册及商品信息查询等功能项(Left.asp)，该页面可超链接至登录、注册页面，并且实现关键字商品搜索功能。3.网站主页导航条设计（Maintop.htm）（1）购物导航：下分休闲娱乐、日用百货、电子电器、文化体育、家居装饰、服装广场等。,（2）购物清单：客户可实时查看购物篮的情况（链接到Orderview.asp）。（3）订单查询：分为订单号查询、客户名查询两种方式（链接到Orderseek.asp）。（4）会员注册：非会员可在此注册成网站会员（链接到Register.asp）。（5）客户服务：为购物者提供各项服务（链接到Khfh.asp）。（6）站务公告：发布有关网站的最新信息（链接到zwgg.htm）。（7）滚动信息：显示发布各重网站商务信息及其它事务。导航条的结构如图9-1所示：,图9-1导航条结构,购物导航,休闲娱乐,日用百货,电子电器,文化体育,家居装饰,服装广场,特价商品,购物清单,会员注册,客户服务,订单查询,站务公告,Orderview.aspOrderseek.aspregister.aspkufh.aspzwgg.htm,4.商品货架主显示页面（1）主页面货架(main.htm)：放置特价、最新产品，并附有图片、商品简介等内容。可直接订货。（2）分类商品货架（Display.asp）：依据用户所选择的商品类别专门显示该货架页面。运用表格式显示，该分类商品货架由用户输入订购量的文本框及商品编号、名称、单价信息、后有订购按扭组成，直接点击订购按钮，即可选购商品。分类商品货架的结构如表9-1所示。,件,9.4数据库与数据表的设计与功能,9.4.1确定网站数据表为了便于数据库的管理与维护，只设计了一个数据库catalogo.mdb，其中包含user（客户表）、bankcard（客户帐户表）、orderdan（订单表）、orderdandetail（订单名细表）、av_shop（商品库表）等。,9.4.2确定每个表的字段本网站数据库中各表的字段设计如以下如表9-29-6所示。,9.4.3确定数据表之间的关系依据数据信息的特点与用户需求，本网站在数据表关系设计方面体现有一对多、一对一、多对多等关系，各表之间的关系是通过表的关键字来实现的。如图9-2所示。,图9-2各数据表之间的关系,User表UseridBankcardidPasswordBankcardid,Orderdandetail表OrderidProductnoUserid,Av_shop表IdProductnoDetailid,Orderdan表OrderidBankcardidUseridIccard,Bankcard表BankcardidPasswordIccard,9.5购物网站各主要模块的编程及其功能,9.5.1电子商务交易与交易处理流程图在进行各主要模块编程时，首先应对网站的购物和交易处理的流程有所了解。本网站的购物与交易处理流程如图9-3所示。,用户注册,9.5.2注册、登录页面的设计为了便于用户登录电子商务交易和网站管理员及时了解和管理客户信息,注册页面是从客户方获取信息的重要途径，采取必填信息与可选填两类信息相结合的获取方式。必填项有：用户名（便于用户登录）、用户密码（登录时用）、顾客姓名（真实姓名便于本网与顾客联系）、身份证号、银行帐号（便于购物中实现自动划帐）、联系电话、联系地址及邮政编码等内容，这些都是用户登录和注册所要求的，同时也是订单生成后物流配送时必要的信息，在注册中，这几项都要经过非空的程序验证。其中的可选填项如：客户银行帐号（便于网上付款方式时自动划账）、出生年月、个人职业（便于对客户进行服务及客户各方面的信息进行调查等）、个人爱好、电子邮箱、其它联系方式等，也是客户服务和网上调查为备用。,在各项数据类型中，一般都是文本型的，特别的是在填写身份证号、联系电话、邮政编码、银行帐号等要通过程序验证确为文本型而非数字型的数据，否则将不能通过验证。在填写电子邮箱过程中，必须包括“”和“.”两个字符，而且两者都不能位于电子邮箱代码的最前面或最后面。例如，Registerok.asp就是验证程序之一。以上各信息在程序中都置于一个中。登录，是注册后的用户依据用户名和密码进行登记，进入网站时必须向网站服务器传递用户信息的首要程序，而且在登录中用户名和密码都必须与服务器数据库客户表信息相一致，否则，非法用户将不能进入电子商务交易。其实现代码为Login.asp。,总之，注册和登录是网上购物的首要前提。因为在整个购物系统的设计中，将时刻从用户方提取其有用的客户信息，这样便于程序记录购物者的各项信息，并在订购完结时依据所记录的客户信息实现对用户银行卡余额表（bankcard）、订单库表（orderdan）、订单库明细表（orderdandetail）等数据库更新，从而实现网上付款方式的自动划账、订单自动生成、物流配送单生成等过程。1.Registerok.asp注册处理关键代码/利用包含文件gw_caropen.inc打开数据库,alert(前8项必须填，请继续！);history.go(-1)/验证身份证号、银行卡号等是否为数字型,alert(身份证号、信用卡号、邮编必须输入数字，请继续输入！);history.go(-1)/验证电子邮箱的规范性alert(Email必须包含“”和“.”，并且“”和“.”不能为最前或最后的字符，如：jxlydx,请继续输入！);history.go(-1),2Login.asp登陆处理关键代码/利用包含文件gw_caropen.inc打开数据库,9.5.3商品查询模块：为便于购物者搜索所需购买的商品，该模块提供了依据商品编号、商品名称、商品大类、商品细类等关键字查询的功能，该程序依据用户所输入的关键字进行模糊查询，主要是对数据库中商品库表进行查询操作对合乎要求的结果用一个display.asp页面显示给客户，代码参见Display.asp。,9.5.4分类商品货架的编程实现本网站运用一个disply.asp页面实现动态地显示用户所点击的商品货架列表或所搜索的商品结果货架列表，搜索结果列表都是以顾客输入的关键字为参数来分类实现的。编程方式是依据顾客点击超链接时所传递的参数来选择实现的，分类货架和搜索结果显示代码参见Display.asp。Display.asp商品货架及商品搜索处理显示的主要代码如下：显示商品列表，代码略商品货架显示页面中，订购数量设计为文本型，用户可输入所需的订购数量，“订购”按钮，用于提交所选购的商品信息。,每一选购的商品记录均置于一个中，点击“订购”按钮即可把该记录的信息及所输入的订购量暂存于购物车以备在购物车显示页面中显示。其代码如下：商品编号商品名称商品单价订购数量订购与否,history.go(-1)/判断用户已输入订购量数字是否是大于零alert(你必须输入大于零的数字，请继续输入！);history.go(-1),/判断用户是否已经登录本网站alert(你必须登陆才能订购商品！);history.go(-1)/Session中增加一条订购商品信息%选购情况,你已选定了产品请确认订购，按购物清单浏览购物清单,/提交给update.asp处理后在最终购物篮中显示确认选购商品编号商品名称商品单价,订购数量订购日期总金额选购情况你已选定了样产品请确认订购，按购物清单浏览购物清单/提交给update.asp处理后在最终购物篮中显示,确认选购商品编号商品名称商品单价订购数量订购日期总金额,元金额小计,/显示购物篮情况checked元/件,5.Update.asp处理购物篮为购物清单即最终购物篮的关键代码6.Orderok.asp订单生成、帐户自动划帐处理关键代码%r1=Request.Form(“radiobutton1”)/从Pay.asp页面中接收所选择的付款方式,r2=Request.Form(radiobutton2)sum=session(count)userid=session(userid)password=session(password)/自动处理生成网上付款方式的帐单号sql0=selectord