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

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

2、结构设计、页面标题网站徽标第一指南部分主要内容区域尾部指南部分、4.1网站主页结构设计、4.1.2主页程序设计(1)/宝贝/index.asp:(2)/babyshop/top.asp:网站前台的第一个指南。(3)/babyshop/top1.asp:非成员常规功能。(4)/babyshop/topmember.asp:成员的常规功能。(5)/babyshop/end.asp:网站前台指南。(6)/babyshop/conn.inc:建立数据库连接。4.2购物管理功能设计，网上购物流程包括：产品展示、购物车查看、订单填写、订单完成和订单查询等。以“宝宝365”网站为例，阐述了该网站购物管理功能

3、的设计。流程图中提示的页面文件路径从网站的根目录开始，即/babyshop/。4.2购物管理功能设计，购物程序流程图，4.2购物管理功能设计，4.2.1购物顾客可以在产品展示页面中寻找要购买的商品，然后点击商品中的购物车链接，然后将商品放入购物车。4.2.2购物车管理购物车存储客户想要购买的商品，可以通过购物车进行调整，如修改商品数量、取消商品等。该页面还提供了继续购买商品和生成订单等功能。购物车管理程序文件(1)/babyshop/shoppingadd.asp:将商品添加到购物车。(2)/babyshop/shoppingbag.asp:购物车管理(查看购物车)。(3)/babyshop/

4、shoppingbaggclear . ASP:清空购物车。4.2购物管理功能设计，4.2.3订单处理当顾客完成商品的购买时，他们必须去收银台，这是网上订单生成的过程，也是网上购物的重要设计内容之一。订单处理程序文件(1)/babyshop/shopping bag finish . ASP:填写订单内容。(2)/babyshop/shoppingjz.asp:非成员将订单信息写入数据库。成员将订单信息写入数据库。(4)/babyshop/shoppingsuccexx . ASP:完成订单。babyshop/nothing.asp:购物车是空的。4.2购物管理功能设计，4.2.4订单查询当客

5、户处理完网上购物订单后，他可以得到一个订单号。使用订单查询系统，在订单中输入订单号和联系人姓名，此时您可以查询该订单的购物信息和订单的处理情况。订单查询流程如图418所示。订单查询程序文件(1)/babyshop/但丁/dingdanindex.asp:接受订单查询条件。(2)显示订单查询结果。(3)/babyshop/但丁/fail.asp:订单查询失败。4.2购物管理功能设计、订单查询功能流程图、4.3会员管理功能设计，在“Baby 365”网站上设计了会员专区，为会员提供综合服务，提供会员注册、登录、注销、会员信息修改、密码检索、订单查询、我的购物车等管理功能。会员管理程序文件(1)/b

6、abyshop/Huiyuan/user _ log in . ASP:会员登录。(2)/babyshop/Huiyuan/hygiencheck . 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:成员退出(取

7、消)。(8)/babyshop/Huiyuan/hylogineror . ASP:成员登录错误提示。(9)/babyshop/Huiyuan/hyzc new . ASP:成员注册条款信息。(10)/babyshop/Huiyuan/hyzc form . ASP:会员注册信息条目。(11)/babyshop/Huiyuan/hyzsave . ASP:保存会员注册信息。(12)/babyshop/Huiyuan/hyzccess . ASP:会员注册成功提示。4.4产品展示功能程序，会员区主要功能流程图，4.4产品展示功能设计，通过不同的产品表达形式，在网站上向客户展示各种产品，以便客户能

8、够有目的、快捷地选择所需产品。商品展示程序文件(1)/babyshop/goodsindex.asp:商品展示。(2)/babyshop/goodsnew.asp:新产品推介展。(3)/babyshop/goodshotale . ASP:热销商品展示。(4)/babyshop/goodstreap . ASP:特殊商品展示。(5)/babyshop/goodsdetail.asp:显示商品的详细信息。4.5其他功能设计、4.5.1商品搜索引擎4.5.2在线咨询4.5.3在线调查、案例分析，根据网站系统的设计要求，对网站“宝宝365”进行前台功能分析和结构设计，并生成网站前台的功能结构图。根据功能结构图，开发了功能模块，设计并实现了主页、购物管理、会员管理、商品展示、商品搜索引擎、在线咨询和在线调查等功能。通过以上功能模块的程序设计和调试，实现了“宝宝365”网站前台的基本功能，但对于从事商务活动的电子商务网站，只有网站前台功能不完整，网站信息更新和订单处理将依赖于网站后台管理系统的工作。因此，网站前台功能开发只是网站建设的一部分。为了更好地管理和运营网站，还必须开发网站后台系统。本章是一个总结。本章重点介绍了“宝贝365”网站前台功能的设计与实现，并详细介绍了网站主页的结构设计与实现方法。根据网站的功能