用Dreamweaver实现网站购物车功能.docx

上传人:b****4 文档编号:26905923 上传时间:2023-06-23 格式:DOCX 页数:33 大小:21.79KB
下载 相关 举报
用Dreamweaver实现网站购物车功能.docx_第1页
第1页 / 共33页
用Dreamweaver实现网站购物车功能.docx_第2页
第2页 / 共33页
用Dreamweaver实现网站购物车功能.docx_第3页
第3页 / 共33页
用Dreamweaver实现网站购物车功能.docx_第4页
第4页 / 共33页
用Dreamweaver实现网站购物车功能.docx_第5页
第5页 / 共33页
点击查看更多>>
下载资源
资源描述

用Dreamweaver实现网站购物车功能.docx

《用Dreamweaver实现网站购物车功能.docx》由会员分享,可在线阅读,更多相关《用Dreamweaver实现网站购物车功能.docx(33页珍藏版)》请在冰豆网上搜索。

用Dreamweaver实现网站购物车功能.docx

用Dreamweaver实现网站购物车功能

策划方案心得体会事迹材料演讲稿工作总结调研报告讲话稿

实现网站购物车功能用Dreamweaver

实现网站购物车功能用Dreamweaver

客户在浏览公司产品时,可以像在超市购物一样,将自己喜欢

的产品放入购物车中,也可以在购物车中进行编辑购买数量、删除

产品、清空购物车等操作,这就是电子商务中的购物车程序。

效果说明

”中单击产品下的【购买】按钮,将会打在首页“index.aspx

所示。

在该窗口中可以进行编辑开客户的购物车窗口,如图83-1

购买数量、删除产品、清空购物车等操作。

创作构思

创建购物车存储结构,并将其映射到临时表中,利用Session

通过数据网络显示临时表,以达到显示购物车的目的。

通过编辑临

如需请下载!

精致阅读精心编辑精心收集.

策划方案事迹材料心得体会调研报告讲话稿演讲稿工作总结

时表、删除临时表中的数据、清空临时表,就可以实现编辑购买数

量、删除产品、清空购物车的功能。

操作步骤

购物车的页面设计步骤一

)建立动态网页并给页面添加表格。

新建一个空白的(1

”后保存。

首先为页面动态网页,将其命名为“.aspxASP.NETCPBY

标插入,然后再为页面插入表格,添加一个“ServerFormasp

按钮”,一个“为“签”,设置其”。

再插入IDCPCOUNTasp3

”,为“个的为“”,文本为“刷新购物车”;一个的ClbtSxbtIDID

”,文本为“确定为“文本为“清空购物车”;一个的NewOrderID

”,文本为“退出下订单”。

再添加一个表单按钮,其为“ExbtID

所示。

购物车”,动作为“无”,如图83-2

”并设置。

在【服务器行为】面)添加数据集“(ByData2

所示。

板中添加数据集“,相关设置如图”ByData83-3

如需请下载!

精致阅读精心编辑精心收集.

策划方案心得体会讲话稿事迹材料演讲稿工作总结调研报告

)添加【数据网络】服务器行为。

在【服务器行为】面板(3

中添加【数据网络】服务器行为,然后在弹出的【数据网络】对话

”,如图”,选择数据集为“为“框中设置83-4ByDataIDByGrid

所示。

单击【确定】按钮,再双击”列标题。

)编辑“(CPID4

”数据网络,在弹出的【数据网络】对话框中选择““CPIDByData

”列,单击【编辑】按钮,编辑其标题为“产品编号”,如图83-5

所示。

提示:

由于初次添加【数据网络】服务器行为时是不可以编辑

列的标题的,所以得在添加完行为后,再次打开【数据网络】编辑

列的标题。

”的标题改为“产品名”,将“)继续将“(CPDJCPNAME5

”的标题改为“产品单价”。

如需请下载!

精致阅读精心编辑精心收集.

策划方案心得体会讲话稿事迹材料演讲稿工作总结调研报告

文()添加文本框。

在设计视图中为页面添加一个“6asp:

”。

选择该,设置为“本框,文本为空值,宽度为“””50SltxtID

文本框,切换到代码视图,对其进行剪切。

】数据网络,)在【服务器行为】面板中双击【(ByGrid7

】按钮,再在弹出的快捷在弹出的【数据网络】对话框中单击【+

菜单中选择【自由格式】菜单项。

)添加“订购数量”自由格式列。

