网站前台功能设计与实现ppt课件

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

2、在线咨询和多条件的搜索引擎。“宝宝宝宝365365网站功能构造图网站功能构造图购物管理会员管理扩展功能宝宝365网站前台管理系统商品展现信息管理修正信息找回密码购物查询会员登录会员注册会员退出引荐商品特价商品热销商品新品展现查询订单请空购物车生成订单查看购物车网站协助关于宝宝365促销快讯亲子论坛网上投票“宝宝宝宝365365网站主页网站主页4.1网站主页构造设计 4.1.1网站主页构造设计 页面标题 网站标识 首导部分 主内容区 尾导部分 end.asp 尾导，显示网站的公共信息或网站企业的信息。top.asp 首导，提供功能菜单和内容导航top1.asp通用功能区4.1网站主页构造设计 4

3、.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购物管理功能设计 w网上购物流程包含：商品展现、查看购物车、填写订单、完成订单和订单查询等功能。w以“宝宝365网站为例，阐明网站各项购物管理功能的设计。流程图中提示的页面文件其途径起始于网站根目录即/babyshop/.。1. 选

4、择商品，放入购物车2. 查看购物车中商品3. 填写订单的信息4. 完成商品订单4.2购物管理功能设计 goodsindex.asp商品陈列首页goodshotsale.asp热销商品goodsnew.asp新品引荐goodsdetail.asp商品概略页goodsbargain.asp特价商品shoppingbagadd.asp添加商品到购物车shoppingbagclear.asp清空购物车shoppingdinish.asp填写订单信息index.asp网站主页shoppingjz.asp非会员订单处置login.asp会员登录shoppingbag.asp查看购物车生成订单选择商品继续购

5、买商品shoppingmemberjz.asp会员订单处置shoppingsuccess.asp订单提交胜利/huiyuan/index.asp会员专区完成订单等待送货放弃所选择商品会员购物非会员购物放入购物车购物程序流程图购物程序流程图 4.2购物管理功能设计 4.2.1 选购商品 客户可以在商品展现页面中，寻觅要购买的商品，然后点击商品条目中的购物车链接，即可将商品放入购物车里。 4.2购物管理功能设计 4.2.2 购物车管理 购物车里存放的是客户希望购买的商品，经过购物车可以对其中的商品进展调整，如修正商品的数量、取消商品等，此页面还提供继续购买商品以及生成订单等功能。购物车管理程序文件

6、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/shoppingmemb

7、erjz.asp：会员将订单信息写入数据库。4/babyshop/shoppingsuccexx.asp：完成订单。5/babyshop/nothing.asp：购物车为空提示。4.2购物管理功能设计 4.2.4 订单查询当客户完成网上购物订单的处置后，可以得到一个订单号。运用订单查询系统，输入订单号和订单中联络人的名字，就可以查询到此订单中的购物信息和此时订单的处置形状。订单查询流程如图418所示。订单查询程序文件1/babyshop/dingdan/dingdanindex.asp：接受订单查询条件。2/babyshop/dingdan/dingdancx.asp：显示订单查询结果。3/b

8、abyshop/dingdan/fail.asp：订单查询失败提示。4.2购物管理功能设计 首导会员专区./dingdan/dingdanindex.asp接受订单查询条件./dingdan/dingdancx.asp显示订单查询结果./dingdan/fail.asp订单查询失败提示查询到订单？修正查询条件，继续查询完成查询是否检查输入的订单号和联络人 订单查询功能流程图 4.3会员管理功能设计 在“宝宝365网站中设计了为会员提供综合效力的会员专区，提供了会员注册、登录、注销、会员信息修正、找回密码、订单查询、我的购物车等管理功能。会员管理程序文件1/babyshop/huiyuan/us

9、er_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：会员退出注销。8/babyshop/huiyuan/hyloginerror.asp：会员登

10、录错误提示。9/babyshop/huiyuan/hyzcnew.asp：会员注册条款信息。10/babyshop/huiyuan/hyzcform.asp：会员注册信息录入。11/babyshop/huiyuan/hyzcsave.asp：保管会员注册信息。12/babyshop/huiyuan/hyzcsuccess.asp：会员注册胜利提示。4.4 商品展现功能程序./huiyuan/hylogin.asp会员登陆入口./huiyuan/hyeditpw.asp会员修正密码信息./huiyuan/hylogincheck.asp会员登录身份验证./huiyuan/index.asp会员专

