结合MVC.NET相关知识实现在线卖酒销售项目(四)

结合项目三内容 本章内容实现”购物车（增删改）“功能

一、在”BrasServer“文件添加”Web窗体“名为”BarShow.aspx“，并编辑前台代码，拖进“Repeater”控件编辑

代码示例：

<%@ Page Title="" Language="C#" MasterPageFile="~/BarsInfo/Bar.master" AutoEventWireup="true" CodeFile="BarShow.aspx.cs" Inherits="BrasServer_BarShow" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <link href="../css/main.css" rel="stylesheet" />
    <style type="text/css">
     .Global 
     {
         background:#E3DFD1;
     }
        .auto-style1 {
            height: 26px;
            text-align:center;
        }
        .Total span {
            font-weight:bold;
           
        }
 </style>
    <fieldset class="Global">
    <legend style="font-weight:bold;text-align:center;">我的购物车</legend>                      
            <%--<asp:Repeater ID="repShow" runat="server" OnItemCommand="repShow_ItemCommand">
                <HeaderTemplate> 
                   <div class="carttop">                 
                       <ul class="heng">
                           <li>图片</li>
                           <li>名字</li>
                           <li>价格</li>
                           <li>数量</li>
                           <li>删除</li>
                       </ul>   
                   </div>                                              
                </HeaderTemplate>
                
                <ItemTemplate>  
                    <div class="product2">                              
                      <ul class="heng2">
                           <li> 
                                <asp:Image ID="Image1" runat="server" Width="65px" Height="75px" BorderWidth="1" 
                            ImageUrl='<%#Eval("ProductId","~/Handles/ImgHandler.ashx?Id={0}") %>' />
                           </li>
                           <li>
                                 <a href='BarDetail.aspx?ProductId=<%#Eval("ProductId") %>' class="a1">
                                <%#Eval("ProductName") %></a>
                              <asp:HiddenField ID="hidid" runat="server" Value='<%#Eval ("ProductId") %>'/>
                           </li>
                           <li>
                               <%#Eval("Price","{0:F1}") %>
                           </li>
                           <li>
                                 <asp:TextBox ID="txtQty" Width="30px" runat="server" Text='<%#Eval("Quantity") %>'></asp:TextBox>
                           </li>
                          <li>
                                <asp:LinkButton ID="lkbDelete" runat="server" CommandName="Delete" CommandArgument='<%#Eval("ProductId") %>'>
                                删除</asp:LinkButton> 
                          </li>
                       </ul>  
                   </div>                                                                        
                </ItemTemplate>
                <FooterTemplate>                        
                </FooterTemplate>                 
            </asp:Repeater>--%>         
    <div class="page">
        <div class="menu">
            <div class="title">
                <img src="../../Resources/images/tab.gif" width="16" height="16" /><span>数据列表</span></div>
            <div class="operate">
                <ul>
                    <li><a href="#">新建</a></li>
                    <li><a href="#">编辑</a></li>
                    <li><a href="#">删除</a></li>
                    <li><a href="#">返回</a></li>
                </ul>
            </div>
        </div>
        <div class="datatbl">
            <div class="search">
               <span style=" font-size:18px;font-weight:bold;">
                    <a href="BraClothList.aspx">继续购物</a>
               </span>                 
            </div>
            <table id="tbl">
                <tr>
                    <th class="auto-style1">
                       图片
                    </th>
                    <th class="auto-style1">
                        名字
                    </th>
                    <th class="auto-style1">
                        价格
                    </th>
                      <th class="auto-style1">
                        数量
                    </th>
                    <th class="auto-style1">
                        删除
                    </th>                
                </tr>
                <asp:Repeater ID="repShow" runat="server" OnItemCommand="repShow_ItemCommand" >
                    <ItemTemplate>
                        <tr>
                            <td>
                              <asp:Image ID="Image1" runat="server" Width="65px" Height="75px" BorderWidth="1" 
                            ImageUrl='<%#Eval("ProductId","~/Handles/ImgHandler.ashx?Id={0}") %>' />
                            </td>
                            <td>
                                <a href='BarDetail.aspx?ProductId=<%#Eval("ProductId") %>' class="a1">
                                <%#Eval("ProductName") %></a>
                              <asp:HiddenField ID="hidid" runat="server" Value='<%#Eval ("ProductId") %>'/>
                            </td>
                            <td>
                                  <%#Eval("Price","{0:F1}") %>
                            </td>
                            <td>
                                 <asp:TextBox ID="txtQty" Width="30px" runat="server" Text='<%#Eval("Quantity") %>'></asp:TextBox>
                            </td>
                             <td>
                               <asp:LinkButton ID="lkbDelete" runat="server" CommandName="Delete" CommandArgument='<%#Eval("ProductId") %>'>
                                删除</asp:LinkButton> 
                            </td>                                                
                        </tr>                      
                    </ItemTemplate>                
                </asp:Repeater>
            </table>
            <div class="Total">                   
                  <span style="padding-left:620px">
                     总计： <asp:Label ID="lblTotal" runat="server" Text="Label"></asp:Label>
                  </span>         
                   <span style="padding-left:75px"><asp:LinkButton ID="lkbUpdateQty" runat="server" OnClick="lkbUpdateQty_Click">修改数量</asp:LinkButton></span>
                   <span style="padding-left:57px"><a href="BarSubmitOrder.aspx">提交订单</a></span>
            </div>
        </div>
        <div class="clear">

        </div>
    </div>



    

    <div class="contact">
        <div class="container">
        <div class="contact-info">
            <h3>标题</h3>
        </div>    
          <div class="grid_3 grid_4">
          <h3>国外酒名排名</h3>
          <div class="bs-example">
            <table class="table">
              <tbody>
                <tr>
                  <td><h1 id="h1.-bootstrap-heading">h1.尊尼获加<a class="anchorjs-link" href="#h1.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h1></td>
                  <td class="type-info">8000￥</td>
                </tr>
                <tr>
                  <td><h2 id="h2.-bootstrap-heading">h2.轩尼诗<a class="anchorjs-link" href="#h2.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h2></td>
                  <td class="type-info">2000￥</td>
                </tr>
                <tr>
                  <td><h3 id="h3.-bootstrap-heading">h3.铭悦香槟<a class="anchorjs-link" href="#h3.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h3></td>
                  <td class="type-info">9999￥</td>
                </tr>
                <tr>
                  <td><h4 id="h4.-bootstrap-heading">h4.人头马<a class="anchorjs-link" href="#h4.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h4></td>
                  <td class="type-info">2333$</td>
                </tr>
                <tr>
                  <td><h5 id="h5.-bootstrap-heading">h5.家豪威士忌<a class="anchorjs-link" href="#h5.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h5></td>
                  <td class="type-info">8999$</td>
                </tr>
                <tr>
                  <td><h6>h6.白兰地</h6></td>
                  <td class="type-info">5600$</td>
                </tr>
              </tbody>
            </table>
            </div>
          </div>
          <div class="grid_3 grid_5">

            <h3>四川</h3>
              <h1>
                <a href="#"><span class="label label-default">剑南春</span></a>
                <a href="#"><span class="label label-primary">五粮液</span></a>
                <a href="#"><span class="label label-success">文君酒</span></a>
                <a href="#"><span class="label label-info">白酒</span></a>
                <a href="#"><span class="label label-warning">泸州老窖</span></a>
                <a href="#"><span class="label label-danger">五食醇</span></a>
              </h1>

              <h2>贵酒</h2>
              <h2>
                <a href="#"><span class="label label-default">茅台</span></a>
                <a href="#"><span class="label label-primary">董酒</span></a>
                <a href="#"><span class="label label-success">习水大曲</span></a>
                <a href="#"><span class="label label-info">黑糯米酒 </span></a>
                <a href="#"><span class="label label-warning">西凤酒</span></a>
                <a href="#"><span class="label label-danger">店头高酒 </span></a>
              </h2>

              <h3>湘酒</h3>
              <h3>
                <a href="#"><span class="label label-default">酒魂酒</span></a>
                <a href="#"><span class="label label-primary">酒鬼酒</span></a>
                <a href="#"><span class="label label-success">湘泉酒</span></a>
                <a href="#"><span class="label label-info">武陵酒</span></a>
                <a href="#"><span class="label label-warning">浏阳河</span></a>
                <a href="#"><span class="label label-danger">德山大曲 白沙液 </span></a>
              </h3>

              <h4>鄂酒</h4>
              <h4>
                <a href="#"><span class="label label-default">稻花酒</span></a>
                <a href="#"><span class="label label-primary">枝江大曲</span></a>
                <a href="#"><span class="label label-success">白龙井</span></a>
                <a href="#"><span class="label label-info">白云边</span></a>
                <a href="#"><span class="label label-warning">石花大曲</span></a>
                <a href="#"><span class="label label-danger">西陵特曲</span></a>
              </h4>

              <h5>鲁酒</h5>
              <h5>
                <a href="#"><span class="label label-default">心酒</span></a>
                <a href="#"><span class="label label-primary">兰陵</span></a>
                <a href="#"><span class="label label-success">孔府家酒 </span></a>
                <a href="#"><span class="label label-info">烟台红葡萄酒</span></a>
                <a href="#"><span class="label label-warning">金贵特曲</span></a>
                <a href="#"><span class="label label-danger">封缸酒 </span></a>
              </h5>

              <h6>皖酒</h6>
              <p></p>
              <h6>
                <a href="#"><span class="label label-default">古井贡</span></a>
                <a href="#"><span class="label label-primary">口子酒</span></a>
                <a href="#"><span class="label label-success">沙河王</span></a>
                <a href="#"><span class="label label-info">双轮王</span></a>
                <a href="#"><span class="label label-warning">贡酒</span></a>
                <a href="#"><span class="label label-danger">龙兴御液</span></a>
              </h6>
           </div>
           
           <div class="grid_3 grid_5">
             <h3>酒类 销售</h3>
                 <div class="tab-content">
                      <div class="tab-pane active" id="domprogress">
                          <div class="progress">    
                            <div class="progress-bar progress-bar-primary" style=" 20%"></div>
                          </div>
                          <p>人头马特级 <code>500</code> 台.</p>
                          <div class="progress">    
                            <div class="progress-bar progress-bar-info" style=" 60%"></div>
                          </div>
                          <p>轩尼诗XO <code>200</code> 台.</p>
                          <div class="progress">
                            <div class="progress-bar progress-bar-success" style=" 30%"></div>
                          </div>
                          <p> 马爹利 <code>100</code> 箱.</p>
                          <div class="progress">
                            <div class="progress-bar progress-bar-warning" style=" 70%"></div>
                          </div>
                          <p>珠江啤酒 <code>520</code> 箱.</p>
                          <div class="progress">
                            <div class="progress-bar progress-bar-danger" style=" 50%"></div>
                          </div>
                          <p>老伯威 <code>4023</code> 瓶.</p>
                          <div class="progress">
                            <div class="progress-bar progress-bar-inverse" style=" 40%"></div>
                          </div>
                           <p>活福珍藏威士忌 <code>1</code> 瓶.</p>
                          <div class="progress">
                            <div class="progress-bar progress-bar-success" style=" 35%"><span class="sr-only">35% Complete (success)</span></div>
                            <div class="progress-bar progress-bar-warning" style=" 20%"><span class="sr-only">20% Complete (warning)</span></div>
                            <div class="progress-bar progress-bar-danger" style=" 10%"><span class="sr-only">10% Complete (danger)</span></div>
                          </div>
                    </div>
               </div>
           </div>
           <div class="grid_3 grid_5">
             <h3>好酒推销</h3>
               <div class="alert alert-success" role="alert">
                <strong>第一名:BACARDI!</strong>自西班牙移民古巴的该品牌创始者首度将当时原本极粗犷强烈的Rum,成功赋予了细致、柔和的崭新风貌,因之相对使Bacardi成为Rum的代表品牌.除了最基本的light系列外,151°酒精度高达75.5%,用来调制鸡尾酒,口感格外饱满. .
               </div>
               <div class="alert alert-info" role="alert">
                <strong>第二名:SMIRNOFF!</strong> 1818年,在莫斯科建立了皇冠伏特加酒厂(PierreSmirnoffFils) 目前为最为普遍接受的伏特加之一,在全球170多个国家销售,堪称全球第一伏特加..
               </div>
               <div class="alert alert-warning" role="alert">
                <strong>第三名:ABSOLUT!</strong> 享誉国际的顶级烈酒品牌绝对伏特加(ABSOLUT VODKA)在福布斯(Forbes)商业杂志所评选的美国奢侈品牌独占鳌头.所生产的顶级伏特加不但口感圆润,而且质量无与伦比,但其品牌所体现出来的完美和无穷创造力更是为世界所首肯,从而名扬九州..
               </div>
               <div class="alert alert-danger" role="alert">
                <strong>第四名:JOHNNIE WALKER!</strong> 以卓越酒质享誉全球的尊尼获加成立于1820年,是全世界最大的苏格兰威士忌生产商,历史悠久. 
               </div>
           </div>
           <div class="grid_3 grid_5">
             <h3>信息</h3>
             <div class="col-md-6">
              <nav>
              <ul class="pagination pagination-lg">
                <li><a href="#" aria-label="Previous"><span aria-hidden="true">«</span></a></li>
                <li><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li><a href="#" aria-label="Next"><span aria-hidden="true">»</span></a></li>
              </ul>
              </nav>
              <nav>
              <ul class="pagination">
                <li><a href="#" aria-label="Previous"><span aria-hidden="true">«</span></a></li>
                <li><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li><a href="#" aria-label="Next"><span aria-hidden="true">»</span></a></li>
              </ul>
            </nav>
            <nav>
              <ul class="pagination pagination-sm">
                <li><a href="#" aria-label="Previous"><span aria-hidden="true">«</span></a></li>
                <li><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li><a href="#" aria-label="Next"><span aria-hidden="true">»</span></a></li>
              </ul>
            </nav>
            </div>
            <div class="col-md-6">
                <ul class="pagination pagination-lg">
                                <li class="disabled"><a href="#"><i class="fa fa-angle-left">«</i></a></li>
                                <li class="active"><a href="#">1</a></li>
                                <li><a href="#">2</a></li>
                                <li><a href="#">3</a></li>
                                <li><a href="#">4</a></li>
                                <li><a href="#">5</a></li>
                                <li><a href="#"><i class="fa fa-angle-right">»</i></a></li>
                            </ul>
            <nav>
              <ul class="pagination">
                <li class="disabled"><a href="#" aria-label="Previous"><span aria-hidden="true">«</span></a></li>
                <li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li><a href="#" aria-label="Next"><span aria-hidden="true">»</span></a></li>
             </ul>
           </nav>
             <ul class="pagination pagination-sm">
                <li class="disabled"><a href="#"><i class="fa fa-angle-left">«</i></a></li>
                <li class="active"><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li><a href="#"><i class="fa fa-angle-right">»</i></a></li>
            </ul>
            </div>
           <div class="clearfix"> </div>
           </div>
           <div class="grid_3 grid_5">
             <h3>类型</h3>
               <ol class="breadcrumb">
              <li class="active">好</li>
            </ol>
            <ol class="breadcrumb">
              <li><a href="#">好</a></li>
              <li class="active">非常好</li>
            </ol>
            <ol class="breadcrumb">
              <li><a href="#">好</a></li>
              <li><a href="#">非常好</a></li>
              <li class="active">更好</li>
            </ol>
           </div>
           <div class="grid_3 grid_5">
             <h3>徽章</h3>
                <div class="col-md-6">
                    <p>著名酒名作家.</p>
                      <table class="table table-bordered">
                        <thead>
                            <tr>
                                <th width="50%">袁军</th>
                                <th width="50%">刘斌灏</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>艺术</td>
                                <td><span class="badge">42</span></td>
                            </tr>
                            <tr>
                                <td><code>.二窝头</code></td>
                                <td><span class="badge badge-primary">1</span></td>
                            </tr>
                            <tr>
                                <td><code>.白酒</code></td>
                                <td><span class="badge badge-success">22</span></td>
                            </tr>
                            <tr>
                                <td><code>.米酒</code></td>
                                <td><span class="badge badge-info">30</span></td>
                            </tr>
                            <tr>
                                <td><code>.清酒</code></td>
                                <td><span class="badge badge-warning">412</span></td>
                            </tr>
                            <tr>
                                <td><code>.啤酒</code></td>
                                <td><span class="badge badge-danger">999</span></td>
                            </tr>
                        </tbody>
                      </table>                    
                </div>
                <div class="col-md-6">
                  <p>中国著名 <code>.酒类</code> </p>
                    <div class="list-group list-group-alternate"> 
                        <a href="#" class="list-group-item"><span class="badge">201</span> <i class="ti ti-email"></i>  茅台 </a> 
                        <a href="#" class="list-group-item"><span class="badge badge-primary">5021</span> <i class="ti ti-eye"></i>   杜康 </a> 
                        <a href="#" class="list-group-item"><span class="badge">14</span> <i class="ti ti-headphone-alt"></i>  金银剑南 </a> 
                        <a href="#" class="list-group-item"><span class="badge">20</span> <i class="ti ti-comments"></i> 天之蓝 </a> 
                        <a href="#" class="list-group-item"><span class="badge badge-warning">14</span> <i class="ti ti-bookmark"></i>  古井贡原浆酒 </a> 
                        <a href="#" class="list-group-item"><span class="badge badge-danger">30</span> <i class="ti ti-bell"></i> 年陈红花郎酒 </a> 
                    </div>
               </div>
               <div class="clearfix"> </div>
             </div>
             
          <div class="grid_3 grid_5">
             <h3>ABSOLUT</h3>
               <div class="well">
                享誉国际的顶级烈酒品牌绝对伏特加(ABSOLUT VODKA)在福布斯(Forbes)商业杂志所评选的美国奢侈品牌独占鳌头
               </div>
               <div class="well">
                所生产的顶级伏特加不但口感圆润,而且质量无与伦比
               </div>
               <div class="well">
                品牌所体现出来的完美和无穷创造力更是为世界所首肯,从而名扬九州.
               </div>
          </div>
    </div>