在弹出的【自由格式列】(8

对话框中输入标题为“订购数量”,并将之前剪切的文本框粘贴到

所示。

【内容】文本区域中,如图83-6

单击【确定】按钮返回到【数据网络】添加删除按钮。

()9

按对话框中。

单击【】按钮,在弹出的快捷菜单中选择【‘删除'+

钮】菜单项,在弹出的【删除按钮列】对话框中设置标题为“删除”,

所示。

其他设置如图83-7

如需请下载!

精致阅读精心编辑精心收集.

策划方案心得体会事迹材料讲话稿演讲稿工作总结调研报告

”数据网络,切换到代码视()删除代码。

选择“ByGrid10

中圆角方框所示的代码,将其删除。

图,找到如图83-8

”数据网络的数据源是临时表格(该表由于“提示:

ByGrid

”数据集,所以应该将,而不是“将在后面的操作中介绍)ByData

定义数据源的代码删除,之后再在程序中定义其数据源。

”数据网络的源代码中找到如下所述的代)在“(ByGrid11

码。

ButtonColumn

畂瑴湯祔数尽楌歮畂瑴湯

潃浭湡乤浡?

?

汥瑥履

删除效摡牥敔瑸尽

删除敔瑸尽

Visible=True\/>

在上面的代码之前插入代码

如需请下载!

精致阅读精心编辑精心收集.

策划方案心得体会讲话稿事迹材料调研报告演讲稿工作总结

元小计)(愼灳?

畯摮潃畬湭?

瑡?

敩摬尽偃啓屍?

慥敤呲硥?

DataFormatString={0:

c}\/>

】|【(读者可打开【光盘】|【源文件】|【实例83.1a83

】文件,直接复制).txt

中圆角方框所示。

如图83-9

”数据网络中添加一个简提示:

该代码其实就是在“ByGrid

”,标题为“小单的数据字段,其字段是临时表中的字段“CPSUM

用来定义其显示格式为货计”。

代码中的慄慴潆浲瑡瑓楲杮尽ほ挺屽

币形式。

购物车的程序开发步骤二

)删除数据集。

