站点前端设计思路说明.pptVIP

第4章 网站前台功能设计与实现 学习目标 了解电子商务网站前台功能设计的方法。 能够分析网站前台的功能构成。 熟悉网上购物的业务流程。 掌握网站前台系统的实现方法。 本章主要内容 4.1网站主页设计 4.2购物管理功能设计 4.3会员管理功能设计 4.4商品展示功能设计 4.5其他功能设计 导入案例 :“宝宝365”网站前台功能需求 “宝宝365”网站前台商务系统需要实现以下基本功能：能够进行企业的品牌宣传，提供多形态的商品展示，完善而便捷的在线商品销售，内容丰富的促销快讯，个性的会员管理和订单查询，具有亲和力的育儿论坛，方便的在线咨询和多条件的有哪些信誉好的足球投注网站引擎。 “宝宝365”网站功能结构图 “宝宝365”网站主页 4.1网站主页结构设计 4.1.1网站主页结构设计 页面标题 网站标识 首导部分 主内容区 尾导部分 4.1网站主页结构设计 4.1.2 主页程序设计 （1）/babyshop/index.asp：网站前台主页。 （2）/babyshop/top.asp：网站前台首导。 （3）/babyshop/top1.asp：非会员通用功能。 （4）/babyshop/topmemeber.asp：会员通用功能。 （5）/babyshop/end.asp：网站前台尾导。 （6）/babyshop/conn.inc：建立数据库连接。 4.2购物管理功能设计 网上购物流程包含：商品展示、查看购物车、填写订单、完成订单和订单查询等功能。 以“宝宝365”网站为例，说明网站各项购物管理功能的设计。流程图中提示的页面文件其路径起始于网站根目录即/babyshop/...。 4.2购物管理功能设计 4.2购物管理功能设计 4.2.1 选购商品 客户可以在商品展示页面中，寻找要购买的商品，然后点击商品条目中的购物车链接，即可将商品放入购物车里。 4.2购物管理功能设计 4.2.2 购物车管理 购物车里存放的是客户希望购买的商品，通过购物车可以对其中的商品进行调整，如修改商品的数量、取消商品等，此页面还提供继续购买商品以及生成订单等功能。 购物车管理程序文件 （1）/babyshop/shoppingbagadd.asp：添加商品到购物车。 （2）/babyshop/shoppingbag.asp：购物车管理（查看购物车）。 （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）/babyshop/nothing.asp：购物车为空提示。 4.2购物管理功能设计 4.2.4 订单查询 当客户完成网上购物订单的处理后，可以得到一个订单号。使用订单查询系统，输入订单号和订单中联系人的名字，就可以查询到此订单中的购物信息和此时订单的处理状态。订单查询流程如图4—18所示。 订单查询程序文件 （1）/babyshop/dingdan/dingdanindex.asp：接受订单查询条件。 （2）/babyshop/dingdan/dingdancx.asp：显示订单查询结果。 （3）/babyshop/dingdan/fail.asp：订单查询失败提示。 4.2购物管理功能设计 4.3会员管理功能设计 在“宝宝365”网站中设计了为会员提供综合服务的会员专区，提供了会员注册、登录、注销、会员信息修改、找回密码、订单查询、我的购物车等管理功能。 会员管理程序文件 （1）/babyshop/huiyuan/user_login.asp：会员登录。 （2）/babyshop/huiyuan/hylogincheck.asp：会员登录身份验证。 （3）/babyshop/huiyuan/index.asp：会员专区管理。 （4）/babyshop/huiyuan/hyedit.asp：会员修改基本信息。 （5）/babyshop/huiyuan/hyeditpw.asp：会员修改密码。 （6）/babyshop/huiyuan/hyeditbaby.asp：会员更新宝宝信息。 （7）/babyshop/huiyuan/hyloginout.asp