　　首先让我们看看这个页面,如图12。我们只要显示购物Cart上的东西，这样我们就不必任何的记录集了。从另外的页面上复制Cart并将它粘贴到Data Bindings(数据绑定)。先增加一个表单到页面上。为了在Cart能更新你必须有表单和按钮。在表单中将一个表格放置到网页上并拖拉适当的Cart列到表格中。选择这些列上的行，增加Cart重复区域(Repeat Region)SB(服务器行为)。这个Cart重复区域创建只是使用在Cart中，它将在这个Cart上显示所有当前的项目(值得指出的是，通常的数据库重复区域行为在这里不适用)。为了Cart中的任何项目(这些项目是你想让用户可以在页面上改变的)，你必须为它们创建表单元素并将表单元素放置到Cart重复区域中去。这里你可以看到我所增加的表单元素，名为Quantity,来使得用户改变定货的数量。我需要它来显示当前Cart中的Quantity，所以我需要绑定它到适当的Cart元素(比如，从元素中选择Quantity,并且点击列在数据绑定窗口的Quantity区域，在点击Bind(绑定)按钮)。这样做的目是为了让用户可以改变Cart区域。实际上，这个Cart只是保持了一系列的数值。你可以调用这些数值并改变它们，但是如果用户键入一个尺寸是不存在的，那么就写到你的OrderDetails表格中去，写明你想要订购的东西。在本例子中我不想让用户改变尺寸或者颜色，因为它们可能改变它为一个数值，而数值对于哪个项目并不是有效的。所以我想迫使它们回到Details页面看看有效的尺寸和颜色。实际上，一旦你想在Cart上改变尺寸/颜色，你不得不从你的Cart中移除项并再次增加它。

　　在重复区域顶部应该有一系列的表单按钮并且重复区域应该附在表单中。这个重复区域包括了一个编辑框元素名为Quantity，它将限制定购Cart数量元素；重复区域还包括一个复选框名为Remove,它自动设置Quantity为0。你需要增加一些其它的Cart SB's。选择Quantity按钮并增加Update Cart SB(更新Cart 服务器行为)。为其它你想让用户能更新的Cart区域数值进行同样的操作。增加Redirect Cart(重定向Cart)是空的SB，并且选择CartEmpty.asp页面。选择Empty Cart按钮并增加空的Cart SB。然后当Update Cart按钮被按下时，这个项目或者任何的项目将被手动设置为0。这些按钮提供了多种的功能。这里值得指出的是，我们可以利用相同的设置应用到了Checkout 页面上。首先创建一个Cart页面，再再次将它保存为Checkout.asp，然后增加其余的行为和代码到Checkout.asp网页上。数据绑定如图13所示，服务器行为如图14所示。

　　　

　
　　下面让我们来看看按钮的代码：

　1.按钮Back to Previous Page(回到前一页)，其代码为
＜input type=button onClick="history.back()" value="＜ Back to Previous Page" name="BUTTON"＞

　2.Empty Cart按钮
　如果Cart是空的它将运行重定向。如果Cart Empty SB重定向用户到CartEmpty.asp上。缺省状态下这个代码是适用于超级文本连接但是我想适用于一个按钮。所以我利用这个代码来做一些特殊的事情，以至于是这个按钮可以工作。我增加Empty Cart Server Behavior(空的服务器行为)到页面上，然后改变连接到一个句号(.)，(仔细看以下代码，这个句号位于＜font color="FFFFF"＞标签之后)并这个句号是白色的(在白色背景下它是看不出来的)，最后我增加这个按钮的onclick代码，详细代码如下：　　3.Update Cart按钮
＜input type="submit" name="Submit" value="Update Cart"＞

　4.Check Out 按钮
＜input type="button" name="Submit2" value="Check Out" onClick="window.location.replace('checkout.asp');"＞

　5.Remove 复选框代码
　当你选择了该复选框并按下更新按钮的时候，这个代码实现在Cart重复区域取出项目的Quantity的数值并将它设置为0.按下该按钮就更新了Cart重复区域并丢弃了从Cart数组中的任何Quantity为0的数值。如果在Cart只有一个项目，这个Cart就变成了空(Empty),并且重新定向。

　　具体代码如下：
＜input type="checkbox" name="checkbox" value="checkbox" onClick="document.form1.Quantity＜%if (UCCart1.GetItemCount()＜＞1) Then Response.Write("["& UCCart1__i& "]")%＞.value='0'"＞

　　Cart Empty网页

　　这个网页只是简单地显示文本"Your cart is empty(你地Cart示空的)"。当Cart页面被访问并且它是空的或者当Cart页面已经满了并且所有的项目被移除了，它将起到重定向的作用。在该网页上没有任何的数据绑定(Data Bingdings)或者服务器行为(Server Behaviors)。该页面上的Exit按钮运行一个onclick行为，它将使用户回到开始页面上。而Continue Shopping 按钮将重定向到Search.asp页面上去，可以参见上面的重定向按钮的代码。这些按钮被设置为None，如果你想你可以从页面上移除表单标签，因为没有任何的表单被传递。该页面如图15所示。

　　　

　　Check Out页面设计

　　　

[1] [2] [3] 下一页

上一篇:小诀窍让你快速上手Dreamweaver

下一篇:随心所梦之DW行为篇--概述

用UltraDev创建一个电子商务商店(3) 相关文章：

·人生哲理：一个人最重要的是他的内心

·电子书籍下载大放送

·我和一个偷尝禁果的女孩的故事

·如何建立一个网站？规划、设计、目的、原则、宣传

·一个大专毕业生的就业思考

·一个Struts实现分页,增删改查,Tiles,国际化的DEMO

用UltraDev创建一个电子商务商店(3) 相关软件：

·eREAD电子书阅读器v6.0 Version 20080201

·街机麻将电子基盘PC模拟版

特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员，我们尽快予以更正。
[打印本页] [关闭窗口] 转载请注明来源：http://www.viphot.com

	\| 帮助(？) \| 版权声明 \| 友情连接 \| 关于我们 \| 信息发布
Copyright 2007 www.viphot.com All Rights Reserved.	鄂ICP备05000083号Powered by:viphot