11、区./huiyuan/hyeditbaby.asp会员修正宝宝信息./huiyuan/hyedit.asp会员修正根本信息合法注册用户./huiyuan/hyloginerror.asp会员登录错误提示./huiyuan/hyloginout.asp会员退出(注销)是注册用户，那么进入会员专区，系统处于会员形状否一切包含top1.asp页面提供会员登陆入口/babyshop/index.asp网站主页在非会员形状下一切包含top.asp页面的“会员专区链接提供会员登陆、注册接受会员名和密码./huiyuan/hyzcsave.asp保管会员注册信息./huiyuan/hyzcnew.asp确认

12、会员注册条款信息./huiyuan/hyzcsuccess.asp会员注册胜利提示进展会员管理./huiyuan/hyzcform.asp输入会员注册信息会员名存在否./huiyuan/ hyloginerro.asp会员注册失败是前往注册页面会员专区主要功能流程图会员专区主要功能流程图4.4商品展现功能设计 经过不同的商品表现方式，向客户展现网站的各类商品，使客户有目的且快速地挑选所需商品。商品展现程序文件1/babyshop/goodsindex.asp：商品陈列展现。2/babyshop/goodsnew.asp：新品引荐展现。3/babyshop/goodshotsale.asp：热销

13、商品展现。4/babyshop/goodsbargain.asp：特价商品展现。5/babyshop/goodsdetail.asp：显示商品概略。 4.5其他功能设计 4.5.1 商品搜索引擎 4.5.2在线咨询4.5.3 在线调查 案例解析w根据网站系统的设计要求，对“宝宝365网站进展前台功能分析和构造设计，产生网站前台的功能构造图。程序设计人员根据功能构造图进展功能模块的程序开发，分别进展了网站主页、购物管理、会员管理、商品展现、商品搜索引擎、在线咨询和在线调查等模块的功能设计和程序实现。w经过对以上功能模块的程序设计和调试，“宝宝365网站前台根本功能都已实现，但是对于从事商业活动的

14、电子商务网站，只需网站前台功能是不完好的，网站信息的更新、订单的处置都将依赖于网站后台管理系统的任务，所以，网站前台功能开发只是网站建立的一个部分，为了更好地管理和运营网站，还必需进展网站后台系统的开发。本章小结w 本章以设计和实现“宝宝365网站前台功能为主线，详细引见了网站主页的构造设计和实现方法，并根据网站的功能构造图，进展了主要模块的流程设计、页面设计和程序代码设计，同时为用户未来进展网站建立提供了相应的技术处理方案。 作业与指点1.简述电子商务网站前台系统的主要功能。2.试阐明电子商务网站网上购物的业务流程。3.简述网站搜索引擎的实现技术。4. 参照案例程序，进展网站促销快讯功能模块

15、的程序设计 w-A1D4G8JbNeQhTlWoZr%u(x+B2E6H9KcOfRiUmXp!s&v)z0C3F7IaMdPgSkVnYq$t*x-A1D5G8JbNeQiTlWo#r%u(y+B3E6H9LcOfRjUmYp!s&w)z0C4F7JaMdPhSkVnZq$t*x-A2D5G8KbNeQiTlXo#r%v(y+B3E6I9LcOgRjUmYp!t&w)z1C4F7JaMePhSkWnZq$u*x+A2D5H8KbNfQiUlXo#s%v(y0B3E6I9LdOgRjVmYp!t&w-z1C4G7JaMePhTkWnZr$u*x+A2E5H8Kc

16、NfQiUlXp#s%v)y0B3F6IaLdOgSjVmYq!t*w-z1D4G7JbMePhTkWoZr$u(x+A2E5H9KcNfRiUlXp#s&v)y0C3F6IaLdPgSjVnYq!t*w-A1D4G8JbMeQhTlWoZr%u(x+B2E6H9KcOfRiUmXp!s&v)z0C3F7IaLdPgSkVnYq$t*w-A1D5G8JbNeQhTlWo#r%u(y+B2E6H9LcOfRjUmXp!s&w)z0C4F7IaMdPhSkVnZq$t*x-A2D5G8KbNeQiTlWo#r%v(y+B3E6H9LcOgRjUmYp!s&w)z1C

