构建一个真实的应用电子商务SportsStore(十一)

构建一个真实的应用电子商务SportsStore(十一)

我们的项目已经进入了非常好的良性循环，项目中涵盖了多数现在的主流开源框架的使用。就Ninject而言，我们的运用是非常的成功，没有任何一点多余的代码，你不在每个控制器的构造函数中去调用Ninject的任何代码，控制器工厂类会自动为你注入你想要的对象，这一点希望大家能记住并运用到你今后的项目中，之所以作为重点提及它，是因为网上有很多错误的教程和做法，既没有显示出Ninject的本质，也误导了读者。今天，我们就对该项目的剩余功能做个完结，下篇我们将把注意力集中在网络安全上，没有跟上进度的兄弟，或没有理解的很透的兄弟，一定要多读几遍，多调试下代码，有很多细节的东西，我们没有写太多的笔墨，这并不是我懒，而是我觉得那些对你没有问题，你搞得定它！

添加模块验证

我们的管理员也是人，所以也有犯错误的可能，而且几乎是一定会犯错误。所以，我们也要添加些验证的规则，去规避错误，例如在价格中输入了负数，商品简介没有填写等，而我们还是使用系统的功能和特性去完成这些工作，这也有助于我们对系统的理解，现在我们就在Product类上添加以下特性：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.ComponentModel.DataAnnotations;
using System.Web.Mvc;

namespace SportsStore.Domain.Entities
{
    public class Product
    {
        [HiddenInput(DisplayValue = false)]
        public int ProductID { get; set; }
        [Required(ErrorMessage = "请输入商品名称")]
        public string Name { get; set; }

        [DataType(DataType.MultilineText)]
        [Required(ErrorMessage = "请输入商品介绍")]
        public string Description { get; set; }
        [Required]
        [Range(0.01, double.MaxValue, ErrorMessage = "请输入一个有效的价格")]
        public decimal Price { get; set; }
        [Required(ErrorMessage = "请指定一个商品类别")]
        public string Category { get; set; }
    }
}

编辑一个Product时，Html.EditorForModel helper 方法就创建一个form元素,MVC框架添加markup并加载了CSS类，这些都是显示验证错误所必需的，运行一下程序，我们的验证规则开始发挥作用了：

结果并非我们所预期的，而是抛出了一个异常，仔细分析原因，原来是因为我们改动了数据模型，导致EFDbContext不再适用于原来的数据库，我们需要做数据迁移。

Entity Framework Migrations

处理这种情况，我们可能有下面几种选择方案：

• 删除数据库并重建它, 当这将丢失数据库中的数据, 而且你的老板和客户都会不喜欢这种方案。
• 根据错误提示做Code-Migration。

那么，我们怎么该怎么做呢？

Step 1:在Global.asax, 在Application_Start 事件中添加下行代码：

?

Database.SetInitializer<EFDbContext>(null); //For Changes

哦对了，如果你的程序不能认出Database这个名字，你要添加一条引用语句在代码的引用部分

?

using System.Data.Entity;

Step 2:打开程序包管理控制台，工具/库程序包管理器/程序包管理控制台，执行下列命令:

PM> Enable-Migrations -ProjectName SportsStore.Domain -ContextTypeName SportsStore.Domain.Concrete.EFDbContext

执行命令后, 你应该在工程文件夹下，看到一个新文件夹被命名为 ‘Migrations’ 的文件夹。

• Configuration - ‘Seed’ 方法.
• InitialCreate - Up 和Down 方法.

Step 3 执行下面的命令：
PM> add-migration -ProjectName SportsStore.Domain  Initial

这个命令将会在‘Migrations’ 文件夹中添加一个命名为<TimeStamp>_Initial.cs的文件。

Step 4：PM> update-database -ProjectName SportsStore.Domain

更新数据库，现在运行程序，你应该可以看到预期的结果了

现在我们可以把刚才添加到Global.asax的Application_Start 事件中的代码再完善一下：

?

Database.SetInitializer<EFDbContext>(new CreateDatabaseIfNotExists<EFDbContext>()); //For Changes

我们的验证方法并不科学，不但导致程序不可读，而且，每次验证都要在服务器端处理，而不能直接在浏览器端解决，这很浪费资源和时间，之所以绕出这么远，主要是为了掩饰EF框架数据迁移的用法，如果你觉得这是有助于学习，你得到了帮助，那么请为我留下个推荐吧！

改用客户端校验

打开_AdminLayout.cshtml文件，添加如下语句：

    <script src="~/Scripts/jquery-1.7.1.js"></script>
    <script src="~/Scripts/jquery.validate.min.js"></script>
    <script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>
    <title></title>

你可以在通过设置web.config文件，去关闭整个工程的客户端验证：

<appSettings>
    <add key="webpages:Version" value="2.0.0.0" />
    <add key="webpages:Enabled" value="false" />
    <add key="PreserveLoginUrl" value="true" />
    <add key="ClientValidationEnabled" value="false" />
    <add key="UnobtrusiveJavaScriptEnabled" value="false" />
    <add key="Email.WriteAsFile" value="true"/>
  </appSettings>

