C# Web 开发：ASP.NET Core 从入门到实战

ASP.NET Core 是一个开源、跨平台、高性能的 Web 框架，适用于构建现代 Web 应用和 API。它不仅支持传统的 Web 应用开发，还支持 RESTful API、实时应用、微服务等架构。与传统的 ASP.NET 框架相比，ASP.NET Core 更加轻量级、模块化，并支持跨平台部署，能够在 Windows、Linux 和 macOS 上运行。

本指南将带你通过一个 ASP.NET Core Web 应用 的完整开发过程，从入门到实战，帮助你掌握如何创建一个实际的 Web 应用。

1. ASP.NET Core 简介

ASP.NET Core 是一个 跨平台 的 Web 框架，适用于开发高度性能化和可扩展的 Web 应用。它基于 .NET Core，可以运行在 Windows、Linux 和 macOS 上。它支持以下几种开发场景：

MVC（Model-View-Controller）：经典的 Web 开发模式，用于创建动态 Web 应用。
Web API：RESTful API 服务的开发，适用于前后端分离、移动应用等场景。
Blazor：基于 WebAssembly 构建的客户端 Web 应用框架，可以用 C# 代替 JavaScript 编写前端代码。

2. 创建 ASP.NET Core 项目

2.1 安装 .NET SDK

首先，你需要安装 .NET SDK。如果没有安装，可以从官方站点下载并安装。

2.2 使用 .NET CLI 创建项目

你可以通过 .NET CLI 命令创建一个新的 ASP.NET Core Web 应用：

dotnet new mvc -n ECommerceApp
cd ECommerceApp

这个命令会创建一个新的 ASP.NET Core MVC 项目。mvc 模板是 ASP.NET Core 默认的 Web 应用模板，它包含了 MVC（模型-视图-控制器）设计模式的基础结构。

2.3 项目结构概览

创建项目后，ASP.NET Core 会自动生成以下目录结构：

ECommerceApp/
├── Controllers/         # 控制器文件夹，处理业务逻辑
├── Models/              # 模型文件夹，存放数据实体
├── Views/               # 视图文件夹，存放 Razor 视图文件
├── wwwroot/             # 静态文件夹（如 CSS、JS、图片等）
├── appsettings.json     # 配置文件，存储数据库连接、日志等设置
├── Startup.cs           # 配置应用程序服务和请求管道
├── Program.cs           # 应用程序启动点

3. 构建 Web 应用：MVC 设计模式

ASP.NET Core 使用 MVC 模式进行 Web 开发。MVC 模式将应用程序分为三个主要部分：

Model：代表应用程序的数据和业务逻辑。
View：负责显示用户界面。
Controller：接收用户请求并与 Model 和 View 交互。

3.1 创建模型（Model）

在 Models 文件夹下创建一个简单的 Product 模型类，表示商品数据。

namespace ECommerceApp.Models
{public class Product{public int Id { get; set; }public string Name { get; set; }public decimal Price { get; set; }public string Description { get; set; }}
}

3.2 创建控制器（Controller）

在 Controllers 文件夹下创建 ProductController，它将处理与商品相关的请求。

using Microsoft.AspNetCore.Mvc;
using ECommerceApp.Models;
using System.Collections.Generic;namespace ECommerceApp.Controllers
{public class ProductController : Controller{private static List<Product> products = new List<Product>{new Product { Id = 1, Name = "Laptop", Price = 999.99m, Description = "High-performance laptop" },new Product { Id = 2, Name = "Smartphone", Price = 599.99m, Description = "Latest model smartphone" }};// 显示所有商品public IActionResult Index(){return View(products);}// 显示商品详细信息public IActionResult Details(int id){var product = products.Find(p => p.Id == id);if (product == null){return NotFound();}return View(product);}}
}

3.3 创建视图（View）

在 Views/Product 文件夹下创建 Index.cshtml 和 Details.cshtml 视图文件。

Index.cshtml：展示商品列表。

@model IEnumerable<ECommerceApp.Models.Product>
商品列表
商品列表
- @foreach (var product in Model) {

3.4 路由与控制器方法

在 Startup.cs 文件中配置路由。默认情况下，ASP.NET Core 会使用约定路由。我们已经在 ProductController 中定义了两个方法：Index 和 Details。ASP.NET Core 会根据 URL 自动匹配这些方法。

4. 数据库集成：使用 Entity Framework Core

为了存储和管理商品信息，我们需要一个数据库。ASP.NET Core 默认支持 Entity Framework Core，这是一款轻量级的 ORM（对象关系映射）工具，允许你通过对象操作数据库。

4.1 配置数据库连接

在 appsettings.json 中配置数据库连接字符串：

{"ConnectionStrings": {"DefaultConnection": "Server=(localdb)\mssqllocaldb;Database=ECommerceDb;Trusted_Connection=True;MultipleActiveResultSets=true"}
}

4.2 创建数据库上下文（DbContext）

创建一个 ApplicationDbContext 类，在其中定义商品实体 Product。

using Microsoft.EntityFrameworkCore;
using ECommerceApp.Models;namespace ECommerceApp.Data
{public class ApplicationDbContext : DbContext{public ApplicationDbContext(DbContextOptions<ApplicationDbContext> options): base(options){}public DbSet<Product> Products { get; set; }}
}

4.3 配置数据库上下文

在 Startup.cs 中配置数据库上下文。

public void ConfigureServices(IServiceCollection services)
{services.AddDbContext<ApplicationDbContext>(options =>options.UseSqlServer(Configuration.GetConnectionString("DefaultConnection")));services.AddControllersWithViews();
}

4.4 创建数据库迁移

使用命令行工具创建数据库迁移，并生成数据库：

dotnet ef migrations add InitialCreate
dotnet ef database update

4.5 使用数据库

现在，你可以通过 DbContext 在控制器中进行数据访问了。修改 ProductController，让它从数据库中读取数据，而不是使用静态数据。

using Microsoft.AspNetCore.Mvc;
using Microsoft.EntityFrameworkCore;
using ECommerceApp.Models;
using ECommerceApp.Data;
using System.Collections.Generic;
using System.Threading.Tasks;namespace ECommerceApp.Controllers
{public class ProductController : Controller{private readonly ApplicationDbContext _context;public ProductController(ApplicationDbContext context){_context = context;}// 显示所有商品public async Task<IActionResult> Index(){var products = await _context.Products.ToListAsync();return View(products);}// 显示商品详细信息public async Task<IActionResult> Details(int id){var product = await _context.Products.FindAsync(id);if (product == null){return NotFound();}return View(product);}}
}

5. 前端和后端交互：表单与数据提交

ASP.NET Core 提供了多种方式来处理前端与后端的交互。例如，你可以使用 Razor 视图引擎来动态生成 HTML，处理表单提交等。你还可以结合 JavaScript 提升用户体验，或者通过 AJAX 请求与后台 API 交互。

5.1 创建商品的表单

你可以在视图中创建一个简单的表单来添加新商品。

@model ECommerceApp.Models.Product<form asp-action="Create"><label for="Name">商品名称</label><input type="text" id="Name" name="Name" required /><label for="Price">价格</label><input type="text" id="Price" name="Price" required /><label for="Description">描述</label><input type="text" id="Description" name="Description" required /><button type="submit">添加商品</button>
</form>

5.2 处理表单提交

在控制器中处理表单的 POST 请求：

[HttpPost]
public async Task<IActionResult> Create(Product product)
{if (ModelState.IsValid){_context.Products.Add(product);await _context.SaveChangesAsync();return RedirectToAction(nameof(Index));}return View(product);
}