B2C电子商务网站开发教程6.docx
第11章B2c电子商务网站开发【本章要点】-需求分析系统设计，数据库设计系统实现系统测试与部署11.1 需求分析随着社会文化水平的提高和计算机应用的普及,网络购物已经开始被广大消费者所接受并广泛 使用,电子商务的发展进入新的阶段。电子商务可以理解为买卖双方互不谋面,通过互联网实现洽 谈、订货、在线付款等完整的商业交易活动。电子商务可以分为B2B模式(Business To Business:企 业对企业)、B2c 模式(Business To Customer:企业对个人客户)、C2c 模式(Customer To Customer： 个人客户对个人客户)。国内外著名的电子商务网站有阿里巴巴、淘宝网、当当网、亚马逊等。本章通过简单的B2c网上商城系统闽台商城开发，介绍使用PHP进行WEB应用程序开发 的般过程和方法。B2c网上商城系统闽台商城即企业负责电子商务网站的构建和运营，网站 提供商品发布、会员注册、购物车、订单提交等功能。会员可以通过浏览商品信息、提交订单，企 业通过网站可以管理商品，处理订单，实现简单的电子商务活动。11.2 系统设计11.3 .1系统功能结构通过对国内外电子商务网站的分析,结合客户的具体应用需求,闽台商城网站项目的具体功 能如下:1 .前台主要功能：(1)商品展示:提供各类别商品展示页面，要求显示商品名称、实物图片、市场价和会员价等信 息,提供“查看详细信息”和“放入购物车”超链接。为各个商品提供详细介绍页面,包括商品名 称、实物图片、商品描述等信息。(2)商品订购:会员查看完商品后可以将该商品放入购物车，可以对购物车进行管理，包括更改 订购数量、从购物车中删除商品、清空购物车等。会员可以提交订单,填写收货信息，完成商品订 购业务。(3)文章展示:提供各类新闻文章的展示，包括商场公告、交易帮助等信息。(4)会员中心：提供会员注册和登陆功能,会员登陆网站后可以实现商品订购、査看订单等功能。2 .后台主要功能：商品管理：系统管理员能够管理商品类别和商品信息,包括商品信息的发布、修改、删除等 功能;(2)文章管理：系统管理员能够管理文章类别和文章信息,包括文章信息的发布、修改、更新、 放入回收站和彻底删除等功能:会员管理：系统管理员能够管理会员信息，包括会员信息的査看、启用和禁用等功能;订单管理:系统管理员能够管理会员提交的订单信息，包括査看订单详细信息，发货、结算 等功能;闽台商城网站由网站前台和网站管理后台组成。网站前台的系统功能结构如图11-1所示, 网站管理后台的系统功能结构如图!1-2所示。电/商务网站前台网站首页最新商品商品分类会员注册会员登陆客服中心通知公告电了商务网站后台我看商品信息购物车提交订单会员信息管理订单管理两品模块会员模块图11-2网站管理后台功能结构图糸统岸陆图11-1网站前台功能结构图11.4 .2系统业务流程图闽台商城网站的系统业务流程图如图!1-3所示。访问电子商务网站首页登陆/注册提交订单购买商品査看商品详细信息添加到购物车离开页面;：图11-3系统.业务流程图11.5 数据库设计11.3.1数据库分析根据需求分析和系统设计,分析系统数据库结构,并为其设计合理的数据库。本项目数据库关 系图如图1L4所示。管理员信息表管理员编号名电地冃 户码系箱册态 用密联QQ邮注状intvarchar(20) varchar(50) varchar(20) varchar(20) varchar(50) datetime int<ok>商品类别表类别编号int冰父级类别编号int类别名称varchar (20)类到简扑text文章类别表类别编号int述父级类别编号int类别名称varchar (20)类别简介text会员编号int<pk>会员名varchar(20) pk密码varchar(50)密码保护问题varchar(50)密码保护答案varchar(50)身份证号varchar(30)联系电话varchar(20)QQvarchar(20)邮箱varchar(50)联系地址varchar(200)邮政编码varchar(20)消费总额float余额float注册|期datetime状态int会员信息表文章编号文章信息表号题 间 编标 量时 别章要容问布态商品信息表商品编号int<pk>类别编号int<fk>商品名称varchar(100) varchar(300) varchar(300) textvarchar(50) floatfloat intint int发布时间datetime int类文摘内访发状INT<pk>int<fk>varchar(200) text text int datetime int订单编号int<pk>订单号varchar(20)<pk>会员名varchar(20)<fk>商品数最int消费金额float收货人varchar(100)收货地址varchar(300)联系电话varchar(20)付款方式int订单日期date订单状态int备注text订单信息表订单商品信息表编号int<pk>订单号varchar(20)<fkl>商品编号int<fk2>floatintfloat小计价格float图11-4数据库关系图11.3.2数据库创建表UT 管理员信息表Admin Info字段名称字段类型备注AJDint管理员编号(主键,标识)A_UserNameVarchar(20)用户名A_PasswordVarchar(50)密码A_TelVarchar(20)联系电话A_QQVarchar(20)QQA_EmailVarchar(50)邮箱A_CreateTimeDatetime注册日期A_StatusInt状态表11-2会员信息表Member_Info字段名称字段类型备注M_IDint会员编号(主键,标识)M_NameVarchar(20)会员名M_PasswordVarchar(50)密码M_QuestionVarchar(50)密码保护问题M_AnswerVarchar(50)密码保护答案M_CardVarchar(30)身份证号M_TelVarchar(20)联系电话M_QQVarchar(20)QQM_EmailVarchar(50)邮箱M_AddressVarchar(200)联系地址M_CodeVarchar(20)邮政编码M_MoneyFloat消费总额M_Blancefloat余额M_CreateTimeDatetime注册日期M_StatusInt状态表11-3商品类别表Product_Type字段名称字段类型备注PT_IDint类别编号（主键,标识）PT_ParentlDInt父级类别编号PT_NameVarchar(20)类别名称PT_lntrotext类别简介表11-4商品信息表ProductInfo字段名称字段类型备注P_IDint商品编号（主键,标识）PTDInt类别编号P_NameVarchar(lOO)商品名称P_ModelVarchar(300)规格P_lmageVarchar(300)图片P_lntroText介绍P_BrandVarchar(50)品牌P_MPriceFloat市场价P_VPriceFloat商城价P_SellNumInt销售量P_StoreNumInt库存量P_HitsInt访问量P_CreateTimeDatetime发布时间P_StatusInt状态表11-5文章类别表News_Type字段名称字段类型备注NTJDint类别编号（主键,标识）NT_ParentlDInt父级类别编号NT_NameVarchar(20)类别名称NT_lntroText类别简介表H-6文章信息表Newsjnfo字段名称字段类型备注N_IDint文章编号（主键,标识）NTJDInt类别编号N_TitleVarchar(200)文章标题N_lntroText摘要N_ContentsText内容N_HitsInt访问量N_CreateTimeInt发布时间N_StatusDatetime状态表11-7订单信息表Order_Info字段名称字段类型备注OJDint订单编号（主键，标识）O_NumVarchar(20)订单号M_NameVarchar(2O)会员名P_NumsInt商品数量O_MoneyFloat消费金额O_TakerVarchar(lOO)收货人0_ Ad dressVarchar(3OO)收货地址O_TelVarchar(20)联系电话O_PaymethodInt付款方式O_CreateTimedatetime订单H期O_StatusInt订单状态O_Remarktext备注表!1-8订单商品信息表OrdejProduct字段名称字段类型备注OPJDint编号（主键,标识）O_NumVarchar(2O)订单号P_IDint商品编号P_UnitPricefloat单价P_NumsInt数量P_FlodFloat折扣P_PriceFloat小计价格11.4系统实现11.4.1创建项目本节开始系统的编程实现,在编写代码之前,先规范网站的整体文件结构,创建系统中可能用 到的文件夹。在C:AppServwww文件夹中创建一个文件夹,命名为"webshop",在"webshop"文 件夹中分别创建conn、images、admin、upload四个文件夹。那么开发过程中,只需耍将所创建的 文件保存在相应的文件夹中。项目完整的文件淸单如表11-9所示。表11-9项目文件淸单根目录文件子目录文件说明1connConn_DB.php数据库链接文件images存放网站前台图片素材upload存放上传的商品图片及文章图片2Adminlogin.php系统后台登陆页面3main.php系统后台管理主页4admin_add.php管理员信息添加页面5admin_manager.php管理员信息管理页面6admin_update.php管理员信息修改页面7newstype_add.php文章类别添加页面8newstype_manager.php文章类别管理页面9newstype_update.php文章类别修改页面10news_add.php文章添加页面11news_manager.php文章管理页面12news_update.php文章修改页面13producttype_add.php商品类别添加页面14producttype_manager.php商品类别管理页面15producttype_update.php商品类别修改页面16product_add.php商品添加页面17product_manager.php商品管理页面18product_update.php商品修改页面19member_manager.php会员信息管理页面20member_info.php查看会员信息页面21ordejmanager.php订单信息管理页面22orderjnfo.php查看订单信息页面23select_newstypel.php下拉框一文章类别用于文章类别添加页面24select_newstype2.php下拉框一文章类别用于文章添加页面25select_newstype3.php下拉框一文章类别用于文章修改页面26select_producttypel.php下拉框一商品类别用于商品类别添加页面27select_producttype2.php卜拉框商品类别一用于商品添加页面28select_producttype3.php下拉框商品类别用于商品修改页面Admin/images存放后台界面图片素材29Admin/actionlogin_do.php系统后台登陆处理30session_check.php系统后台登陆判断31admin_add_do.php管理员信息添加处理32admin_delete_do.php管理员信息删除处理33admin_update_do.php管理员信息修改处理34newstype_add_do.php文章类别添加处理35newstype_delete_do.php文章类别删除处理36newstype_update_do.php文章类别修改处理37news_add_do.php文章添加处理38news_action_do.php文章综合处理（删除、发布、放入回收站）39news_update_do.php文章修改处理40producttype_add_do.php商品类别添加处理41producttype_delete_do.php商品类别删除处理42producttype_update_do.php商品类别修改处理43product_add_do.php商品添加处理44product_action_do.php商品综合处理（发布、放入回收站）45product_update_do.php商品修改处理46member_action_do.php会员信息综合处理（启用、禁用、删除）47order action_do.php订单综合处理（发货、结算）48Actionmember_register_do.php前台会员注册处理49memberjogin_ do.php前台会员登陆处理50session_member_check.php前台会员登陆判断51member Joginout_ do.php前台会员退出处理52member_pwd_update_do.php会员密码修改处理53shopcar_do.php清空购物车处理54order_add_do.php提交订单处理55index.php网站前台主页（框架）56index_content.php网站前台主页内容页57newsjist.php文章列表页58news_ info.php文章详细内容页59productjist.php商品列表页60product_ info.php商品详细内容页61shopcarjnfo.php购物车信息页62member_ register, php会员注册页63memberjogin.php会员登陆页64memberjnfo.php会员中心主页65member_update.php会员信息修改页66member_pwd_update.php会员密码修改页67member_order_add.php提交订单页68member_orderjist.php会员订单列表页69member_orderjnfo.php会员订单详细内容页70sub_member_menu.php模块一会员中心管理菜单71sub_newslistl.php模块文章列表用于前台主页一通知公告72sub_newslist2.php模块文章列表用于前台主页交易流程73sub_productlistl.php模块商品列表一用于前台主页一名酒商品74sub_productlist2.php模块商品列表用于前台主页一沙发商品75sub_productlist3.php模块商品列表用于前台主页一皮鞋商品11.4.2公共文件实现公共文件的作用是将系统中多处使用到的相同功能代码编写在单独的文件中,然后在使用时通 过调用该文件。不需要重复编写相同代码,避免了代码冗余的问题、而且有利于代码维护和管理。1.数据库连接文件步骤1：在C: AppServwwwwebshopconn文件夹中创建Conn_DB. php文件,编写数据库连接 代码如下:<?php/定义数据库连接类/ class ConnDB(声明成员变量private $host:MySQL服务器地址private $username; 数据库用户名private $password; 数据库密码 private $charset: 数据库编码格式 private $dbname; 数据库名称构造函数,实现类的初始化public function ConnDB ($hostl, $usernamel, $passwordl, $dbnamel, $charset1) ($this->host = $hostl;将参数值赋值给成员变量$this->username = $usernamel;$this->password = $password1;$this->dbname = $dbnamel; $this->charset = $charsetl;成员方法,实现数据库连接 public function getConn () ($conn = mysql_connect ($this->host, $ this->username, $thispassword); 连接 MySQL服务器mysq 1 _se 1 ect_db ($thi s->dbname, $conn); 选择数据库mysql_query ('set names 1 . $thischarset); 设置数据库编码格式 return $conn; 返回连接句柄$conndb=new ConnDB("localhost", "root", "111", "WebShop DB",' gbk');数据库连接类实例化 $conn=$conndb->getConn();获取链接句柄?>11.5网站后台开发11.5.1 系统登陆模块开发系统登陆模块由四个文件组成,分别是系统登陆页login.php,登陆处理页login_do.php,登陆判 断页session_check.php和管理主页main.php。具体流程如图!1-5所示。图!1-5系统登陆模块流程图工作原理如下:(1)管理员访问系统登陆页面login.php,填写用户名和密码,然后点击登陆按钮,将用户名和密 码提交到登陆处理页login_do.php；在登陆处理页中,获取提交的用户名和密码,连接数据库服务器,通过查询语句判断管理员 表admin_info中是否存在该用户名和密码的记录。如果存在,则登陆成功,为session赋值,跳转到 管理主页main.php;如果不存在,则弹出提示对话框并返回系统登陆页面login.php。(3)登陆成功后进入管理主页main.php,还需要进步通过session判断是否已经登陆,防止非 法用户通过输入管理主页地址(http:localhost:8090/webshop/admin/main.php)直接进入管理主页。 如果session值为为空,说明没有经过登陆,则弹出提示对话框并返回系统登陆页面login.php。【实现步骤】步骤1:创建系统登陆页!ogin. phpo在C:AppServwwwwebshopadmin文件夹中创建login, php文件,作为系统登陆页面,编写表 单代码如下:<html> headXtitle闽台商城网站管理平台/titleX/head><body onLoad= javascript:forml. txt username, focus()A><form name="forml action="action/login_do. php" method二 post"><table border="1" align="center"><tr><td colspan="2" align="center"> 闽台商城网站管理平台一系统登陆/tdX/tr><tr>td>用户名：/td><td><input type="text name="txt username" /X/td></tr><tr>td>密码：/td><tdXinput type="password“ name二"txt pwd"/> </td></tr><tr><td colspan="2" align="center"Xinput type="submit" value二"登陆"/X/tdX/tr></table></form></body></html>保存页面,在浏览器地址栏中输入http:/localhost :8090/webshop/admin/login. php»可浏 览页面效果如图!1-6所示。图11-6系统登陆界面步骤2:创建系统登陆处理页login_do. php。在C:AppServwwwwebshopadminaction文件夹中创建login do. php文件,作为系统登陆处 理页面,获取提交的用户名和密码,并到数据库中进行査询验证用户名和密码正确,编写PHP代码 如下:<?php/系统登陆处理页/require_once(". /. /conn/Conn_DB. php"); 包含数据库链接文件if( $_POST"txt_username" !="" && $_POST"txt_pwd" !="") 判断用户名密码是否为空($name 二 $ POST "txt username" 获取提交的用户名$pwd = $_POST"txt_pwd"1获取提交的密码$str = "select * from Admin_Info where A_UserName二$name' and A_Password二$pwa ;/ echo $str; 本语句用于调试,输出查询语句$result = mysql_query ($str):执行SQL语句if( mysql_num_rows($result) >0 ) 判断返回记录的行数session_start ();登陆成功,设置SESSION值$ SESSION' user' = $ POST' txt username'echo "<script> window, location. href='. /main. php' ;</script>"J 跳转到管理平台主页 else 登陆失败,弹出提示对话框,返回登陆页echo "script>alert（'用户名或密码错误!'）;window, location, href=./login, php, /script）”;else 用户名密码为空,弹出提示对话框,返回登陆页echo *<script>alert （,请输入用户名和密码!'）;window, location. href='. /login, php' </script>"）?>步骤3：创建登陆判断页session_check. php在 C:AppServwwwwebshopadminaction 文件夹中创建 session_check. php 文件,作为系统 登陆判断页面,通过session判断是否已经登陆,防止非法用户通过输入管理主页地址直接进入管理 主页。如果session值为为空,说明没有经过登陆,则弹出提示对话框并跳转回系统登陆面login.php, 编写PHP代码如下:<?php/系统登陆判断页/if（$_SESSION'user'=" 登陆判断,如果没有登陆,跳转到登陆页面 （echo "script>alert（'登陆超时,请重新登陆!'）； window, location. href=，login, php' ;/script”； ）?>步骤4:创建系统管理主页main, php在C:AppServwwwwebshopadmin文件夹中创建main, php文件,作为系统管理主页,显示系 统管理菜单,编写代码如下:<html> headtitle闽台商城网站管理平台/title/head<body style="margin:0px Opx Opx Opx;"><?php include ' action/session check, php' 登陆判断 ?><table border="1" style="width:100%”<tr><td col span二"2"闽台商城网站管理平台/td/tr<tr><td colspan二"2"/td/tr<tr><td width二"100px" valign二"top"<a href="membejmanager. php" target="mainframe"会员信息管理/a <br/><a href="admin add. php" target="mainframe”添加管理员/a<br/><a href二"admin_manager. php" target二"mainframe"管理员管理/a <br/Xbr/><a href=*producttype add. php" target="mainframe"添加商品类别/a <br/><a href="produc11ype_manager. php" target二"mainframe"商品类别管理/abr/<a href二"product add. php" target二"mainframe"添加商品信息/a<br/><a href="product_manager. php" target="mainframe"商品信息管理/a <br/Xbr/><a href="newstype add. php" target二"mainframe"添加文章类别/a <br/><a href="newstypejnanager. php" target二"mainframe”文章类别管理/a<br/><a href二news add. php" target="mainframe"添加文章信息/a<br/><a href=*news_manager. phpzz target="mainframe"）文章信息管理/a><br/Xbr/><a href="order_manager. php，z target="mainframe”订单信息管理/a<br/Xbr/><a href="./index, php" target="_blank"网站前台首页/a</td><td><iframe name="mainframe" style="width:100%; height:500px" X/iframe> <! iframe 框架</td></tr></table></body></html>步骤5:保存各页面,在浏览器地址栏中输入http:/localhost :8090/webshop/admin/login. php»进入系统登陆页,填写用户名和密码（本案例 中用户名为admin,密码为123）,通过登陆验证成功,进入系统管理主页main. php,页面效果如图 11-7所示。图11-7系统管理主页面11.5.2文章类别管理模块开发文章类别管理模块由六个文件组成,分别是文章类别添加页面newstype_add.php,文章类别添 加处理页面newstype_add_do.php,文章类别管理页面newstype_manager.php,文章类别删除处理页 面newstype_delete_do.php,文章类别修改页面newstype_update.php和文章类别修改处理页面 newstype_update_do.php。具体流程如图 11-8 所示。Admin/newstype_add. php 文章类别添加页Admin/action/newstype_add_do. php 文章类别添加处理页査看文章类别列表上访问文章类别管理页Admin/newstype_manager. php 文章类别管理页Admin/action/newstype_delete_do. php 文章类别删除处理页获取提交的类别编号从数据库加载类别信息更新选择父级类别重新填写类别名称/简介Admin/action/newstype update do. php 文章类别修改处理页Admin/newstype update, php 文章类别修改页图11-8文章类别管理模块流程图工作原理如下:1 .添加文章类别:(1)管理员访问文章类别添加页面newstype.add.php,选择父级类别、填写类别名称和简介,然 后点击保存按钮,将类别信息提交到添加处理页newstype一add一do.php；(2)在添加处理页中,获取提交的类别信息,连接数据库服务器,使用插入语句向news一type表 中添加数据，接着判断添加是否成功,成功则进入文章类别管理页面newstype_manager.php,否则 弹岀提示对话框并返回添加页面newstype_add.phpo2 .文章类别管理:管理员访问文章类别管理页面newstype_manager.php,查看类别信息列表，可以选择类别信息 右侧的“修改”或“删除”按钮，对类别信息进行操作。3 .删除文章类别:管理员在文章类别管理页面newstype_manager.php,点击类别信息右侧的“删除”按钮,系 统跳转到类别删除处理页newstype_delete_do.phpo(2)在删除处理页中,获取提交的类别编号,连接数据库服务器,使用删除语句从news_type表 中删除数据,接着判断删除是否成功,成功则返回文章类别管理页面newstype_manager.php,否则 弹出提示对话框并返回文章类别管理页面newstype_manager.phpo4 .修改文章类别: 管理员在文章类别管理页面newstype_manager.php,点击类别信息右侧的“修改”按钮,系 统跳转到类别修改页newstype_update.phpo(2)在类别修改页中,获取提交的类别编号,连接数据库服务器,从news_type表中查询相应类 别信息并加载到页面表单控件中,然后根据需要重新选择父级类别、重新填写类别名称和简介,然 后点击保存按钮,将修改后的类别信息提交到修改处理页newstype_update_do.php；(3)在修改处理页中,获取提交的类别信息,连接数据库服务器,使用更新语句修改news_type 表中指定数据,接着判断修改是否成功,成功则进入文章类别管理页面newstype_manager.php»否 则弹出提示对话框并返回修改页面newstype_update.php【实现步骤】步骤1:创建下拉框模块select_newstypel. phpo在 C:AppServwwwwebshopadmin 文件夹中创建 select_newstypel. php 文件,作为文章类别 添加页面中的下拉列表框控件,编写代码如下:<select name= txt_parentid”><option value=顶级类别/ption<?phprequire_once("
