布局中的购物车摘要

本文关键字：购物车 布局 | 更新日期: 2023-09-27 18:20:04

我开发了一个电子商务应用程序。我使用C#、MVC、实体框架和Bootstrap。我已将购物车项目保存在数据库中。我的问题是：我想在我的布局顶部显示购物车的摘要。但是你对这次手术有什么建议。我应该使用部分视图来查看购物车的摘要还是其他方式？

另一方面，如何在每次请求时从数据库中读取我的购物车数据。我当然不能从控制器那里输入。因为我想在每一页的屏幕顶部显示购物车的摘要。我应该在应用程序启动时阅读它吗？有人建议我做这个手术吗。

//_Layout.cshtml
<body>
    <div class="container">
        <nav class="navbar navbar-default" role="navigation">
            <div class="navbar-header">
                <a class="navbar-brand" href="#">E-Commerce</a>
            </div>
            <form class="navbar-form navbar-left" role="search">
                <div class="input-group">
                    <input type="text" class="form-control" placeholder="Arama">
                    <span class="input-group-addon">
                        <i class="fa fa-search"></i>
                    </span>
                </div>
            </form>
            <p class="navbar-text pull-right">
                /* I want to see shopping cart summary in this section*/ 
                <i class="fa fa-shopping-cart"></i>
                <span id="cartTotal">
                </span>
                (<span id="cartItemCount"></span>)
            </p>
            <p class="navbar-text pull-right">Log In</p>
            <p class="navbar-text pull-right">Register</p>
        </nav>
    </div>
    <div class="container">
        @RenderBody()
    </div>
</body>
</html>

布局中的购物车摘要

您可以使用此解决方案

在控制器中

 [ChildActionOnly]
    public ActionResult CartSummary()
    {   
        ViewData["CartCount"] = 3; // count Qty in your cart
        return PartialView("CartSummary");
    }

右键单击并添加视图，然后在PartialView 中选择PartialView

@ViewData["CartCount"]

在布局中，您想显示购物车的数量

@{Html.RenderAction("CartSummary", "controllerName");}
相关文章：