我從來沒有進行過正式的web開發，但是我一直喜歡web，所以這篇文章也是我轉行web的一個開始吧。或多或少我也參考了幾個網站的實現（當然了，只是看看大概的功能而已），所以也請大家多多指教。該購物車的功能如下：

1. 通過ajax實現添加和刪除車上的物品。

2. 刪除的物品會顯示出來，可以重新添加到購物車。

3. 嗯...沒有了，具體大家接著看吧。

購物車的結構我打算用一個table來展示，在UserControl里使用ListView展現購物車的物品（因為比拼接字符串要容易維護的多）。具體代碼如下（ShopCartTest.ascx）：

 1 <ASP:ListView ID="ListView1" runat="server">
 2     <LayoutTemplate>
 3         <table runat="server" cellpadding='0' cellspacing='0' width='100%'>
 4             <tr>
 5                 <td width='7%' style='height: 30px'>
 6                     商品編號
 7                 td>
 8                 <td>
 9                     商品名稱
10                 td>
11                 <td width='10%'>
12                     京東價
13                 td>
14                 <td width='8%'>
15                     返現
16                 td>
17                 <td width='8%'>
18                     贈送積分
19                 td>
20                 <td width='9%'>
21                     商品數量
22                 td>
23                 <td width='7%'>
24                     刪除商品
25                 td>
26             tr>
27             <tr runat="server" id="itemPlaceholder" />
28             <tr>
29                 <td colspan='7' style='height: 30px'>
30                     重量總計：<%= this.GetProductsWeight() %>kg   原始金額：￥307.00元 - 返現：￥0.00元<br />
31                     <span style='font-size: 14px'><b>商品總金額(不含運費)：<span id='cartBottom_price'>￥307.00span>元b>span>
32                 td>
33             tr>
34         table>
35     LayoutTemplate>
36     <ItemTemplate>
37         <tr>
38             <td style='padding: 5px 0 5px 0;'>
39                 <%#(Container.DataItem as Product).ID %>
40             td>
41             <td>
42                 <a target='_blank' href='http://www.xxx.com/product/<%#(Container.DataItem as Product).ID %>.html'>
43                     <%#(Container.DataItem as Product).Name %>a>
44             td>
45             <td>
46                 <span>
47                     <%#(Container.DataItem as Product).Price %>span>
48             td>
49             <td>
50                 <%#(Container.DataItem as Product).BackMoney %>
51             td>
52             <td>
53                 <%#(Container.DataItem as Product).Score %>
54             td>
55             <td>
56                 <a href='#none' title='減一' onclick="changeCount('-','<%#(Container.DataItem as Product).ID %>','sku');"
57                     style='text-decoration: none'>-a><input type='text' id='txt<%#(Container.DataItem as Product).ID %>'
58                         name='txtChange<%#(Container.DataItem as Product).ID %>' maxlength='4' style='width: 30px'
59                         value='<%#(Container.DataItem as Product).Count %>' /><a href='#none' title='加一'
60                             onclick="changeCount('+','<%#(Container.DataItem as Product).ID %>');" style='text-decoration: none'>+a>
61             td>
62             <td>
63                 <a href='#none' id='btn_del_173259' onclick="removeProductOnShoppingCart('<%#(Container.DataItem as Product).ID %>',this)">
64                     刪除a>
65             td>
66         tr>
67     ItemTemplate>
68  ASP:ListView>        

        

        
        
      
        
NET技術：淺析購物車的實現，轉載需保留來源！
        
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。