如何使用 ASP.NET MVC 将临时购物车数据存储在缓存中

Question

我正在使用带有 ADO.NET 和 MVC 的 N 层架构做项目 但不知道如何进行缓存

请给我一些建议

这是我添加到购物车中的临时数据：

var cartdata = '<li id="product-item">' +
                     '<img id="ud-product-image1" src=' + data["FilePath"] + data["FileName"] + ' alt="">' +
                               '<a hidden id="ud-product-image">' + data["FilePath"] + data["FileName"] + '</a>' +
                                '<button onclick="return Removepart();" id="btnclose" type="button" class="close">×</button>' +
                                '<div class="overflow-h">' +
                                    '<span id="ud-product-name">' + data["Name"] + '</span>' +
                                    '<small id="ud-cart-product-price">1 x $' + data["MRP"] + '</small>' +
                                '</div>' +
                    '</li>';
                    $("#mCSB_1_container").append(cartdata);

---

这里是每次的部分

部分将附加 ::::

 <div class="shop-badge badge-icons pull-right">
                    <a href="#"><i class="fa fa-shopping-cart"></i></a>
                    <span id="countitem" class="badge badge-sea rounded-x"><div id="counter">0</div></span>

                    <div class="badge-open">
                        <ul id="total-item" class="list-unstyled mCustomScrollbar" data-mcs-theme="minimal-dark">
                            <div id="Empty-Cart-Image">
                                <img src="~/Contents/img/empty_cart.jpg" style="height:150px;width:320px;" />
                            </div>

                            <!--// Actual Shopping Item Loaded here -->
                            <!-- Each time <li> portion will be added-->
                        </ul>
                        <div class="subtotal">
                            <div class="overflow-h margin-bottom-10">
                                <span>Subtotal</span>
                                <span class="pull-right subtotal-cost">$1200.00</span>
                            </div>
                            <div class="row">
                                <div class="col-xs-6">
                                    <a href="shop-ui-inner.html" class="btn-u btn-brd btn-brd-hover btn-u-sea-shop btn-block">View Cart</a>
                                </div>
                                <div class="col-xs-6">
                                    <a href="shop-ui-add-to-cart.html" class="btn-u btn-u-sea-shop btn-block">Checkout</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

所以会添加临时购物车项目，但问题是当页面刷新时，数据会丢失

Answer 1

对于这个问题，你可能会得到比事实更多的意见，所以这是我的购物车应用程序的实现。

我通常在数据库中创建 ShoppingCart 表。然后将购物车的 ID 保存在客户端浏览器的 cookie 中。 注意：对于 ShoppingCart Id，我更喜欢 GUID，这样恶意用户就无法轻易猜出其他购物车。

此外，如果用户登录，我还将UserId保存在同一张表中，这样用户仍然可以在任何计算机上查看他/她的购物车，例如amazon.com。

用户结帐成功后，我将商品从 ShoppingCart 表移动到 Order 和 OrderItem 桌子并清理购物车。

如果您不想使用上述方法，您也可以存储在 Session State 中。使用 Session State 的缺点是，如果客户不小心关闭浏览器、App Domain 重启或 App Pool 回收，她/他将不得不重新开始。