第32章 电子商务B2C网站实战

第 32 章电子商务 B2C网站实战着电子商务项目的大量推出，几乎每天都有各类电子商务咨询网站、网上商店、网上商城、网上专卖店及网上拍卖店等诞生。如何突破电子商务的传统模式，寻求新的物流实现形式，从而真正地降低成本、提高配送能力，充分地发挥电子商务的优势，已经成为大家讨论的话题。网站分析数据库前台实现数据库后台实现550 32.1网站分析本网站系统实现的是一个网上书店售书系统，可以实现商家在线发布商品信息和消费者在线购买等功能。书店销售系统全部采用 Web 方式，由前台操作和后台管理两部分构成。书店前台功能强大，操作方便（几乎涵盖了国内所有的网上书店的前台功能）。前台作为与用户直接交互的界面，在考虑功能的同时也需要考虑操作的简洁和方便性，目的是让大多数的不太懂电脑操作的客户也能轻松地享受电子商务带来的便利。前台的主要功能包括：注册/登录（支持个人和团体用户）、我的账户、新闻发布、书店介绍、联系方式、图书查询、图书高级查询、新书快递、图书分类浏览、图书展示、畅销书排行榜、打折专区、热门推荐、精品推荐、意见反馈、在线帮助、订单管理、缺书登记、在线咨询，以及自动友情链接等。目前 B2C 电子商务的具体实现模式主要有两类：第 1 类称为电子商务直销模式，第 2 类称为 B2C 亚马逊模式。两者的流程如下图所示。厂商网站消费者送货网上订货生产厂商供货送货网上订货虚拟网站消费者本章采用的是第 1 种直销方式。下面对其做具体的介绍。本章介绍的网上购物系统前台为生成的 html 代码（静态代码），即用户浏览时看到的页，后台为控制 html 代码的 asp代码。购物流程如下图所示。 32.2创建本地站点在使用或者建立网站之前，必须通过 IIS 创建站点并设置好站点主目录，使用 SQL551 第32章电子商务B2C网站实战 Server2005 附加或创建相应的数据库，才能够使该站点运行起来。 32.2.1配置IIS 在本地 IIS 创建 btoc站点，将源文件存放位置 D:\ch32\btoc设置为主目录。具体配置步骤可参照 22.2.2 节中的相关内容。 32.2.2配置数据库参照 22.6 小节将 btoc数据库附加到本地 SQL Server2005 数据库服务器中。需要附加的数据库文件qiye_2_Data.MDF在ch32\btoc文件夹中。 32.3数据库设计一个成功的管理系统由 50%的业务+50%的软件组成，而 50%的成功软件又由 25%的数据库+25%的程序组成，所以数据库设计的好坏是一个关键。 32.3.1数据库需求分析数据项和数据结构如下。⑴商品信息表：ID（自动编号）、名称、作者、分类、包装、简介、说明、使用、图标、定价、售价、标记和时间等。⑵客户信息表：账号、密码、姓名、住址、电话、妹儿和 ID（自动编号）等。⑶订单内容表：订单号、商品、数量和价格等。⑷订单管理表：ID（自动编号）、订单号、用户名、配送、付款、填写时间、完成时间和标记等。⑸栏目信息表：typeID（自动编号）、栏目名称。 32.3.2数据库逻辑分析数据库包括一下几个表单。⑴商品信息表如下图所示。注意552 ⑵客户信息表如下图所示。⑶订单内容表如下图所示。⑷订单管理表如下图所示。 32.4网站前台实现前台为 asp代码生成的 html 静态代码。根据 ASP 的工作原理可知，当在 Web 站点中融入 ASP 功能后，将发生如下所列举的事情。⑴用户调出站点内容，默认页面的扩展名是.asp。⑵浏览器从服务器上请求 ASP 文件。⑶服务器端脚本开始运行 ASP。⑷ ASP 文件按照从上到下的顺序开始处理、执行脚本命令，执行 HTML页面内容。⑸页面信息发送到浏览器。因为脚本是在服务器端运行的，所以 Web 服务器完成所有的处理后就会将标准的 HTML页面送往浏览器。这意味着 ASP 只能在可以支持的服务器上运行，并且用户不可能看到原始脚本程序的代码，能看到的仅仅是最终产生的 HTML内容。前台系统主要包括以下几个页面。⑴ index.asp ⑵ book.asp ⑶ introduce.asp ⑷ shopbag.asp ⑸ favorite.asp ⑹ member.asp ⑺ money.asp ⑻ MailToMe.asp553 第32章电子商务B2C网站实战⑼ SearchResult.asp 各页面之间的关系如下图所示。Book.asp商品分类显示introduce.asp商品介绍shopbag.asp购物车其他操作favorite.asp收藏夹index.asp商品浏览listen.htm网上试听play.htm网上试玩member.asp用户注册money.asp收银台play.htm网上试玩 32.4.1商品列表页面页面实例中文件 index.asp为商品列表所看到的页面。页面中商品的个数、名称、价格、图片和商品简介等都是由后台的 asp代码控制显示。相关的 asp代码可以查看后台 index.asp中的 asp代码。 32.4.2商品分类显示页面554 页面实例中文件 book.asp为商品分类显示所看到的页面。此页面中的HTML代码是由 book.asp生成的 html 代码，商品的个数、页数、名称、价格、图片和商品简介等都由后台的asp代码控制显示。相关的asp代码可以查看后台book.asp 中的 asp代码。 32.4.3商品介绍页面页面实例中文件 introduce.asp为商品介绍所看到的页面。此页面中的HTML代码是由 introduce.asp生成的 html 代码，商品的名称、所属类别、价格、图片和内容介绍以及使用说明等都由后台的 asp代码控制显示。相关的 asp代码可以查看后台 introduce.asp中的 asp代码。 32.4.4购物车页面555 第32章电子商务B2C网站实战页面实例中文件 shopbag.asp为选购商品时所看到的购物车页面。 32.4.5收藏夹页面页面实例中文件 favorite.asp为所看到的收藏夹页面。 32.4.6商品搜查页面页面实例中文件 SearchResult.asp为搜索“标题”关键字结果信息所看到的页面。 32.4.7会员注册与会员登陆页面556 页面实例中文件 member.asp为会员注册和会员登录所看到的页面。此页面中的HTML代码是用户要添加的用户登录信息。页面中有 1个表单和9 个元素。名称表单元素类型含义最大长度 A text 登录帐号 10 P password 登录密码 10 account text 注册帐号 10 key1 password 注册密码 10 key2 password 密码确认 10 myname text 姓名 10 telephone text 电话 10 address text 地址邮编 10 email text email 10 32.4.8商品收银台页面页面实例中文件 money.asp为商品收银台所看到的页面，默认的账号和密码均为 test。 32.4.9发送订单请求页面页面实例中文件 mailtome.asp为发送订单请求所看到的页面。557 第32章电子商务B2C网站实战 32.5网站后台实现网站系统的动态页及数据库连接等都需要一种后台的程序去管理和维护。为了增强网站系统的互动性，下面从网站后台编程具体地介绍其实现的过程。 32.5.1数据库连接文件数据库连接文件为 conn.asp。一开始代码要做的事情即是连接数据库。代码如下。 % set Conn=Server.CreateObject(ADODB.Connection) ‘本机ip为127.0.0.1，数据库名为qiye_2，用户名为sa，密码为password Conn.open Provider=sqloledb; & Data Source=(local);Initial Catalog=qiye_2;User Id=sa;Password =password; % 32.5.2商品列表页面商品列表页面文件为 index.asp。 1. 页面所涉及的数据库表信息此页面为显示商品信息页面，此页面使用了系统中的商品信息表。 2. 页面代码分析 !—控制最新推荐商品的代码 ­­ !—引用创建数据库连接对象文件 ­­ !­­#include file=conn.asp­­ % ‘取得最新商品信息 SQL=Select top 4 * from 商品信息 Where 标记='最新' Order by 时间 DESC558 set rs=Conn.execute(SQL) Do while not rs.EOF Ostr=window.open('introduce.asp?P= + rs.fields(名称) + &T= + rs.fields(图标) + ',null,'widt h=520,height=400,scrollbars=1') Mstr=window.open('shopbag.asp?P= + rs.fields(名称) + &PP= + rs.fields(定价) + &Price= + rs.fields(售价) + ',null,'width=560,height=360,scrollbars=1,status=0') Lstr=window.open('favorite.asp?P= + rs.fields(名称) + &Price= + rs.fields(售价) + &T= + rs.fields(图标) + ',null,'width=560,height=360,scrollbars=1') % !—商品列表的html代码，最后生成的html代码请参阅前台商品列表中最新商品html代码 ­­ table width=100% border=0 cellspacing=0 cellpadding=0 tr tdtable width=55% border=0 tr td rowspan=4 valign=top width=16%a href onClick=%=Ostr% img src=../pro­image/%=rs.fields(图标)% alt=详细资料 width=70 height=90 style=CURSOR: hand/aa href onClick=window.open('introduce.asp?P=站内测试标题 &T=C22.jpg ',null,'width=520,heig ht=400,scrollbars=1')/a/td td width=84%font size=2 color=#660000bfont color=#0000 66 商品名 :/fontfont size=2 color=#990000bfont color=#000066%=rs.fields( 名称 )%/font/b/fontfont color=#000066(/fontfont size=2 color=#990000bfont color=#000 066%=rs.fields( 包装 )%/font/b/fontfont color=#000066)/font/b/font/td /tr tr td width=84%font size=2 color=#660000u 原始价格 :/u/font font size=2ufont color=#660000strike%=rs.fields( 定价 )%/strike/font/u/fontfont size=2 color=#660000u元会员价格:/u/fontfont s