</div>
</fieldset>
</asp:Content>

样式代码（针对Repeater控件样式）：

* {padding:0;margin:0; font-family:微软雅黑;}
body {background-color:#fff;}
a {text-decoration:none;}
img {border:none;}
.clear {clear:both;}

.txt { 280px; height:24px; line-height:24px; font-size:14px; border:1px solid #cc1616; overflow:auto;}
.btnSubmit {66px; height:26px; line-height:24px; font-size:14px; border:1px solid #cc1616; background:#fbfe1f;color:#cc1616;}
.btn {66px; height:26px; line-height:24px;font-size:14px; border:1px solid #000; background:#d0d0d0;color:#000;}

/*头部*/
.header01 {background:url(../images/header01.jpg) repeat-x; 100%; height:88px; overflow:hidden;}
    .header01 h1 {color:#cc1616;margin-left:50px;font-family:微软雅黑;}
/*主导航*/
.nav {background:url(../images/nav.jpg) repeat-x; 100%; height:36px; overflow:hidden;}
.nav ul { float:right; margin-right:50px;}
.nav ul li{list-style:none; float:left; height:36px;margin:0 8px;  text-align:center; line-height:36px;}
.nav ul li a {font:14px; color:#fff;padding:0 8px; display:block; 100%; height:36px;}
.nav ul li a:hover,.nav ul li a.hover { background:url(../images/navhover.jpg) repeat-x; }

/*主界面*/
.maintbl {100%; height:100%;border:none; border-collapse:collapse; table-layout:fixed}

/*操作页面菜单样式*/
.menu { 1000px; margin:0 auto 8px auto; overflow:hidden; border-bottom:1px solid #cc1616;}
.menu .title { background:url(../images/menu01.jpg) repeat-x;position:relative; color:#cc1616;font-size:14px; 100%; height:27px; line-height:28px; padding-left:8px;}
.menu .title img {position:absolute; top:7px;}
.menu .title span { margin-left:18px;}
.menu .operate { 100%; height:28px; line-height:28px;}
.menu .operate ul {list-style:none; margin-left:8px;}
.menu .operate ul li{list-style:none; float:left; margin-left:4px; height:28px; }
.menu .operate ul li a {font-size:12px; display:block; padding:0 4px; color:gray;line-height:24px; height:24px; margin-top:4px;}
.menu .operate ul li a:hover {color:#fff; background:#cc1616;}
.page {1000px; margin:8px auto; border:1px solid #999;}

/*表单样式*/
.form { 100%; margin-top:20px;}
.form ul { margin-left:8px;}
.form ul li { list-style:none; margin:8px; border-bottom:1px dashed rgb(204,204,204); padding-bottom:8px;}
.form ul li span.error { color:green;font-size:12px;font-family:宋体; margin-left:8px;}
.form ul li span.warm { color:gray;font-size:12px;font-family:宋体;margin-left:8px;}

/*数据表格*/
.datatbl { 100%; margin-top:10px;}
.datatbl table {980px; margin:10px auto;border:2px solid rgb(204,204,204); border-collapse:collapse;}
.datatbl table tr th { height:26px; background:url(../images/tblth.jpg) repeat-x; border:1px solid rgb(204,204,204);font-size:14px;}
.datatbl table tr td { height:26px; border:1px solid rgb(204,204,204); text-align:center;font-size:14px;}
.datatbl table tr td a { color:gray;}
.datatbl table tr td a:hover {color:#cc1616;}

/*分页空间*/
.pager {980px; margin:10px auto;}
.pager ul { list-style:none; float:right; margin-right:8px;}
.pager ul li {float:left; margin-left:8px;font-size:12px; height:22px; line-height:22px;}
.pager ul li select { height:22px; text-align:center;}
.pager ul li a {display:block; font-size:12px;border:1px solid #999; color:#999; padding:0 6px; height:20px; line-height:20px;}
.pager ul li a:hover { border:1px solid #cc1616; color:#fff; background:#cc1616;}

/*查询条件*/
.search { 980px; margin:10px auto; height:24px;}

/*导航菜单*/
.leftnav {margin-top:10px;190px;}
.leftnav ul {list-style:none; margin:8px  0 0 16px; 150px;}
.leftnav ul li {margin-bottom:8px;position:relative;150px;}
.leftnav ul li img { position:absolute; top:4px;}
.leftnav ul li a {font-size:14px; color:#000; margin-left:18px;}
.leftnav ul li a:hover,.leftnav ul li a.hover {font-size:14px; color:#cc1616;font-weight:bold;}

二、在“Models”添加一个类名为“ProdItem.cs”

 如图所示：

代码示例：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

namespace Models
{
  public  class ProdItem
    {
        public int ProductId { get; set; }
        public string ProductName { get; set; }
        public decimal Price { get; set; }
        public int Quantity { get; set; }
    }
    
}

三、在“BraSys”添加一个“ASP.Code”文件夹，在“ASP.Code”添加一个类名为“Cart.cs”编辑“增删改”方法

1、如图所示（ASP.Code）

2、如图所示（Cart.cs方法）：上

3、如图所示（Cart.cs方法）：下

代码示例：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

using Models;
using BLL;
/// <summary>
/// Cart 的摘要说明
/// </summary>
public class Cart
{
    public Cart()
    {
        //
        // TODO: 在此处添加构造函数逻辑
        //
    }
    private Dictionary<string, ProdItem> Carts = new Dictionary<string, ProdItem>();
    public void Add(string id)
    {
        ProdItem item = null;
        //判断产品是否存在
        if (Carts.TryGetValue(id, out item))
        {
            item.Quantity++;
        }
        else
        {
            Bars bs = new BarManager().Xyy_ProductGetModel(id);
            item = new ProdItem
            {
                ProductId = bs.ProductId,
                ProductName = bs.ProductName,
                Price = bs.Price,
                Quantity = 1
            };
            Carts.Add(id, item);
        }
    }
    //获取购物车数据
    public List<ProdItem> CartItems
    {
        get { return Carts.Values.ToList(); }
    }
    //获取总数
    public decimal Total
    {
        get 
        {
            decimal total = 0;
            foreach (ProdItem item in Carts.Values)         
                total += item.Price * item.Quantity;
                return total;           
        }
    }
    //删除
    public void Remove(string itemId)
    {
        Carts.Remove(itemId);
    }
}

四、完成后，到“BrasServer/BarShow.aspx”编辑后台代码

1、如图所示（绑定传参方法）：

 

2、如图所示（修改数量事件与删除事件方法）：

3、如图所示（总计方法）：

代码示例：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class BrasServer_BarShow : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            Add();
            //绑定
            BindCart();
        }
    }
    //购物车
    private Cart Carts
    {
        get 
        {
            Cart cart = null;
            if (Session["cart"] == null)
                cart = new Cart();
            else
                cart = Session["cart"] as Cart;
            return cart;
        }
        set { Session["cart"] = value; }
    }
    //添加购物
    private void Add()
    {
        if(Request.QueryString["ProductId"]!=null)
        {
            //添加购物
            Cart cart = Carts;
            cart.Add(Request.QueryString["ProductId"]);
            Carts = cart;
        }
    }
    //绑定购物车
    private void BindCart()
    {
        repShow.DataSource = Carts.CartItems;
        repShow.DataBind();

        //总计
        lblTotal.Text = Carts.Total.ToString();
        Session["cart"] = Carts;
    }
    //修改事件
    protected void lkbUpdateQty_Click(object sender, EventArgs e)
    {
        HiddenField hid = null;
        TextBox tex = null;
        foreach (RepeaterItem item in repShow.Items)
        {
            hid = item.FindControl("hidid") as HiddenField;
            tex = item.FindControl("txtQty") as TextBox;
            Carts.SetQuantity(hid.Value, Convert.ToInt32(tex.Text));
        }
        BindCart();
    }
   
    //删除事件
    protected void repShow_ItemCommand(object source, RepeaterCommandEventArgs e)
    {
        if (e.CommandName == "Delete")
        {
            Carts.Remove(e.CommandArgument.ToString());
            BindCart();
        }
    }
}

 五、到“BrasServer/BraClothList.aspx”前台代码编辑“链接”方法

如图所示：

代码示例：

<%@ Page Title="" Language="C#" MasterPageFile="~/BrasServer/Bratheme.master" AutoEventWireup="true" CodeFile="BraClothList.aspx.cs" Inherits="BrasServer_BraClothList" %>

<%@ Register Src="~/FindControl/BraControl.ascx" TagPrefix="uc1" TagName="BraControl" %>


<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
    <style type="text/css">
        #bcolor 
        {
            background-color:#E9E4DF;          
        }
        .a1 
        {
           font-size:18px;
           font-weight:bold;
          
        }
        .a1:hover 
        {
            color:#ff6a00;
        }
         .a2:hover 
        {
           padding-left:5px;
           text-shadow:5px 5px 4px #00ff21;
        }
        .a2 
        {
           font-size:17px;
           font-weight:bold;
          
        }
        .a3 
        {
           font-size:19px;        
           color:#000;
        }
        .td1 
        {
            font-size:20px;
            font-family:PMingLiU-ExtB;
            font-weight:600;
        }
        .ListBox 
        {
            line-height:500px;
             /*border:1px solid #ff6a00;*/
        }
        .Control 
        {
            text-align:center;        
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <fieldset id="bcolor">
    <legend style="background-color:#E9E4DF; font-size:18px;padding-left:20%;font-weight:bolder;">在线买酒产品
        </legend>
        <table  style="55%;margin-left:20%;">
            <tr>
                
                <td class="Control" colspan="2">
                    <uc1:BraControl runat="server" ID="BraControl" />
                </td>             

                <td class="auto-style2"></td>
            </tr>
            <tr>
                <td class="td1">牌子选择</td>
                <td class="td1">
                    <asp:LinkButton ID="LinkButton1" runat="server">日期</asp:LinkButton>
                    <asp:LinkButton ID="LinkButton2" runat="server">价格</asp:LinkButton>
                </td>
                <td class="auto-style15"></td>
            </tr>
            <tr>
                <td class="ListBox">
                    <asp:ListBox ID="lbCates" runat="server" Height="420px" Width="268px" AppendDataBoundItems="True" AutoPostBack="True" OnSelectedIndexChanged="lbCates_SelectedIndexChanged">

                    </asp:ListBox>
                </td>
                <td class="auto-style12">
                    <asp:Repeater ID="repClothList" runat="server">
                        <HeaderTemplate>
                            <table style="100%;height:180px;">
                        </HeaderTemplate>
                        <ItemTemplate>
                            <tr>
                                <td rowspan="5">
                                   <%-- <asp:Image ID="Image1" runat="server" Width="165px" Height="175px" BorderWidth="5" ImageUrl='<%# Eval("ImgSrc","~/{0}") %>'/>--%>
                                     <asp:Image ID="Image1" runat="server" Width="165px" Height="175px" BorderWidth="5" 
                                  ImageUrl='<%#Eval("ProductId","~/Handles/ImgHandler.ashx?Id={0}") %>' />
                                </td>
                                <td>
                                    <a href='BarDetail.aspx?ProductId=<%#Eval("ProductId") %>' class="a1">
                                        <%#Eval("ProductName") %></a>
                                </td>
                            </tr>
                          <tr>
                              <td class="a3">价格：<%#Eval("Price","{0:F1}") %></td>                        
                          </tr>

                           <tr>
                              <td class="a3">日期：<%#Eval("PublishDate","{0:yyyy-MM-dd}") %>></td>
                          </tr>
                           <tr>
                              <td style="270px">
                                  <span class="a2">
                                  <a href='BarShow.aspx?ProductId=<%#Eval("ProductId") %>'>
                                  <img  src="../images/btn_new.jpg" style="height:32px;100px;" />添加购物车</a>
                              </span>
                               </td>
                          </tr>
                            <tr>
                                <td colspan="3" style="border-bottom:2px solid red;height:5px;">&nbsp;</td>
                            </tr>
                        </ItemTemplate>
                        <FooterTemplate>
                            </table>
                        </FooterTemplate>
                    </asp:Repeater>
                </td>
                <td class="auto-style3"></td>
            </tr>
            <tr>
                <td class="auto-style9"></td>
                <td class="auto-style13">
                    <asp:Label ID="lblPage" runat="server" Text="Label"></asp:Label>
                    <asp:LinkButton ID="lkbprev" runat="server" OnClick="lkbprev_Click">上一页</asp:LinkButton>
                    <asp:LinkButton ID="lkbNext" runat="server" OnClick="lkbNext_Click">下一页</asp:LinkButton>
                </td>
                <td class="auto-style4"></td>
            </tr>
        </table>

</fieldset>
</asp:Content>

 运行效果：