站点前端设计说明.ppt

第四章了解网站前端功能设计与实现、学习目标、电子商务网站前端功能设计的方法。 可以分析站点前端的功能配置。 熟悉网上购物的业务流程。 掌握网站前端系统的实现方法。 本章的主要内容包括4.1网站的主页设计4.2购物管理功能设计4.3会员管理功能设计4.4商品展示功能设计4.5其他功能设计、案例分析：“婴儿365”网站的前端功能需求、 “婴儿365”网站前台商务系统需要实现以下基本功能：能够进行企业品牌宣传，提供多样化的商品展示，充实便捷的在线商品销售，内容丰富的促销即时消息，个性化的会员管理和订单查询，亲和力的育儿论坛，便利的开放“婴儿365”网站的功能构成图，“婴儿365”网站的主页，4.1.1网站的主页构成设计页标题网站标志读取部的主内容区域的尾导向部，4.1网站的主页构成设计，4.1.2主页(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)/baby shop/shoppingbagclear.ASP :清空购物车。 4.2购物管理功能的设计，4.2.3订货处理客户完成商品采购后在收银台结帐，是在线生产订单的过程，也是完成在线购物的重要设计内容之一。 订单处理程序文件(1)/babys shop/shoppingebagfinish.ASP :填写订单内容。 (2)/babyshop/shoppingjz.asp :会员以外将订单信息写入数据库。 (3)/baby shop/shoppingrmemerjz.ASP :会员将订单信息写入数据库。 (4)/baby shop/shoppingrequestex.ASP :完成订单。 (5)/babyshop/nothing.asp :购物车是空的提示。 4.2购物管理功能设计，4.2.4订单查询，客户可以在完成在线购物订单处理后获得订单编号。 您可以使用订单查询系统输入订单编号和订单联系人的名称，以查询此订单的购物信息以及订单的处理情况。 订单查询的流程如图418所示。 订单查询程序文件(1)/baby shop/ding Dan/dingdanindex.ASP :接受订单查询条件。 (2)/baby shop/ding Dan/dingdancx.ASP :显示订单查询结果。 (3)/babyshop/dingdan/fail.asp :订单查询失败的提示。 4.2购物管理功能设计，订单查询功能流程图，4.3会员管理功能设计，在“婴儿365”网站设计为会员提供综合服务的会员区，提供会员注册、登录、注销、会员信息修改、密码回收、订单查询、我的购物车等管理功能。 会员管理程序文件(1)/baby shop/Huiyuan/user _ log in.ASP :会员登录。 (2)/baby shop/Huiyuan/hylogincheck.ASP :会员登录认证。 (3)/babyshop/huiyuan/index.asp :会员区域管理。(4)/babyshop/huiyuan/hyedit.asp :会员修改基本信息。 (5)/baby shop/Huiyuan/hyeditpw.ASP :会员修改密码。 (6)/baby shop/Huiyuan/hyeditbaby.ASP :会员更新婴儿信息。 (7)/baby shop/Huiyuan/hy loginout.ASP :会员退出(注销)。 (8)/baby shop/Huiyuan/hyloginerror.ASP :会员登录错误提示。 (9)/baby shop/Huiyuan/hyzcnew.ASP :会员登录条款信息。 (10 )/baby shop/Huiyuan/hyzcform.ASP :会员登录情报输入。 (11 )/baby shop/Huiyuan/hyzcsave.ASP :保存会员登录信息。 (12 )/baby shop/Huiyuan/hyzcsuccess.ASP :会员注册成功的提示。 通过4.4商品展示功能程序、会员区主要功能流程图、4.4商品展示功能设计、不同的商品表现形式，向客户展示网站上的各种商品，为客户提供目的快速选择所需商品。 商品展示计画档案(1)/babyshop/goodsindex.asp :商品陈列展示。 (2)/babyshop/goodsnew.asp :新商品推荐展示。 (3)/babyshop/goodshotsale.asp :人气商品展示。 (4)/babyshop/goodsbargain.asp :特价商品展示。 (5)/babyshop/goodsdetail.asp :显示商品的详细信息。 根据4.5其他功能设计、4.5.1商品搜索引擎4.5.2在线咨询4.5.3在线调查、案例分析、网站系统设计要求，对“婴儿365”网站进行前端功能分析和结构设计，制作网站前端功能结构图。 程序设计者根据功能结构图进行功能模块的程序开发，实现了网站主页、购物管理、会员管理、商品展示、商品搜索引擎、在线咨询、在线调查等模块的功能设计和程序实现。 通过以上功能模块的编程和调试，实现了“婴儿365”网站的前端基本功能，但是从事商务活动的电子商务网站只有网站的前端功能不完善，网站信息的更新和订单的处理依赖于网站的后端办公管理系统的工作。 网站前端功能开发是网站建设的一部分，为了更好地管理和运营网站，还必须开发网站后端办公系统。 本章总结以“婴儿365”网站前端功能的设计与实现为主线，详细介绍了网站主页的结构设计与实现