17、4F7JaMdPhSkWnZq$u*x-A2D5H8KbNfQiTlXo#s%v(y0B3E6I9LdOgRjVmYp!t&w)z1C4G7JaMePhSkWnZr$uB3E6H9LcOgRjUmYp!s&w)z1C4F7JaMdPhSkWnZq$u*x-A2D5H8KbNfQiTlXo#s%v(y0B3E6I9LcOgRjVmYp!t&w)z1C4G7JaMePhSkWnZr$u*x+A2D5H8KcNfQiUlXo#s%v)y0B3F6I9LdOgSjVmYq!t&w-z1D4G7JbMePhTkWnZr$u(x+A2E5H8KcNfRiUlXp#s%v)y

18、0C3F6IaLdOgSjVnYq!t*w-z1D4G8JbMeQhTkWoZr%u(x+B2E5H9KcOfRiUmXp#s&v)z0C3F7IaLdPgSjVnYq$t*w-A1D4G8JbNeQhTlWoZr%u(y+B2E6H9KcOfRjUmXp!s&v)z0C4F7IaMdPgSkVnZq$t*x-A1D5G8KbNeQiTlWo#r%u(y+B3E6H9LcOfRjUmYp!s&w)z0C4F7JaMdPhSkVnZq$u*x-A2D5G8KbNfQiTlXo#r%v(y0B3E6I9LcOgRjVmYp!t&w)z1C4G7JaMePhSkWnZ

19、q$u*x+A2D5H8KbNfQiUlXo#s%v(y0B3F6I9LdOgRjVmYq!t&w-z1C4G7JbMePhTkWnZr$u(x+A2E5H8KcNfRiUlXp#s%v)y0B3F6IaLdOgSjVmYq!t*w-z1D4G7JbMeQhTkWoZr$u(x+B2E5H9KcNfRiUmXp#s&v)y0C3F7IaLdPgSjVnYq$t*w-A1D4G8JbMeQhTlWoZr%u(x+B2E6H9KcOfRiUmXp!s&v)z0C3F7IaMdPgSkVnYq$t*x-A1D5G8JbNeQiTlWo#r%u(y+B3E6H9LcOfRjUm

20、Yp!s&w)z0C4F7IaMdPhSkVnZq$t*x-A2D5G8KbNeQiTlXo#r%v(y+B3E6I9LcOgRjUmYp!t&w)z1C4F7JaMePhSkWnZq$u*x+A2D5H8KbNfQiTlXo#s%v(y0B3E6I9LdOgRjVmYp!t&w-z1C4KbNeQiTlXo#r%v(y+B3E6I9LcOgRjUmYp!t&w)z1C4F7JaMePhSkWnZq$u*x-A2D5H8KbNfQiTlXo#s%v(y0B3E6I9LdOgRjVmYp!t&w-z1C4G7JaMePhTkWnZr$u*x+A2E5H8K

21、cNfQiUlXp#s%v)y0B3F6I9LdOgSjVmYq!t&w-z1D4G7JbMePhTkWoZr$u(x+A2E5H9KcNfRiUlXp#s&v)y0C3F6IaLdPgSjVnYq!t*w-A1D4G8JbMeQhTkWoZr%u(x+B2E5H9KcOfRiUmXp#s&v)z0C3F7IaLdPgSkVnYq$t*w-A1D5G8JbNeQhTlWo#r%u(y+B2E6H9LcOfRjUmXp!s&w)z0C4F7IaMdPgSkVnZq$t*x-A1D5G8KbNeQiTlWo#r%v(y+B3E6H9LcOgRjUmYp!s&

22、w)z1C4F7JaMdPhSkWnZq$u*x-A2D5H8KbNfQiTlXo#r%v(y0B3E6I9LcOgRjVmYp!t&w)z1C4G7JaMePhSkWnZr$u*x+A2D5H8KcNfQiUlXo#s%v)y0B3F6I9LdOgSjVmYqx-A2D5G8KbNfQiTlXo#r%v(y0B3E6I9LcOgRjVmYp!t&w)z1C4G7JaMePhSkWnZr$u*x+A2D5H8KcNfQiUlXo#s%v)y0B3F6I9LdOgRjVmYq!t&w-z1C4G7JbMePhTkWnZr$u(x+A2E5H8KcNfRiUlXp#s%v)

