游牧学院

4.1 MVC 模式介绍
4.3 控制器与动作方法

ASP.NET MVC 4.2 创建 ASP.NET MVC 项目教程

1. 引言

ASP.NET MVC（Model-View-Controller）是一种用于构建动态网站的框架，它将应用程序分为三个主要部分：模型、视图和控制器。这种分离使得开发、测试和维护变得更加高效。本文将详细介绍如何在ASP.NET MVC 4.2中创建一个MVC项目，包括架构的基本概念、项目的创建步骤、示例代码以及每个部分的优缺点和注意事项。

2. ASP.NET MVC 架构概述

2.1 MVC 模式

  • 模型（Model）：模型代表应用程序的数据和业务逻辑。它负责与数据库交互，处理数据的验证和业务规则。

  • 视图（View）：视图是用户界面部分，负责展示数据给用户。视图通常是HTML页面，可能包含一些动态内容。

  • 控制器（Controller）：控制器是模型和视图之间的中介。它接收用户输入，调用模型进行处理，并返回相应的视图。

2.2 优点

  • 分离关注点：MVC模式将应用程序的不同部分分开，使得开发和维护变得更加简单。
  • 可测试性：由于各个部分的分离，单元测试变得更加容易。
  • 灵活性：可以使用不同的视图引擎和数据存储方式。

2.3 缺点

  • 学习曲线：对于初学者来说，MVC模式可能会有一定的学习曲线。
  • 复杂性：对于小型应用程序，MVC的结构可能显得过于复杂。

3. 创建 ASP.NET MVC 项目

3.1 环境准备

在开始之前，请确保您已经安装了以下软件：

  • Visual Studio 2012 或更高版本
  • .NET Framework 4.5 或更高版本

3.2 创建新项目

  1. 打开 Visual Studio。
  2. 选择“文件” > “新建” > “项目”。
  3. 在“新建项目”对话框中，选择“Web”下的“ASP.NET MVC 4 Web 应用程序”。
  4. 输入项目名称和位置，然后点击“确定”。
  5. 在接下来的对话框中，选择“空”模板或“基本”模板（如果您希望使用身份验证，可以选择“带身份验证的基本”）。
  6. 点击“确定”以创建项目。

3.3 项目结构

创建项目后，您将看到以下文件夹结构：

  • Controllers：存放控制器类。
  • Models：存放模型类。
  • Views：存放视图文件。
  • Scripts：存放JavaScript文件。
  • Content：存放CSS和图像文件。

3.4 创建模型

在Models文件夹中，创建一个名为Product.cs的模型类：

using System.ComponentModel.DataAnnotations;

namespace YourNamespace.Models
{
    public class Product
    {
        public int Id { get; set; }

        [Required]
        [StringLength(100)]
        public string Name { get; set; }

        [Range(0.01, 10000)]
        public decimal Price { get; set; }
    }
}

优点

  • 使用数据注解进行验证，确保数据的完整性。

注意事项

  • 确保使用合适的数据类型和验证属性。

3.5 创建控制器

在Controllers文件夹中，创建一个名为ProductController.cs的控制器类：

using System.Collections.Generic;
using System.Web.Mvc;
using YourNamespace.Models;

namespace YourNamespace.Controllers
{
    public class ProductController : Controller
    {
        private static List<Product> products = new List<Product>
        {
            new Product { Id = 1, Name = "Product1", Price = 10.00M },
            new Product { Id = 2, Name = "Product2", Price = 20.00M }
        };

        public ActionResult Index()
        {
            return View(products);
        }

        public ActionResult Details(int id)
        {
            var product = products.Find(p => p.Id == id);
            return View(product);
        }
    }
}

优点

  • 控制器负责处理用户请求，调用模型并返回视图。

注意事项

  • 确保控制器方法的命名符合约定，以便于路由。

3.6 创建视图

在Views/Product文件夹中，创建一个名为Index.cshtml的视图文件：

@model IEnumerable<YourNamespace.Models.Product>

<h2>Products</h2>
<table>
    <tr>
        <th>Name</th>
        <th>Price</th>
        <th>Details</th>
    </tr>
    @foreach (var product in Model)
    {
        <tr>
            <td>@product.Name</td>
            <td>@product.Price</td>
            <td>@Html.ActionLink("View", "Details", new { id = product.Id })</td>
        </tr>
    }
</table>

在Views/Product文件夹中，创建一个名为Details.cshtml的视图文件：

@model YourNamespace.Models.Product

<h2>Product Details</h2>
<p>Name: @Model.Name</p>
<p>Price: @Model.Price</p>
<a href="@Url.Action("Index")">Back to List</a>

优点

  • 视图使用Razor语法，能够轻松地嵌入C#代码。

注意事项

  • 确保视图的模型类型与控制器返回的模型类型一致。

3.7 配置路由

在App_Start文件夹中，打开RouteConfig.cs文件，确保路由配置如下：

public class RouteConfig
{
    public static void RegisterRoutes(RouteCollection routes)
    {
        routes.IgnoreRoute("{resource}.axd/{*pathInfo}");

        routes.MapRoute(
            name: "Default",
            url: "{controller}/{action}/{id}",
            defaults: new { controller = "Product", action = "Index", id = UrlParameter.Optional }
        );
    }
}

优点

  • 路由配置允许您定义URL模式，便于用户访问。

注意事项

  • 确保路由的顺序正确，以避免冲突。

4. 运行项目

  1. 在Visual Studio中，按F5或点击“开始调试”按钮。
  2. 浏览器将打开并显示产品列表。

5. 总结

本文详细介绍了如何在ASP.NET MVC 4.2中创建一个简单的MVC项目。我们探讨了MVC架构的基本概念，创建模型、控制器和视图的步骤，以及每个部分的优缺点和注意事项。通过这个示例，您应该能够理解ASP.NET MVC的基本工作原理，并能够创建自己的MVC应用程序。

6. 进一步学习

  • 深入学习ASP.NET MVC的高级特性，如过滤器、模型绑定、依赖注入等。
  • 探索ASP.NET Core MVC，它是ASP.NET MVC的最新版本，具有更好的性能和跨平台支持。

希望这篇教程对您有所帮助，祝您在ASP.NET MVC的学习和开发中取得成功！

4.1 MVC 模式介绍
4.3 控制器与动作方法