您现在的位置: 济宁之窗 >> 网络学院 >> 网络应用 >> 网页制作 >> Dreamweaver >> 教程正文
DW MX实例:实现电子商务购物车

来源:eNet硅谷动力 点击: 更新:2006-11-17 11:04:17
客户在浏览公司产品时,可以像在超市购物一样,将自己喜欢的产品放入购物车中,也可以在购物车中进行编辑购买数量、删除产品、清空购物车等操作,这就是电子商务中的购物车程序。

  效果说明 在首页“ index.aspx ”中单击产品下的【购买】按钮,将会打开客户的购物车窗口,如图 83-1 所示。在该窗口中可以进行编辑购买数量、删除产品、清空购物车等操作。

  创作构思 利用 Session 创建购物车存储结构,并将其映射到临时表中,通过数据网络显示临时表,以达到显示购物车的目的。通过编辑临时表、删除临时表中的数据、清空临时表,就可以实现编辑购买数量、删除产品、清空购物车的功能。

  
Dreamweaver


  操作步骤

  步骤一 购物车的页面设计

  ( 1 )建立动态网页并给页面添加表格。新建一个空白的 ASP.NET 动态网页,将其命名为“ CPBY.aspx ”后保存。首先为页面插入 Server Form ,然后再为页面插入表格,添加一个“ asp :标签”,设置其 ID 为“ CPCOUNT ”。再插入 3 个“ asp :按钮”,一个的 ID 为“ Sxbt ”,文本为“刷新购物车”;一个的 ID 为“ Clbt ”,文本为“清空购物车”;一个的 ID 为“ NewOrder ”,文本为“确定下订单”。再添加一个表单按钮,其 ID 为“ Exbt ”,文本为“退出购物车”,动作为“无”,如图 83-2 所示。

  
Dreamweaver


   ( 2 )添加数据集“ ByData ”并设置。在【服务器行为】面板中添加数据集“ ByData ”,相关设置如图 83-3 所示。

  ( 3 )添加【数据网络】服务器行为。在【服务器行为】面板中添加【数据网络】服务器行为,然后在弹出的【数据网络】对话框中设置 ID 为“ ByGrid ”,选择数据集为“ ByData ”,如图 83-4 所示。

  ( 4 ) 编辑“ CPID ”列标题。 单击【确定】按钮,再双击“ ByData ”数据网络,在弹出的【数据网络】对话框中选择“ CPID ”列,单击【编辑】按钮,编辑其标题为“产品编号”,如图 83-5 所示。

  提示:由于初次添加【数据网络】服务器行为时是不可以编辑列的标题的,所以得在添加完行为后,再次打开【数据网络】编辑列的标题。

  
Dreamweaver


  
Dreamweaver


  
Dreamweaver


  ( 5 )继续将“ CPNAME ”的标题改为“产品名”,将“ CPDJ ”的标题改为“产品单价”。

  ( 6 )添加文本框。在设计视图中为页面添加一个“ asp: 文本框”,设置 ID 为“ Sltxt ”,文本为空值,宽度为“ 50 ”。选择该文本框,切换到代码视图,对其进行剪切。
热门推荐控制电脑时间 定时关机我可以 SQL注入漏洞初级应用之Access篇 [1] [2] [3] [4] [5] [6] 页 下一页

发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
 
  • 上一条教程:
  •  
  • 下一条教程:

  •  焦点推荐
     [软件评测]“按键精灵” 轻松解放你的双手
     [软件评测]轻松享受音乐新生活——酷听在线
     [软件评测]在“群英会”里会群英(组图)
     [软件评测]让任务栏随叫随到,还原完美壁纸
     [软件评测]玩新奇 网页版QQ、MSN、POPO简评
     [软件评测]网址收藏随身带 一键收藏详细评测
     [软件评测]系统守护神—360安全卫士新版测试
     [软件评测]我用所以我喜欢 绝靓Vista侧边栏
     [软件评测]眉目传情,我用《魔术情书7.59》
     [软件评测]教你使用iSee打造我的图片王国
     [软件评测]WMP 11播放器汉化版入手使用手记
     [软件评测]轻轻松松写简历,助你马到成功!
     [软件评测]用PhotoMark给图片加上水印(图)
     [软件评测]青出于蓝胜于蓝 The World新版试
    最新热门评论
    热 门 话 题

    DW MX实例五:模板构建和更新网站
    招 商 信 息
    热 门 推 荐
  • 此栏目下没有推荐教程
  • 此栏目下没有热点推荐教程
  • 校 园 周 刊
    推荐教程 微软恶意软件清除工具
    推荐教程 电信和网通的桥梁:统
    推荐教程 统一网关-彻底解决电信
    推荐教程 微软工程师推荐的清理
    推荐教程 Ad-aware 6让你的电脑
    推荐教程 新浪UC 2005 III正式版
    推荐教程 用KC 短信免费发 电话
    推荐教程 腾讯TM打造清新简约的
    热 门 信 息
     济宁市市中区首届邻居
     全市商业贿赂典型案例…
     济宁市治理商业贿赂领…
     夏天来临前的20个防晒
     周总理珍藏彩色画册 有
     性感而随意的诱惑 流行
     泗水文化历史
     泗水乡情
     生活推荐广告位对外招
     中国古代思想家、教育
     情趣民间性爱文化 中日
     难得一见的照片 世界各

    本站部分内容由用户或网友提供 济宁之窗不承担由于内容的合法性所引起的一切争议和法律责任
    如果您认为侵犯了您的权益 请来电或来函告知 本站将立刻停止使用
    Copyright © 2002-2006 济宁之窗 All Rights Reserved.
    Tell:2283611 2283612 服务 web@jnzc.net
    经营许可证:鲁B2-20031025号