站点前端设计说明.ppt

《站点前端设计说明.ppt》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第4章网站前台功能设计与实现学习目标了解电子商务网站前台功能设计的方法。能够分析网站前台的功能构成。熟悉网上购物的业务流程。掌握网站前台系统的实现方法。本章主要内容4.1网站主页设计4.2购物管理功能设计4.3会员管理功能设计4.4商品展示功能设计4.5其他功能设计导入案例:“宝宝365”网站前台功能需求“宝宝365”网站前台商务系统需要实现以下基本功能：能够进行企业的品牌宣传，提供多形态的商品展示，完善而便捷的在线商品销售，内容丰富的促销快讯，个性的会员管理和订单查询，具有亲和力的育儿论坛，方便的在线咨询和多条件的搜索引擎。“宝宝365”网站功能结构图购物管理会员管理扩展功能宝宝365网

2、站前台管理系统商品展示信息管理修改信息找回密码购物查询会员登录会员注册会员退出推荐商品特价商品热销商品新品展示查询订单请空购物车生成订单查看购物车网站帮助关于宝宝365促销快讯亲子论坛网上投票“宝宝365”网站主页4.1网站主页结构设计4.1.1网站主页结构设计页面标题网站标识首导部分主内容区尾导部分end.asp尾导，显示网站的公共信息或网站企业的信息。top.asp首导，提供功能菜单和内容导航top1.asp通用功能区4.1网站主页结构设计4.1.2主页程序设计（1）/babyshop/index.asp：网站前台主页。（2）/babyshop/top.asp：网站前台首导。（3）/b

3、abyshop/top1.asp：非会员通用功能。（4）/babyshop/topmemeber.asp：会员通用功能。（5）/babyshop/end.asp：网站前台尾导。（6）/babyshop/conn.inc：建立数据库连接。4.2购物管理功能设计网上购物流程包含：商品展示、查看购物车、填写订单、完成订单和订单查询等功能。以“宝宝365”网站为例，说明网站各项购物管理功能的设计。流程图中提示的页面文件其路径起始于网站根目录即/babyshop/...。1.选择商品，放入购物车2.查看购物车中商品3.填写订单的信息4.完成商品订单4.2购物管理功能设计goodsindex.asp商

4、品陈列首页goodshotsale.asp热销商品goodsnew.asp新品推荐goodsdetail.asp商品详情页goodsbargain.asp特价商品shoppingbagadd.asp添加商品到购物车shoppingbagclear.asp清空购物车shoppingdinish.asp填写订单信息index.asp网站主页shoppingjz.asp非会员订单处理login.asp会员登录shoppingbag.asp查看购物车生成订单选择商品继续购买商品shoppingmemberjz.asp会员订单处理shoppingsuccess.asp订单提交成功/huiyuan/i

5、ndex.asp会员专区完成订单等待送货放弃所选择商品会员购物非会员购物放入购物车购物程序流程图4.2购物管理功能设计4.2.1选购商品客户可以在商品展示页面中，寻找要购买的商品，然后点击商品条目中的购物车链接，即可将商品放入购物车里。4.2购物管理功能设计4.2.2购物车管理购物车里存放的是客户希望购买的商品，通过购物车可以对其中的商品进行调整，如修改商品的数量、取消商品等，此页面还提供继续购买商品以及生成订单等功能。购物车管理程序文件（1）/babyshop/shoppingbagadd.asp：添加商品到购物车。（2）/babyshop/shoppingbag.asp：购物车管理（查

6、看购物车）。（3）/babyshop/shoppingbagclear.asp：清空购物车。4.2购物管理功能设计4.2.3订单处理当客户完成商品的选购后，就要去收银台结账，这是在线生成订单的过程，也是完成网上购物重要的设计内容之一。订单处理程序文件（1）/babyshop/shoppingbagfinish.asp：填写订单内容。（2）/babyshop/shoppingjz.asp：非会员将订单信息写入数据库。（3）/babyshop/shoppingmemberjz.asp：会员将订单信息写入数据库。（4）/babyshop/shoppingsuccexx.asp：完成订单。（5）/

7、babyshop/nothing.asp：购物车为空提示。4.2购物管理功能设计4.2.4订单查询当客户完成网上购物订单的处理后，可以得到一个订单号。使用订单查询系统，输入订单号和订单中联系人的名字，就可以查询到此订单中的购物信息和此时订单的处理状态。订单查询流程如图4—18所示。订单查询程序文件（1）/babyshop/dingdan/dingdanindex.asp：接受订单查询条件。（2）/babyshop/din