[.NET] 一步步打造一个简单的 MVC 电商网站 - BooksStore（三） - 反骨仔（二五仔）(2)_H5之家

@model Wen.BooksStore.Domain.Entities.Cart <div > 你的购物车：@Model.ComputeTotalValue() <span>@Html.ActionLink(, , , new { retunUrl = Request.Url.PathAndQuery }, null)</span> </div>

　　对应的布局页 _Layout.cshtml 修改的地方为：

<!DOCTYPE html> <html> <head> <meta name=content=/> <title>@ViewBag.Title</title> <link href=rel=/> </head> <body> <div id=> @{ Html.RenderAction(, );} <div >图书商城</div> </div> <div id=> @{ Html.RenderAction(, ); } </div> <div id=> @RenderBody() </div> </body> </html>

_Layout.cshtml

　　添加了新的东西，css 也要进行修改：

body { } #header, #content, #sideBar { display: block; } #header { background-color: green; border-bottom: 2px solid #111; color: White; } #header, .title { font-size: 1.5em; padding: .5em; } #sideBar { float: left; width: 8em; padding: .3em; } #content { border-left: 2px solid gray; margin-left: 10em; padding: 1em; } .pager { text-align: right; padding: .5em ; margin-top: 1em; } .pager A { font-size: 1.1em; color: #666; padding: 0 .4em 0 .4em; } .pager A:hover { background-color: Silver; } .pager A.selected { background-color: #353535; color: White; } .item input { float: right; color: White; background-color: green; } .table { width: 100%; padding: 0; margin: 0; } .table th { font: bold 12px , Verdana, Arial, Helvetica, sans-serif; color: #4f6b72; border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; border-top: 1px solid #C1DAD7; letter-spacing: 2px; text-transform: uppercase; text-align: left; padding: 6px 6px 6px 12px; background: #CAE8EA no-repeat; } .table td { border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; background: #fff; font-size: 14px; padding: 6px 6px 6px 12px; color: #4f6b72; } .table td.alt { background: #F5FAFA; color: #797268; } .table th.spec, td.spec { border-left: 1px solid #C1DAD7; } .bookSummary { width: 15%; float: right; margin-top: 1.5%; }

Site.css

二、订单结算

　　购物完毕就是结算页面了，这里的订单结算并不涉及支付接口的调用，只是使用邮件的形式进行通知而已。

　　这里，我设计结算的时候需要要求用户输入一些信息，如姓名、地址和邮箱等信息，在点击确定时我再将这些输入的信息与购物清单的信息从系统的邮箱发到你所输入的邮箱当中。一个比较直观的图：

　　1.在 Entities 中添加一个域模型 Contact.cs 表示联系人的信息。

联系信息 Contact { [Required(ErrorMessage = )] public string Name { get; set; } [Required(ErrorMessage = )] public string Address { get; set; } [Required(ErrorMessage = )] [RegularExpression(, ErrorMessage = )] public string Email { get; set; } }

　　CartController.cs 添加一个用于结算的 Action:

结算 ViewResult Checkout() { return View(new Contact()); }

　　Checkout.cshtml 中的：