切换到设计视图,在【服务器行为】面板(1

”数据”数据集,单击【—】按钮,将“中选择“ByDataByData

集删除。

如需请下载!

精致阅读精心编辑精心收集.

策划方案心得体会讲话稿事迹材料演讲稿工作总结调研报告

中添加数据网提示:

“”数据集用于在ByDataDreamweaver

”数据网络的数据源是临时表格,而不络。

前面也说过,“ByGrid

”数据集,所以应将其删除。

是“ByData

切换到代码()添加命名空间及2

”命名空间,”和“视图,添加“System.Data.OleDbSystem.Data

”对,定义“并添加服务器脚本DataTable

”对象的全局变量“”,定义“象的全局变量“DataViewCptb

中圆角方框所示。

”,如图Cpview83-10

”过程,该过程用于建立购物车()定义“CrCpdatatable3

临时表格,其代码如下所述。

SubCrCpdatatable()

Cpbt=NewDataTable()

Cpbt.Columns.Add(newDataColumn(CPID,GetType(String)))

Cpbt.Columns.Add(newDataColumn(CPNAME,GetType(String)))

Cpbt.Columns.Add(newDataColumn(CPDJ,GetType(single)))

Cpbt.Columns.Add(newDataColumn(SL,GetType(Int32)))

如需请下载!

精致阅读精心编辑精心收集.

策划方案心得体会讲话稿事迹材料工作总结演讲稿调研报告

Cpbt.Columns.Add(newDataColumn(CPSUM,GetType(double)))

EndSub

】|【(读者可打开【光盘】|【源文件】|【实例83

】文件,直接复制)83.1b.txt

程序说明:

”,列数据,一列字段为“该代码主要为“”定义CPIDCptb5

”,即产品即产品编号,数据类型为字符串;一列字段为“CPNAME

”,即产品单价,数据名,数据类型为字符串;一列字段为“CPDJ

”,即数量,数据类型为整形;一类型为单精度;一列字段为“SL

”临时列字段为“”,即合计,数据类型为双精度;“CptbCPSUM

表格是当用户第一次将商品添加到购物车中时建立的,而且仅仅用

一次。

”过程,用于当客户在首页“)定义“(AddCpby4

”中单击产品展示的【购买】按钮时,将产品添加到购物index.aspx

车中,该代码如下所述。

SubAddCpbt()

DimcpConn,CpstringASString

如需请下载!

精致阅读精心编辑精心收集.

策划方案心得体会调研报告讲话稿事迹材料演讲稿工作总结

】|【(读者可打开【光盘】|【源文件】|【实例83

】文件,直接复制)83.2.txt

程序说明:

,所以要用“由于这里要链接的数据库为Access

”要定义”作为数据库链接对象;临时表“CpdatOleDbConnection

”也”为“”新行的对象后,列数据,那么定义““drCpdat5dr

列数据定义其数据值,再将”就包含了列数据,分别为“dr55

对象的知识可”中;有关一行数据添加到临时表“ASPCpdat.NET

的书。

参考ASP.NET

”过程,用于统计财物车总金额。

()定义“CpTotal5

SubCpTotal()

DimiAsInteger

DimCptoAssingle=0

Fori=0toCptb.Rows.Count-1

Cpto=Cpto+Cptb.Rows(i)(4)

Next

如需请下载!

精致阅读精心编辑精心收集.

策划方案心得体会讲话稿事迹材料演讲稿工作总结调研报告

CPCOUNT.text=Cpto

EndSub

】|【(读者可打开【光盘】|【源文件】|【实例83

】文件,直接复制)83.3.txt

”过程,用于单击【删除】按钮)定义“(ByGrid_Delete6

后,删除当前购物。

SubByGrid_Delete(senderAsObject,eAs

DataGridCommandEventArgs)

DimdrAsDataRow=Cpbt.NewRow()

DimitemCellAsTableCell=e.Item.Cells(0)

DimitemAsString=ItemCell.Text

灃楖睥刮睯楆瑬牥?

尠偃?

?

岯?

椠整?

…?

IfCpView.Count>0Then

CpView.Delete(0)

EndIf

CpView.RowFilter=\

CpTotal

ByGrid.DataSource=CpView

ByGrid.DataBind()

如需请下载!

精致阅读精心编辑精心收集.

策划方案心得体会讲话稿事迹材料演讲稿工作总结调研报告

EndSub

】|【(读者可打开【光盘】|【源文件】|【实例83

】文件,直接复制)83.4.txt

”过程,用于在单击完【更新购)定义“(CpUpdate_Click7

物车】按钮后更新购物车中的小计。

SubCpUpdate_Click(senderAsobject,eAsEventArgs)

Dimi,jAsInteger

Dim_itemAsDataGridItem

j=0

Fori=0ToByGrid.Items.Count-1

_item=ByGrid.Items(i)

DimCountTextAsTextBox=_item.FindControl(Sltxt)

Cpbt.Rows(i)(3)=CountText.Text

Cpbt.Rows(i)(4)=Cpbt.Rows(i)

(2)*Cpbt.Rows(i)(3)

Next

CpTotal

ByGrid.DataSource=NewDataView(Cpbt)

ByGrid.DataBind()

EndSub

如需请下载!

精致阅读精心编辑精心收集.

策划方案心得体会讲话稿事迹材料演讲稿工作总结调研报告

】|【(读者可打开【光盘】|【源文件】|【实例83

】文件,直接复制)83.5.txt

”过程,用于客户单击【清空购物()定义“ClearBy_Click8

车】按钮后执行该过程。

SubClearBy_Click(senderAsobject,eAsEventArgs)

DimiAsInteger

Fori=0toCpView.Count-1

CpView.Delete(i)

Next

CPCOUNT.text=0

CpView.RowFilter=\

ByGrid.DataSource=CpView

ByGrid.DataBind()

EndSub

】|【(读者可打开【光盘】|【源文件】|【实例83

】文件,直接复制)83.6.txt

”过程,该过程用于当客户单击“更)定义“(Page_Load9

如需请下载!

精致阅读精心编辑精心收集.

策划方案心得体会讲话稿事迹材料演讲稿工作总结调研报告

新购物车”按钮时,显示打开购物车页面所要执行的代码。

SubPage_Load(SenderAsObject,eAsEventArgs)

IfSession(Cpshop)IsNothingThen

CrCpdatatable

Session(Cpshop)=Cpbt

Else

Cpbt=Session(Cpshop)

EndIf

Cpview=NewDataView(Cpbt)

If(NotIsPostBack)Then

IfSession(USENAME)=\orSession(USENAME)=nothingThen

response.Redirect(

ologin.htm)

EndIf

AddCpbt

CpTotal

ByGrid.DataSource=Cpview

ByGrid.DataBind()

EndIf

EndSub

】|【(读者可打开【光盘】|【源文件】|【实例83

如需请下载!

精致阅读精心编辑精心收集.

策划方案心得体会讲话稿事迹材料演讲稿工作总结调研报告

】文件,直接复制)83.7.txt

程序说明:

为空值,即首次建立购物车时,建立的当Session(Cpshop)

的结构相同。

当存储结构与临时表CpbtSession(Cpshop)

映射给非空值时,则将CpbtSession(Cpshop)Session(Cpshop)

,验证)临时表。

