ASP.NET MVC SportStore 购物网示例(6)

定义一个订单提供 IoC 组件

在DomainModel项目中新建文件夹Services添加以下接口：

namespace DomainModel.Services
{public interface IOrderSubmitter

{void SubmitOrder(Cart cart);

}}修改CartController添加IOrderSubmitter接口。

private IOrderSubmitter orderSubmitter;

public CartController(IProductsRepository productsRepository, IOrderSubmitter orderSubmitter)

{this.productsRepository = productsRepository;
this.orderSubmitter = orderSubmitter;

}修改测试中的代码，添加新的测试。

[Test]

public void

Submitting_Order_With_No_Lines_Displays_Default_View_With_Error()

{

// Arrange

CartController controller = new CartController(null, null);

Cart cart = new Cart();

// Act

var result = controller.CheckOut(cart, new FormCollection());

// Assert

Assert.IsEmpty(result.ViewName);

Assert.IsFalse(result.ViewData.ModelState.IsValid);

}

[Test]

public void

Submitting_Empty_Shipping_Details_Displays_Default_View_With_Error()

{

// Arrange

CartController controller = new CartController(null, null);

Cart cart = new Cart();

cart.AddItem(new Product(), 1);

// Act

var result = controller.CheckOut(cart, new FormCollection {

{ "Name", "" }

});

// Assert

Assert.IsEmpty(result.ViewName);

Assert.IsFalse(result.ViewData.ModelState.IsValid);

}

[Test]

public void

Valid_Order_Goes_To_Submitter_And_Displays_Completed_View()

{

// Arrange

var mockSubmitter = new Moq.Mock<IOrderSubmitter>();

CartController controller = new CartController(null, mockSubmitter.Object);

Cart cart = new Cart();

cart.AddItem(new Product(), 1);

var formData = new FormCollection {

{ "Name", "Steve" }, { "Line1", "123 My Street" },

{ "Line2", "MyArea" }, { "Line3", "" },

{ "City", "MyCity" }, { "State", "Some State" },

{ "Zip", "123ABCDEF" }, { "Country", "Far far away" },

{ "GiftWrap", bool.TrueString }

};

// Act

var result = controller.CheckOut(cart, formData);

// Assert

Assert.AreEqual("Completed", result.ViewName);

mockSubmitter.Verify(x => x.SubmitOrder(cart));

Assert.AreEqual(0, cart.Lines.Count);

}

在CartController中添加POST方法的CheckOut。

[AcceptVerbs(HttpVerbs.Post)]

public ViewResult CheckOut(Cart cart, FormCollection form)

{

// Empty carts can't be checked out

if (cart.Lines.Count == 0)

{

ModelState.AddModelError("Cart", "Sorry, your cart is empty!");

return View();

}

// Invoke model binding manually

if (TryUpdateModel(cart.ShippingDetails, form.ToValueProvider()))

{

orderSubmitter.SubmitOrder(cart);

cart.Clear();

return View("Completed");

}

else // Something was invalid

return View();

}

添加一个模拟提交

namespace DomainModel.Services

{

public class FakeOrderSubmitter : IOrderSubmitter

{

public void SubmitOrder(DomainModel.Entities.Cart cart)

{

}

}

}

修改Web.config文件。

<component id="OrderSubmitter"

service="DomainModel.Services.IOrderSubmitter, DomainModel"

type="DomainModel.Services.FakeOrderSubmitter, DomainModel" />

添加样式

.field-validation-error { color: red; }

