利用DataList控件实现购物车功能

知识点:

1.div+css页面布局。

2.利用DataList控件实现编辑和删除功能。

3.利用Session实现多页面之间的数据传递功能。

4.必须登录才能进入购物车页面。

运行要领:

可以打开首页,登录后,(1)从导航栏直接进入购物车,(2)也可以点击某一本书,进入图书详细信息页面,单击“购买”按钮,进入购物车。

步骤:

1.布局。

(1)插入div,输入文本“购物车”,设置其ID为caption,Class为div。新建三个样式表如下:

(2)插入DataList控件,设置属性DataKeyField="图书编号",BackColor="#04A8FD",HorizontalAlign="Center"。

给DataList控件编辑三个模板。

单击“编辑模板”,选择HeaderTemplate模板,在其中任意输入一个字符,然后切换到代码视图,输入其中的内容。

选择ItemTemplate模板,在其中任意输入一个字符,然后切换到代码视图,输入其中的内容。

选择FooterTemplate模板,在其中任意输入一个字符,然后切换到代码视图,输入其中的内容。

(3)插入div,设置class为div,在其中输入文本“总金额:”,在插入TextBox,设置Id为total_money_txt,插入继续购物,清空购物车和结算中心按钮。

2.编写程序

(1)自定义方法

(2)Page_Load事件

(3)修改数量按钮

选中DataLIst控件,在属性面板中,单击事件按钮,双击UpdateCommand事件,在出现的代码去编写程序。

(4)删除按钮

选中DataLIst控件,在属性面板中,单击事件按钮,双击DeleteCommand事件,在出现的代码去编写程序。

5)继续购物按钮

双击继续购物按钮,在出现的代码区编写程序。

(6)清空购物车按钮

双击清空购物车按钮,在出现的代码区编写程序。

(7)结算中心按钮

双击结算中心按钮,在出现的代码区编写程序。

3.调试

调试注意事项:

(1)保证SQL Server服务已启动。

(2)保证在SQL Server管理系统中网上书店数据库已附加。

(3)保证配置文件web.Config文件中的配置项正确。

(4)保证数据库访问类DB的存在,即DB.cs是否存在。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20181120G00NUJ00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券