在线购物系统.docx
- 文档编号:27357972
- 上传时间:2023-06-29
- 格式:DOCX
- 页数:35
- 大小:2.58MB
在线购物系统.docx
《在线购物系统.docx》由会员分享,可在线阅读,更多相关《在线购物系统.docx(35页珍藏版)》请在冰豆网上搜索。
在线购物系统
第14章设计制作在线购物系统
本章导读
网上购物系统是在网络上建立一个虚拟的购物商场,使购物过程变得轻松、快捷、方便,很适合现代人快节奏的生活;同时又能有效地控制“商场”运营的成本,开辟了一个新的销售渠道。
本章主要讲述购物网站的制作过程。
技术要点
●熟悉系统设计分析
●掌握创建数据表
●掌握创建数据库连接
●掌握制作购物系统前台页面
●掌握制作购物系统后台管理
14.1购物网站设计策划
网上购物系统使消费者的购物过程变得轻松、快捷、方便,极其适合现代人快节奏的生活,面对日益庞大的电子商务市场,越来越多的企业建立了自己的购物网站。
14.1.1基本概念
购物网站是电子商务网站的一种基本形式。
电子商务在我国一开始出现的概念是电子贸易。
电子贸易的出现,简化了交易手续,提高了竟效率,降低了交易成本,很多企业竞相效仿。
按电子商务的交易对象来分,包含以下4类。
●企业对消费者的电子商务(BtoC)。
一般以网络零售业为主,例如经营各种书籍、鲜花、计算机等商品。
BtoC就是商家与顾客之间的商务活动,它是电子商务的一种主要商务形式之一,商家可以根据自己的实际情况来发展电子商务。
选择所需的功能系统,组成自己的电子商务网站。
●企业对政府的电子商务(BtoC)
●消费者对消费者的电子商务(CtoC),如一些二手市场、跳蚤市场等都是消费者对消费者的个人交易。
14.1.2购物网站设计要点
网上购物这种新型的购物方式已经吸引了很多购物者的注意。
购物网站应该能够随时让顾客参与购买,商品介绍应更详细,更全面。
要达到这样的网站水平就要使网站中的商品能够进行秩序、科学化的分类,从而便于购买者查询。
同时把网页制作得更加美观,来吸引大批的购买者。
1.分类体系
一个好的购物网站除了需要销售好的商品之外,更要有完善的分类体系来展示商品。
所有需要销售的商品都可以通过相应的文字和图片来说明。
分类目录可以运用一级目录和二极目录相配和形式来管理,顾客可以通过点击商品类别名称来了解这类商品的所有信息
2.购物车
对于很多顾客来讲,当他们从众多的商品信息中结束采购时,恐怕已经不清楚自己所采购的东西了。
所以他们更需要能够在网上商店中的某个页面存放所采购的商品,并能够计算出所有商品的总价格。
而购物车便能够帮助顾客通过存放购买商品的信息,从而将它们列在一起,并提供商品的总共数目和价格等功能,更方便顾客进行统一的管理和结算。
3.信用卡支付
既然在网上购买商品,顾客自然就希望能够通过网络直接付款。
这种电子支付正受到人们更多的关注。
4.安全问题
网上购物需要涉及很多安全性问题,如密码、信息卡号码及个人信息的安全等。
如何将这些问题处理得当是十分必要的。
目前有许多公司或机构都能够提供安全认证,如SSL证书。
通过这样的认证过程,可以使顾客认为比较敏感的信息得到保护。
5.顾客跟踪
在传统的商品销售体系中,对于顾客的跟踪是比较困难的。
如果希望得到比较准确的跟踪报告。
6.商品促销
在现实购物过程中,人们更关心的是正在销售的商品,尤其是价格。
通过网上购物网站将商品进行管理和推销,使顾客很容易地了解商品的信息。
14.1.3主要功能页面
购物类网站是一个功能复杂、花样繁多、制作烦琐的商业网站,但也是企业或个人推广和展示商品的一种非常好的销售方式。
本章所制作的网站页面主要包括前台页面和后台管理页面。
在前台显示浏览商品,在后台可以添加、修改和删除商品,也可以添加商品类别。
如下图所示是本章制作的在线购物系统的结构图。
图14-1在线购物系统的结构图
商品分类展示页面class.asp,在此页面中显示了商品的列表信息,可通过页面分类来浏览商品,如商品名称、商品价格和商品图片等信息。
商品详细信息页面detail.asp,在此页面中显示了商品的详细内容。
管理员登录页面login.asp,在此页中输入用户名和密码后就可以进入后台页面。
添加商品分类页面addfenlei.asp,在此页面中可以添加商品类别。
制作添加商品页面addshp.asp,在此页面中可以添加商品,添加后就可以提交到后数据库表中。
商品管理页面admin.asp,在此页面中可以查看所有的商品,还可以选择修改和删除商品记录。
14.2创建数据库表
本章讲述的在线购物系统创建数据库shop.mdb包括3个表,分别是商品表products、商品类别表leibie和管理员表admin,其中的字段名称、数据类型和说明分别如下:
商品表products
字段名称
数据类型
说明
shpID
自动编号
自动编号
shpname
文本
商品名称
shichjia
数字
商品的市场价
huiyjia
数字
商品的会员价
leibieID
数字
商品分类编号
conten
备注
商品介绍
image
文本
商品图片
商品类别表leibie
字段名称
数据类型
说明
leibieID
自动编号
商品分类编号
leibeiname
文本
商品分类名称
管理员表admin
字段名称
数据类型
说明
ID
自动编号
自动编号
Name
文本
用户名
pass
文本
用户密码
14.3创建数据库连接
创建数据库连接的具体操作步骤如下:
(1)打开要创建数据库连接的文档,执行“窗口”→“数据库”命令,打开“数据库“面板,在面板中单击添加按钮,在弹出的菜单中选择“算定义连接字符串”选项
(2)弹出“自定义连接字符串”对话框,在对话框的“连接名称”文本框中输入shop,“连接字符串”文本框中输入以下代码, 如下图
“provider=microsft.jet.oledb.4.0;datasource=”&server.mappath(“/shop.mdb”)
(3)单击“确定”按钮,即可成功连接,此时“数据库”面板如下图:
14.4制作购物系统前台页面
前台页面主要是浏览者可以看到的页面,主要包括商品分类页面和商品详细信息页面,下面具体讲述它们的制作过程。
14.4.1制作商品分类展示页面
商品分类展示页面效果如下图所示,
主要利用创建记录集、绑定字段、重复区域、创建转到详细页面和记录分页服务器行为制作的,具体操作步骤如下:
(1)打开网页文档index.html,将其另存为class.asp
(2)将光标置于相应的位置,执行“插入记录”->“表格”命令,插入1行1列的表格,此表格记为表格1,在表格1中插入3行1列的表格,此表格记为表格2,在“属性”面板中将“填充”设置为2。
(3)将光标置于表格2的第1行单元格中,将“水平”设置为“居中对齐”,执行“插入记录”→“图像”命令,插入图像images/shang1.jpg
(4)将光标置于表格2的第3行单元格中,输入相应的文字
(5)单击“绑定”面板中的 按钮,在弹出的菜单中选择“记录集(查询)”选项,弹出“记录集”对话框,设置如下图:
(6)设置完以后,单击“确定”按钮。
(7)选中图像,在“绑定”面板中展开记录集Rs1,选中image字段,单击右下角的“绑定”按钮,绑定字段
(8)重复(7),将shpname、shichjia和huijia字段绑定到相应的位置
(9)选中表格2,单击“服务器行为”面板中的添加按钮
,在弹出的菜单中选择“重复区域”选项,按下图进行设置:
(10)设置完以后,单击“确定”按钮,创建重复区域服务器行为
(11)选中“服务器行为”面板中创建的“重复区域(R1)”,切换到代码视图,在代码如下图所示位置输入被选中的内容。
(12)选中{R1.shpname},单击“服务器行为”面板中的添加按钮
,选择“转到详细页面”选项,按下图所示设置,设置完后单击“确定”。
(13)将光标置于表格1的右边,插入一个1行1列的表格3,设置其属性为:
“填充”为2,并右对齐
(14)将光标置于表格3中,输入相应的文字,如下图:
(15)选中文字“首页”,添加服务器行为:
“记录集分页”→“移至第一条记录”,在弹出的对话框中按下图进行设置,设置完毕后单击“确定”
(16)分别为文字“上一页”、“下一页”和“最后一页”创建“移至前一页记录”、“移至下一条记录”和“移至最后一条记录”服务器行为
(17)光标置于如下图所示位置,插入1行2列的表格4,并进行居中对齐,在第1列单元格内插入图像images/menu_ico.gif
(18)单击绑定面板中的添加按钮
,选择“记录集(查询)”,按下图所示设置,设置完毕后单击“确定”
(19)将光标置于表格4中,在绑定面板中展开记录集Rs2选中leibiename,单击右下角的“插入”按钮,绑定字段
(20)选中表格4,添加服务器行为“重复区域”,按下图进行设置,设置完毕后单击“确定”按钮。
(21)选中占位符{Rs2.leibiename},添加服务器行为“转到详细页面”,按下图进行设置,设置完成后“确定”。
14.4.2制作商品详细信息页面
商品详细信息页面, 主要是创建记录集和绑定字段制作的,具体操作步骤如下:
(1)打开网页文档,将其另存为detail.asp。
按照14.4.1节步骤(19)~(26)的方法,插入表格,创建记录集、绑定字段、创建重复区域和转到详细页面服务器行为
(2)将光标置于下图所示位置,插入5行2列的表格,表格的填充为2,对齐方式为“居中对齐”,并按下图所给效果合并单元格,并插入图片及输入文字
(3)单击绑定面板的添加按钮
,选择“记录集(查询)”选项,按下图设置对话框,设置完后单击“确定”按钮
(4)选中刚才插入的图像,在绑定面板中展开记录集Rs2,选中image字段,单击右下角的绑定按钮,绑定字段
(5)按照步骤(5)的方法,分别将shpname、shichjia、huiyjia和content字段绑定到相应的位置
14.5制作购物系统后台管理
本节将讲述购物系统后台管理页面的制作。
后台管理页面主要包括管理员登录页面、添加商品类别页面、添加商品信息页面、删除商品和商品管理主页面。
14.5.1制作管理员登录页面
管理员登陆页面效果如上图,主要利用插入表单对象和创建登录用户服务器行为制作的,具体操作步骤如下:
(1)打开网页文档index.asp,将其另存为login.asp。
按照14.4.1节步骤(19)~(26)的方法,插入表格,创建记录集、绑定字段、创建重复区域和转到详细页面服务器行为
(2)将光标置于下图所示位置,按回车键换行,执行“插入记录”→“表单”→“表单”,然后在表单中,插入一个4行2列的表格,在属性面板中将填充设为2,对齐设为“居中对齐”,并按下图样式布局表格
(3)单击“服务器行为”面板的添加按钮
,选择“用户身份验证”→“登陆用户”选项,按下图设置对话框相应内容,设置完后单击“确定”按钮
14.5.2制作添加商品分类页面
添加商品分类页面,主要利用插入表单对象、创建记录集、创建插入记录和限制对页的访问服务器行为制作的。
(1)打开网页文档index.htm,将其另存为addfenlei.asp。
将光标置于下图所示相应的位置,按回车键换行,插入一个表单。
并在表单内插入2行2列的表格,填充为2,居中对齐,在表格中填入相应内容
(2)单击绑定面板中的添加按钮
,选择“记录集(查询)”,按下图设置对话框属性,设置完后单击“确定”按钮。
(3)单击“服务器行为”面板中的添加按钮
,选择“插入记录”,按下图设置对话框属性,设置完毕后单击“确定”按钮。
(4)单击“服务器行为”面板中的添加按钮
,选择“用户身份验证”→“限制对页的访问”,按下图设置对话框属性。
设置完后单击“确定”。
(5)打开网页文档index.html,将其另存为addfenleiok.asp。
将光标置于如下图所示位置,按回车键换行,输入文字,设置为居中对齐。
(6)选中文字“添加商品分类页面”,在“属性”面板的链接文本框中输入addfenlei.asp.
14.5.3制作添加商品页面
添加商品页面效果如上图所示,主要利用插入表单对象、插入记录和限制对页的访问服务器行为制作的,具体操作步骤如下:
(1)打开网页文档index.html,将其另存为addshp.asp。
单击“绑定”面板中的添加按钮
,选择“记录集(查询)”,按下图所示设置相应属性,设置完后单击“确定”按钮。
(2)单击“数据”插入栏中的“插入记录表单向导”按钮,弹出“插入记录表单”对话框,在对话框的“连接”下拉列表中选择shop,“插入到表格”下拉列表中选择products,“插入后,转到”文本框中输入addshpok.asp,“表单字段”列表框中选中shpID,单击删除按钮将其删除,选中shpname,“标签”文本框中输入“商品名称:
”,选中shichjia,“标签”文本框中输入“市场价:
”,“显示为”下拉列表中选择“菜单”,单击“菜单属性”按钮,弹出“菜单属性”对话框,在对话框的“填充菜单项”中选中“来自数据库”单选按钮,如下图
(3)在对话框中单击“选取值等于”文本框右边的“闪电”按钮,弹出“动态数据”,在对话框的“域”列表选择leibiename,如下图。
(4)单击“确定”按钮,返回到“菜单属性”对话框,单击“确定”按钮,返回到“插入记录表单”对话框,选中content,“标签”文本框中输入“商品介绍:
”,“显示为”下拉列表中选择“文本区域”,选中image,“标签”文本框中输入“商品图片:
”,
(5)单击“确定”按钮,插入记录表单向导,如下图:
(6)单击“服务器行为”面板中的添加按钮
,在弹出的菜单中选择“用户身份验证”→“限制对页的访问”选项,弹出“限制对页的访问”对话框,在对话框的“如果访问被拒绝,则转到”文本框中输入login.asp,如下图所示:
(7)单击“确定”按钮,创建限制对页的访问服务器行为。
(8)打开网页文档index.asp,将其另存为addshpok.asp。
将光标置于相应的位置,按回车键换行,输入文字,设置为“居中对齐”,选中文字“添加商品页面”,在“属性”面板的“链接”文本框中输入addshp.asp,如下图所示
14.5.4制作商品管理页面
商品管理页面效果如图所示,
主要利用创建记录集、绑定字段、重复区域、转到详细页面、创建记录集分页和显示区域服务器行为制作的,具体操作步骤如下:
(1)打开网页文档index.asp,将其另存为admin.asp。
按照14.4.1节步骤(19)~(26)的方法,插入表格,创建记录集、绑定字段、创建重复区域和转到详细页面服务器行为。
将光标置于相应的位置,插入2行6列的表格1,在属性面板中将“填充”设为2,对齐设为“居中对齐”
(2)分别在单元格中输入相应的文字
(3)单击“绑定”面板中的添加
按钮,选择“记录集(查询)”,按下图样式设置相应内容,设置完成后单击“确定”按钮
(4)将光标置于表格1的第2行第1列单元格中,在“绑定”面板中展开记录集RS2,选中shpID字段,单击右下角的“插入”按钮,绑定字段
(5)同样的方法,将shpname、shichjia和huiyjia字段绑定到相应的位置,如下图所示
(6)选中表格1的第2行单元格,单击“服务器行为”面板中的添加按钮,选择“重复区域”选项,按下图所示设置对话框的相应属性,设置完成后单击“确定”按钮。
(7)选中文字“修改”,单击“服务器行为”面板中的添加按钮,选择“转到详细页面”选项,按下图设置该对话框的相关内容,设置完成后单击“确定”按钮。
(8)选中文字“删除”,单击“服务器行为”面板中的添加按钮,选择“转到详细页面”选项,按下图设置该对话框的相关内容,设置完成后单击“确定”按钮。
(9)将光标置于表格1的右边,按回键换行,插入一个1行1列的表格2,在属性面板中将“填充”设置为2,“对齐”设置为“居中对齐”
(10)将光标置于表格2中,输入相应的文字:
“首页、上一页、下一页和最后页”
(11)选中文字“首页”,添加服务器行为:
“记录集分页”→“移至第一条记录”,在弹出的对话框中按下图进行设置,设置完毕后单击“确定”
(12)分别为文字“上一页”、“下一页”和“最后一页”创建“移至前一页记录”、“移至下一条记录”和“移至最后一条记录”服务器行为
(13)选中文字“首页”,单击“服务器行为”面板中的添加按钮,在弹出的菜单中选择“显示区域”→“如果不是第一条记录则显示区域”选项,然后按下图所示设置所弹出的对话框的相应内容,设置完成后单击“确定”按钮
(14)按照步骤(13)的方法,分别对文字“上一页”、“下一页”和“最后一页”创建“如果为最后一条记录则显示区域”、“如果为第一条记录则显示区域”和“如果不是最后一条记录则显示区域”服务器行为
14.5.5制作修改页面
修改页面效果,主要是利用创建数据记录集、绑定字段和创建更新服务行为制作的,具体操作步骤如下:
(1)打开网页文档addshp.asp,将其另存为modify.asp。
在“服务器行为”面板中选中“插入记录(表单“form1”)”,单击删除按钮删除,按照14.4.1节步骤(19)~(26)的方法,插入表格,创建记录集、绑定字段、创建重复区域和转到详细页面服务器行为,如下图
(2)单击“绑定”面板中的添加按钮,在弹出的菜单中选择“记录集(查询)”选项,按下图所示设置对话框,设置完成后单击“确定”按钮
(3)选中“商品名称:
”右边的文本域,在“绑定”面板中展开记录集RS3,选中shpname字段,单击“绑定”按钮,绑定字段
(4)按照步骤(4)的方法,分别将shichjia、huiyjia、content和image字段绑定到相应的位置,如下图
(5)单击“服务器行为”面板中的添加按钮,选择“更新记录”选项,按下图设置对话框中的内容,设置完成后单击“确定”按钮
(6)打开网页文档index.htm,将其另存为modifyok.asp。
将光标置于相应的位置,按回书键换行,输入文字,设置为“居中对齐”,选中文字“商品管理页面”,在“属性”面板的“链接”文本框中输入admin.asp,如下图
14.5.6制作删除页面
删除页面效果,主要利用创建记录集、绑定字段和创建删除记录服务器行为制作的,具体操作步骤如下:
(1)打开网页文档index.asp,将其另存为del.asp。
按照14.4.1节步骤(19)~(26)的方法,插入表格,创建记录集、绑定字段、创建重复区域和转到详细页面服务器行为
(2)将光标置于相应的位置,插入4行1列的表格,在属性面板中将“填充”设为2,对齐设为“居中对齐”,然后在表格中输入相应的文字
(3)单击绑定面板中添加按钮,选择“记录集(查询)”选项,按下图所示设置对话框的相应内容,设置完成后单击“确定”按钮
(4)将光标置于第1行单元格文字“商品名称:
”的后面,在“绑定”面板中展开记录集RS2,选中shpname字段,单击右下角的“插入”按钮,绑定字段
(5)按照步骤(4)的方法,分别将shichjia、huiyjia、content和image字段绑定到相应的位置,如下图
(6)将光标置于表格的右边,执行“插入记录”→“表单”→“表单”命令,插入表单
(7)将光标置于表单中,执行“插入记录”→“表单”→“按钮”命令,插入按钮,在“属性”面板的“值”文本框中输入“删除商品”,“动作”选中“提交表单”,
(8)单击“服务器行为”面板中的添加按钮,选择“删除记录”选项,按下图设置所弹出的对话框的内容,设置完成后单击“确定”按钮
(9)单击“服务器行为”面板中的添加按钮,选择“用户身份验证”→“限制对页的访问”,然后按下图所示设置所弹出的对话框的内容,设置完成后单击“确定”按钮
(10)打开网页文档index.htm,将其另存为delok.asp。
将光标置于相应的位置,按回书键换行,输入文字,设置为“居中对齐”,选中文字“商品管理页面”,在“属性”面板的“链接”文本框中输入admin.asp,如下图
14.6本章小结
在线购物网站作为专业的电子商务网站是一个集电子服务和市场推广为一体的网络应用系统,同时服务于顾客、商家和产品生成商。
购物网站以新颖、高效、丰富的电子商务处理手段,全方位的提升了企业的形象。
本章主要介绍购物网站的制作,包括购物网站的特点,创建数据库与连接,购物系统的前台页面和后台管理页面等。
14.7课后习题
1.在线购物系统有什么功能?
主要包括哪些页面,各有什么功能?
2.根据本章所讲述的在线购物系统,利用如图所示的网页制作一个在线购物系统。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 在线 购物 系统