23、y0C3F6IaLdOgSjVnYq!t*w-z1D4G8JbMeQhTkWoZr$u(x+B2E5H9KcNfRiUmXp#s&v)y0C3F7IaLdPgSjVnYq$t*w-A1D4G8JbNeQhTlWoZr%u(y+B2E6H9KcOfRjUmXp!s&v)z0C4F7IaMdPgSkVnYq$t*x-A1D5G8JbNeQiTlWo#r%u(y+B3E6H9LcOfRjUmYp!s&w)z0C4F7JaMdPhSkVnZq$u*x-A2D5G8KbNfQiTlXo#r%v(y+B3E6I9LcOgRjUmYp!t&w)z1C4F7JaMePhSkWn

24、Zq$u*x+A2D5H8KbNfQiUlXo#s%v(y0B3F6I9LdOgRjVmYq!t&w-z1C4G7JbMePhTkWnZr$u*x+A2E5H8KcNfQiUlXp#s%v)y0B3F6IaLdOgSjVmYq!t*w-z1D4G7JbMeQhTkWoZr$u(x+B2E5H9KcNfRiUmXp#s&v)y0C3F6IaLdPgSjVnYq!t*w-A1D4G8JbMeQhTlWoZr%u(x+B2E6H9KcOfRiUmXp!s&v)z0C3F7IaMdPgSkVnYq$t*x-A1D5G8JbNeQhTlWo#r%u(y+B2E6H9LcOfRjU

25、mXp!s&w)z0C4F7IaMdPhSkVnZq$t*x-A2D5G8KbNeQiXp!s&v)z0C3F7IaMdPgSkVnYq$t*w-A1D5G8JbNeQhTlWo#r%u(y+B2E6H9LcOfRjUmXp!s&w)z0C4F7IaMdPhSkVnZq$t*x-A2D5G8KbNeQiTlXo#r%v(y+B3E6H9LcOgRjUmYp!s&w)z1C4F7JaMdPhSkWnZq$u*x-A2D5H8KbNfQiTlXo#s%v(y0B3E6I9LdOgRjVmYp!t&w-z1C4G7JaMePhTkWnZr$u*x+A2D5H8

26、KcNfQiUlXo#s%v)y0B3F6I9LdOgSjVmYq!t&w-z1D4G7JbMePhTkWoZr$u(x+A2E5H9KcNfRiUlXp#s&v)y0C3F6IaLdOgSjVnYq!t*w-z1D4G8JbMeQhTkWoZr%u(x+B2E5H9KcOfRiUmXp#s&v)z0C3F7IaLdPgSkVnYq$t*w-A1D5G8JbNeQhTlWoZr%u(y+B2E6H9KcOfRjUmXp!s&v)z0C4F7IaMdPgSkVnZq$t*x-A1D5G8KbNeQiTlWo#r%v(y+B3E6H9LcOgRjUmYp!s&

27、;w)z1C4F7JaMdPWoZr%u(y+B2E6H9KcOfRjUmXp!s&v)z0C4F7IaMdPgSkVnZq$t*x-A1D5G8KbNeQiTlWo#r%v(y+B3E6H9LcOfRjUmYp!s&w)z0C4F7JaMdPhSkVnZq$u*x-A2D5G8KbNfQiTlXo#r%v(y0B3E6I9LcOgRjVmYp!t&w)z1C4G7JaMePhSkWnZr$u*x+A2D5H8KbNfQiUlXo#s%v(y0B3F6I9LdOgRjVmYq!t&w-z1C4G7JbMePhTkWnZr$u(x+A2E5H8KcNfRiUlXp

28、#s%v)y0C3F6IaLdOgSjVmYq!t*w-z1D4G7JbMeQhTkWoZr$u(x+B2E5H9KcNfRiUmXp#s&v)y0C3F7IaLdPgSjVnYq$t*w-A1D4G8JbNeQhTlWoZr%u(x+B2E6H9KcOfRiUmXp!s&v)z0C3F7IaMdPgSkVnYq$t*x-A1D5G8JbNeQiTl#s&v)y0C3F7IaLdPgSjVnYq$t*w-A1D4G8JbMeQhTlWoZr%u(x+B2E6H9KcOfRiUmXp!s&v)z0C3F7IaMdPgSkVnYq$t*x-A1D5G8JbNeQiTlWo#r%u(y+B3E6H9LcOfRjUmXp!s&w)z0C4F7IaMdPhSkVnZq$t*x-A2D5G8KbNeQiTlXo#r%v(y+B3E6I9LcOgRjUmYp!t&w)z1C4F7JaMePhSkWnZq$u*x+A2D5H8KbNfQiTlXo#s%v