当第一次装载页面时(代码为NotIsPostBack

是否为空值,即用户是否已经登录。

如果是空Session(USENAME)

”页面中;如果非空,则查询用户单击值,则返回到“nologin.htm

购物产品的相关数据并添加到日程表临时表中,然后显示到数据网

”中。

络“ByGrid

”页面。

新建一个空白的()设计“HTMLnologin.htm10

所示的设计,其中关闭窗口的文档,在设计视图中进行如图83-11

”,将其保存为“超级链接为“nologin.htmjavascript:

window.close()

”。

将程序绑定到页面中步骤三

如需请下载!

精致阅读精心编辑精心收集.

策划方案心得体会讲话稿事迹材料演讲稿工作总结调研报告

)在代码视图中找到代码(愼灳吺硥?

硯椠?

卜瑬瑸1

,将其改为愼灳吺硥?

硯椠?

卜瑬瑸width=(runat=server/>

width=(runat=serverText='<%#Container.DataItem(SL)%>'/>

””到文本框架“提示:

其实就是绑定临表中的字段“SltxtSL

中。

)刷新购物车定义响应过程。

在设计视图中,用鼠标右键(2

单击“刷新购物车”按钮,在弹出的快捷菜单中选择【编辑标签(

】菜单项。

然后在弹出的【标签编辑器—:

)bottun>

】事件,并在“】窗口中选择【事件】下的【ButtonButtonOnClick

”响应过程,如图—”文本区域中输入“CpUpdate_ClickOnClick

所示。

单击【确定】按钮完成对【刷新购物车】按钮的定义。

83-12

)参照以上操作继续为【清除购物车】按钮的【(OnClick3

”。

为【退出购物车】按钮的】事件定义响应过程为“ClearBy_Click

”。

保“”事件定义响应过程为“javascript:

window.close()OnClick

如需请下载!

精致阅读精心编辑精心收集.

策划方案心得体会讲话稿事迹材料演讲稿工作总结调研报告

”页面。

存“.aspxCPBY

】事件提示:

本实例中没有为【确定下订单】按钮的【OnClick

定义响应过程,其定义方式将在下一实例中详细讲解。

”数据网络源代码中找到)切换到代码视图,在“(ByGid4

,如图代码83-13湏敄敬整潃浭湡?

尽祂慄慴伮?

瑡?

楲?

汥瑥履

中圆角方框所示,将其改为:

湏敄敬整?

浯慭摮尽祂片摩?

汥瑥履

)为数据网络设置相关样式后保存该页面。

(5

本实例已详细讲解了产品购物车的实现,至于产品添加到购物

这将在下个实例中讲解。

至此,本实例操作车后如何确定下订单,

完毕

如需请下载!

精心编辑精心收集精致阅读

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 医药卫生 > 基础医学

copyright@ 2008-2022 冰豆网网站版权所有

经营许可证编号:鄂ICP备2022015515号-1