添加新产品

创建一个新的action方法到AdminController类：

public ViewResult Create()
        {
            return View("Edit", new Product());
        }

我们这个创建的方法没有自己对应的View，我们重用了Edit view,一个action方法链接到一个存在的view上，是个完美的设计，在这里，我们注入一个新的产品对象作为View model，使Edit view弹出一个空窗体，然而，我们还是过于乐观了，现在的代码还不是我们所期望的结果。因为它不能返回到初始的Edit action，我们需要修改一下Views/Admin/Edit.cshtml文件：

@model SportsStore.Domain.Entities.Product
@{
    ViewBag.Title = "Admin: 编辑" + @Model.Name;
    Layout = "~/Views/Shared/_AdminLayout.cshtml";
    }

    <h1>Edit @Model.Name</h1>

@using (Html.BeginForm("Edit", "Admin"))
{
    @Html.EditorForModel()
    <input type="submit" value="保存" />
    @Html.ActionLink("取消并返回", "Index")
}

我们为BeginForm（）添加了两个参数，保证返回的地址是正确的。

删除商品

添加一个新的方法到IProductRepository接口：

Product DeleteProduct(int productID);

然后到EFProductRepository类中去实现这个方法：

public Product DeleteProduct(int productID)
        {
            Product dbEntry = context.Products.Find(productID);
            if (dbEntry != null)
            {
                context.Products.Remove(dbEntry);
                context.SaveChanges();
            }
            return dbEntry;
        }

最后一步，我们要在AdminController中添加一个删除的action方法，这里我们只要支持Post，因为这个删除的操作不是幂等操作，幂等操作不在本系了教程之内，如果有朋友感兴趣，可以去查阅相关资料，这里你只需知道，Get方法make一个请求时，不需要用户的显示同意，就会释放浏览器和缓存，这个极为危险的，为了回避这一点，我们必须使用Post。

        [HttpPost]
        public ActionResult Delete(int productId)
        {

            Product deletedProduct = repository.DeleteProduct(productId);
            if (deletedProduct != null)
            {
                TempData["message"] = string.Format("{0} was deleted",
                deletedProduct.Name);
            }
            return RedirectToAction("Index");
        }

到AdminTest文件中，添加测试方法吧：

        [TestMethod]
        public void Can_Delete_Valid_Products() {
                // Arrange - create a Product
                Product prod = new Product { ProductID = 2, Name = "Test" };
                // Arrange - create the mock repository
                Mock<IProductsRepository> mock = new Mock<IProductsRepository>();
                mock.Setup(m => m.Products).Returns(new Product[] {
                new Product {ProductID = 1, Name = "P1"},
                prod,
                new Product {ProductID = 3, Name = "P3"},
                }.AsQueryable());
                // Arrange - create the controller
                AdminController target = new AdminController(mock.Object);
                // Act - delete the product
                target.Delete(prod.ProductID);
                // Assert - ensure that the repository delete method was
                // called with the correct Product
                mock.Verify(m => m.DeleteProduct(prod.ProductID));
        }

运行它去看看今天的成果吧！如果你完全理解和掌握了这个系列的所有知识点，现在你已经是MVC的专家了，你可以应用这些技术到你的项目中。今天就到这里吧，下篇我们将进行最后的润色，争取做到完美收官！有任何问题可直接留言或Email给我，请继续保持你热情，让我们善始善终吧！

打开VS2012的创建单元测试功能

在VS2010中，在类中点击右键，有一个创建创建单元测试命令，可以很方便的生成单元测试项目和代码。但不知道为什么VS2012反而没有这个功能。

网上搜了一下，好在这个功能是可以通过配置打来的。

传送门：http://www.cnblogs.com/WilsonWu/archive/2013/05/22/3092584.html

但作者用的是英文的VS，我们来个汉化版本的。并说明一下需要注意的地方。

1 打开  工具--自定义

2 选择 上下文菜单--编辑器上下文菜单|代码窗口

3 在这里我们可以看到“创建单元测试”这个菜单了，将它移到运行测试菜单下面

4 关闭VS并重启

重启后再对着类名，点击右键，发现上下文菜单中已经出现了“创建单元测试”按钮，但它是灰色的，并不能使用。但我们离成功不远了。

重启很重要，如果不重启，菜单出不来。

5 解决方案中右键，添加--新建项目，添加一个单元测试项目。

如图：

6 右键单元测试项目，添加--单元测试

哈哈，此时大功告成，你再返回非测试项目项目中，对着类名点击右键，就可以看到“创建单元测试”可以用了。

PS：好像重新打开项目的时候，“创建单元测试”都会是灰色的，但重新执行一下步骤6就OK了。

如果我的文章对你有帮助，就点一下推荐吧.(*^__^*)

 

 

标签: .NET