本篇同步发文在个人Blog: 一袋.NET要扛几楼？打造容器化的ASP.NET Core网站！系列文章 - (28) 建立购物车系统 - 11

1. 在WebMvc专案新增购物车服务的功能

1.1 修改_LoginPartial.cshtml

在网站登入後，要增加购物车Cart ViewComponent，需修改_LoginPartial.cshtml：

@using WebMvc.Services

@inject IAuthService<ApplicationUser> UserManager
@if (User?.Identity?.IsAuthenticated == true)
{
    <li>
        @User.FindFirst(x => x.Type == "preferred_username").Value
    </li>
    <li>
        @await Component.InvokeAsync("Cart", new { user = UserManager.Get(User) })
    </li>
    <li class="pull-right">
        <form asp-area="" asp-controller="Account" asp-action="SignOut" method="post" id="logoutForm">
            <a href="javascript:document.getElementById('logoutForm').submit()">
                Log Out
            </a>
        </form>
    </li>
}
else
{
    <li>
        <a asp-area="" asp-controller="Account" asp-action="SignIn">
            Login
        </a>
    </li>
}

1.2 新增ViewComponent Cart的页面

在Views/Shared的目录，新增Components目录，再新增Cart目录，最後加上Default.cshtml，也就是之前继承ViewComponent的Cart.cs会回传的页面，主要是显示购物车的数量：

@model WebMvc.ViewModels.CartComponentViewModel

@{ 
    ViewData["Title"] = "My Cart";
}

<a class="@Model.Disabled" asp-area="" asp-controller="Cart" asp-action="Index">
    @if (ViewBag.IsCartInoperative == true)
    {
        <p class="fa fa-2x fa-shopping-cart">X</p>
    }
    else
    {
        <p class="fa fa-2x fa-shopping-cart">@Model.ItemsInCart</p>
    }
</a>