.input-validation-error { border: 1px solid red; background-color: #ffeeee; }

.validation-summary-errors { font-weight: bold; color: red; }

F5运行测试。

添加“Thanks for you roder”View

右键单击Cart文件夹，添加Complted视图。

使用 EmailOrderSumbitter来替换 FakeOrderSubmitter

在DomainModel项目中添加 EmailOrderSubmitter到Services文件夹。

public class EmailOrderSubmitter : IOrderSubmitter

{

const string MailSubject = "New order submitted!";

string smtpServer, mailFrom, mailTo;

public EmailOrderSubmitter(string smtpServer, string mailFrom, string mailTo)

{

// Receive parameters from IoC container

this.smtpServer = smtpServer;

this.mailFrom = mailFrom;

this.mailTo = mailTo;

}

public void SubmitOrder(Cart cart)

{

// Prepare the message body

StringBuilder body = new StringBuilder();

body.AppendLine("A new order has been submitted");

body.AppendLine("---");

body.AppendLine("Items:");

foreach (var line in cart.Lines)

{

var subtotal = line.Product.Price * line.Quantity;

body.AppendFormat("{0} x {1} (subtotal: {2:c}", line.Quantity,

line.Product.Name,

subtotal);

}

body.AppendFormat("Total order value: {0:c}", cart.ComputeTotalValue());

body.AppendLine("---");

body.AppendLine("Ship to:");

body.AppendLine(cart.ShippingDetails.Name);

body.AppendLine(cart.ShippingDetails.Line1);

body.AppendLine(cart.ShippingDetails.Line2 ?? "");

body.AppendLine(cart.ShippingDetails.Line3 ?? "");

body.AppendLine(cart.ShippingDetails.City);

body.AppendLine(cart.ShippingDetails.State ?? "");

body.AppendLine(cart.ShippingDetails.Country);

body.AppendLine(cart.ShippingDetails.Zip);

body.AppendLine("---");

body.AppendFormat("Gift wrap: {0}",

cart.ShippingDetails.GiftWrap ? "Yes" : "No");

// Dispatch the email

SmtpClient smtpClient = new SmtpClient(smtpServer);

smtpClient.Send(new MailMessage(mailFrom, mailTo, MailSubject,body.ToString()));

}

}

更新web.config文件

<component id="OrderSubmitter"

service="DomainModel.Services.IOrderSubmitter, DomainModel"

type="DomainModel.Services.EmailOrderSubmitter, DomainModel" >

<parameters>

<smtpServer>127.0.0.1</smtpServer>

<!-- Your server here -->

<mailFrom>sportsstore@example.com</mailFrom>

<mailTo>admin@example.com</mailTo>

</parameters>

</component>

信用卡的处理 Exercise:Credit Card Processing

If you’re feeling ready for a challenge, try this. Most e-commerce sites involve credit card processing, but almost

every implementation is different. The API varies according to which payment processing gateway you sign up

with. So, given this abstract service:

public interface ICreditCardProcessor

{

TransactionResult TakePayment(CreditCard card, decimal amount);

}

public class CreditCard

{

public string CardNumber { get; set; }

public string CardholderName { get; set; }

public string ExpiryDate { get; set; }

public string SecurityCode { get; set; }

}

public enum TransactionResult

{

Success, CardNumberInvalid, CardExpired, TransactionDeclined

}

can you enhance CartController to work with it? This will involve several steps:

• Updating CartController’s constructor to receive an ICreditCardProcessor instance.

• Updating /Views/Cart/CheckOut.aspx to prompt the customer for card details.

• Updating CartController’s POST-handling CheckOut action to send those card details to the

ICreditCardProcessor. If the transaction fails, you’ll need to display a suitable message and not

submit the order to IOrderSubmitter.

This underlines the strengths of component-oriented architecture and IoC. You can design, implement, and validate

CartController’s credit card–processing behavior with unit tests, without having to open a web browser and

without needing any concrete implementation of ICreditCardProcessor (just set up a mock instance). When

you want to run it in a browser, implement some kind of FakeCreditCardProcessor and attach it to your IoC

container using web.config. If you’re inclined, you can create one or more implementations that wrap real-world

credit card processor APIs, and switch between them just by editing your web.config file.

SportsStore管理员和最终增强

添加，删除，修改，查询操作

Form认证

文件上传

显示sql数据库中的图片

添加分类管理

创建AdminController，选中创建Create,update,insert select。自动生成代码：

public class AdminController : Controller

{

//

// GET: /Admin/

public ActionResult Index()

{

return View();

}

//

// GET: /Admin/Details/5

public ActionResult Details(int id)

{

return View();

}

//

// GET: /Admin/Create

public ActionResult Create()

{

return View();

}

//

// POST: /Admin/Create

[HttpPost]

public ActionResult Create(FormCollection collection)

{

try

{

// TODO: Add insert logic here

return RedirectToAction("Index");

}

catch

{

return View();

}

}

//

// GET: /Admin/Edit/5

public ActionResult Edit(int id)

{

return View();

}

//

// POST: /Admin/Edit/5

[HttpPost]

public ActionResult Edit(int id, FormCollection collection)

{

try

{

// TODO: Add update logic here

return RedirectToAction("Index");

}

catch

{

return View();

}

}

}

添加构造函数：

private IProductsRepository productsRepository;

public AdminController(IProductsRepository productsRepository)

{

this.productsRepository = productsRepository;

}

[TestFixture]

class AdminControllerTests

{// Will share this same repository across all the AdminControllerTests

private Moq.Mock<IProductsRepository> mockRepos;

// This method gets called before each test is run

[SetUp]

public void SetUp()

{

// Make a new mock repository with 50 products

List<Product> allProducts = new List<Product>();

for (int i = 1; i <= 50; i++)

allProducts.Add(new Product { ProductID = i, Name = "Product " + i });

mockRepos = new Moq.Mock<IProductsRepository>();

mockRepos.Setup(x => x.Products)

.Returns(allProducts.AsQueryable());

}

[Test]

public void Index_Action_Lists_All_Products()

{

// Arrange

AdminController controller = new AdminController(mockRepos.Object);

// Act

ViewResult results = controller.Index();

// Assert: Renders default view

Assert.IsEmpty(results.ViewName);

// Assert: Check that all the products are included

var prodsRendered = (List<Product>)results.ViewData.Model;

Assert.AreEqual(50, prodsRendered.Count);

for (int i = 0; i < 50; i++)

Assert.AreEqual("Product " + (i + 1), prodsRendered[i].Name);

}

}

Rendering a Grid of Products in the Repository

为AdminController修改Index()

public ViewResult Index()

{

return View(productsRepository.Products.ToList());

}

测试通过。

声明一个ListView 模板。在Share文件夹，右键单击添加新项:





添加新的样式表：adminstyle.css

BODY, TD { font-family: Segoe UI, Verdana }; padding-top: 0; font-weight: bold;

H1 { padding: .5em

font-size: 1.5em; border-bottom: 2px solid gray; }

DIV#content { padding: .9em; }

TABLE.Grid TD, TABLE.Grid TH { border-bottom: 1px dotted gray; text-align:left; }

TABLE.Grid { border-collapse: collapse; width:100%; }

TABLE.Grid TH.NumericCol, Table.Grid TD.NumericCol {

text-align: right; padding-right: 1em; }

DIV.Message { background: gray; color:White; padding: .2em; margin-top:.25em; }

.field-validation-error { color: red; }

.input-validation-error { border: 1px solid red; background-color: #ffeeee; }

.validation-summary-errors { font-weight: bold; color: red; }

现在可以为AdminControllerr的Index()添加新的View：





添加必要的css

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Admin.Master" Inherits="System.Web.Mvc.ViewPage<IEnumerable<DomainModel.Entities.Product>>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">

All Products

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

<h2>All Products</h2>

<table>

<tr>

<th>

ID

</th>

<th>

Name

</th>

<th class="NumericCol">

Price

</th>

<th>

Action

</th>

</tr>

<% foreach (var item in Model) { %>

<tr>

<td>

<%= Html.Encode(item.ProductID) %>

</td>

<td>

<%= Html.Encode(item.Name) %>

</td>

<td class="NumericCol">

<%= Html.Encode(String.Format("{0:F}", item.Price)) %>

</td>

<td>

<%= Html.ActionLink("Edit", "Edit", new { id=item.ProductID }) %> |

<%= Html.ActionLink("Details", "Details", new { id=item.ProductID })%>

</td>

</tr>

<% } %>

</table>

<p>

<%= Html.ActionLink("Add a new product", "Create") %>

</p>

</asp:Content>

>

访问测试如下：





创建一个产品编辑

创建测试：

[Test]

public void Edit_Product()

{

// Arrange

AdminController controller = new AdminController(mockRepos.Object);

// Act

ViewResult result = controller.Edit(17);

Product renderedProduct = (Product)result.ViewData.Model;

Assert.AreEqual(17, renderedProduct.ProductID);

Assert.AreEqual("Product 17", renderedProduct.Name);

}

为AdminController添加GET Edit方法

public ViewResult Edit(int id)

{

Product product = (from p in productsRepository.Products

where p.ProductID == id

select p).First();

return View(product);

}

为Edit添加View。

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Admin.Master" Inherits="System.Web.Mvc.ViewPage<DomainModel.Entities.Product>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">

Admin : Edit <%=Model.Name %>

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

<h2> Edit <%=Model.Name %></h2>

<% using (Html.BeginForm()) {%>

<fieldset>

<legend>Fields</legend>

<%=Html.Hidden("ProductID") %>

<p>

<%= Html.LabelFor(model => model.Name) %>

<%= Html.TextBoxFor(model => model.Name) %>

<%= Html.ValidationMessageFor(model => model.Name) %>

</p>

<p>

<%= Html.LabelFor(model => model.Description) %>

<%= Html.TextBoxFor(model => model.Description) %>

<%= Html.ValidationMessageFor(model => model.Description) %>

</p>

<p>

<%= Html.LabelFor(model => model.Price) %>

<%= Html.TextBoxFor(model => model.Price, String.Format("{0:F}", Model.Price)) %>

<%= Html.ValidationMessageFor(model => model.Price) %>

</p>

<p>

<%= Html.LabelFor(model => model.Category) %>

<%= Html.TextBoxFor(model => model.Category) %>

<%= Html.ValidationMessageFor(model => model.Category) %>

</p>

<p>

<input type="submit" value="Save" />

</p>

</fieldset>

<% } %>

<div>

<%=Html.ActionLink("Back to List", "Index") %>

</div>

</asp:Content>

处理Edit的提交。

创建测试：

[Test]

public void Edit_Sumbitting_Product_And_Redirects_To_Index()

{

// Arrange

AdminController controller = new AdminController(mockRepos.Object);

Product newProduct = new Product();

// Act

var result = (RedirectToRouteResult)controller.Edit(newProduct);

// Assert: Saved product to repository and redirected

mockRepos.Verify(x => x.SaveProduct(newProduct));

Assert.AreEqual("Index", result.RouteValues["action"]);

}

为IProductsRepository添加SaveProduct接口。

为SqlProductsRepository实现方法：

public void SaveProduct(Product product)

{

// If it's a new product, just attach it to the DataContext

if (product.ProductID == 0)

productsTable.InsertOnSubmit(product);

else

{

// If we're updating an existing product, tell the DataContext

// to be responsible for saving this instance

productsTable.Attach(product);

// Also tell the DataContext to detect any changes since the last save

productsTable.Context.Refresh(RefreshMode.KeepCurrentValues, product);

}

productsTable.Context.SubmitChanges();

}

修改Post方法的Edit Action。

[HttpPost]

public ActionResult Edit(Product product)

{

try

{

// TODO: Add update logic here

if (ModelState.IsValid)

{

productsRepository.SaveProduct(product);

TempData["message"] = product.Name + " has been saved.";

return RedirectToAction("Index");

}

else //Validation error, so redisplay save view

return View(product);

}

catch

{

return View(product);

}

}

编辑Admin.Master模板显示提示信息：

<% if (TempData["message"] != null)

{ %>

<div class="Message">

<%= Html.Encode(TempData["message"]) %></div>

<% } %>

F5运行测试.





转载请注明出处! Author: im@xingquan.org