用Dreamweaver实现网站购物车功能.docx
- 文档编号:26905923
- 上传时间:2023-06-23
- 格式:DOCX
- 页数:33
- 大小:21.79KB
用Dreamweaver实现网站购物车功能.docx
《用Dreamweaver实现网站购物车功能.docx》由会员分享,可在线阅读,更多相关《用Dreamweaver实现网站购物车功能.docx(33页珍藏版)》请在冰豆网上搜索。
用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 。 切换到代码()添加命名空间及 ”命名空间,”和“视图,添加“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 本实例已详细讲解了产品购物车的实现,至于产品添加到购物 这将在下个实例中讲解。 至此,本实例操作车后如何确定下订单, 完毕 如需请下载! 精心编辑精心收集精致阅读
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Dreamweaver 实现 网站 购物 功能