ASP.NET Core 是一个开源、跨平台、高性能的 Web 框架,适用于构建现代 Web 应用和 API。它不仅支持传统的 Web 应用开发,还支持 RESTful API、实时应用、微服务等架构。与传统的 ASP.NET 框架相比,ASP.NET Core 更加轻量级、模块化,并支持跨平台部署,能够在 Windows、Linux 和 macOS 上运行。
本指南将带你通过一个 ASP.NET Core Web 应用 的完整开发过程,从入门到实战,帮助你掌握如何创建一个实际的 Web 应用。
ASP.NET Core 是一个 跨平台 的 Web 框架,适用于开发高度性能化和可扩展的 Web 应用。它基于 .NET Core,可以运行在 Windows、Linux 和 macOS 上。它支持以下几种开发场景:
首先,你需要安装 .NET SDK。如果没有安装,可以从 官方站点 下载并安装。
你可以通过 .NET CLI 命令创建一个新的 ASP.NET Core Web 应用:
dotnet new mvc -n ECommerceApp
cd ECommerceApp
这个命令会创建一个新的 ASP.NET Core MVC 项目。mvc
模板是 ASP.NET Core 默认的 Web 应用模板,它包含了 MVC(模型-视图-控制器)设计模式的基础结构。
创建项目后,ASP.NET Core 会自动生成以下目录结构:
ECommerceApp/
├── Controllers/ # 控制器文件夹,处理业务逻辑
├── Models/ # 模型文件夹,存放数据实体
├── Views/ # 视图文件夹,存放 Razor 视图文件
├── wwwroot/ # 静态文件夹(如 CSS、JS、图片等)
├── appsettings.json # 配置文件,存储数据库连接、日志等设置
├── Startup.cs # 配置应用程序服务和请求管道
├── Program.cs # 应用程序启动点
ASP.NET Core 使用 MVC 模式进行 Web 开发。MVC 模式将应用程序分为三个主要部分:
在 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; }
}
}
在 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);
}
}
}
在 Views/Product
文件夹下创建 Index.cshtml
和 Details.cshtml
视图文件。
Index.cshtml:展示商品列表。
@model IEnumerable<ECommerceApp.Models.Product>
在 Startup.cs
文件中配置路由。默认情况下,ASP.NET Core 会使用约定路由。我们已经在 ProductController
中定义了两个方法:Index
和 Details
。ASP.NET Core 会根据 URL 自动匹配这些方法。
为了存储和管理商品信息,我们需要一个数据库。ASP.NET Core 默认支持 Entity Framework Core,这是一款轻量级的 ORM(对象关系映射)工具,允许你通过对象操作数据库。
在 appsettings.json
中配置数据库连接字符串:
{
"ConnectionStrings": {
"DefaultConnection": "Server=(localdb)\mssqllocaldb;Database=ECommerceDb;Trusted_Connection=True;MultipleActiveResultSets=true"
}
}
创建一个 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; }
}
}
在 Startup.cs
中配置数据库上下文。
public void ConfigureServices(IServiceCollection services)
{
services.AddDbContext<ApplicationDbContext>(options =>
options.UseSqlServer(Configuration.GetConnectionString("DefaultConnection")));
services.AddControllersWithViews();
}
使用命令行工具创建数据库迁移,并生成数据库:
dotnet ef migrations add InitialCreate
dotnet ef database update
现在,你可以通过 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);
}
}
}
ASP.NET Core 提供了多种方式来处理前端与后端的交互。例如,你可以使用 Razor 视图引擎来动态生成 HTML,处理表单提交等。你还可以结合 JavaScript 提升用户体验,或者通过 AJAX 请求与后台 API 交互。
你可以在视图中创建一个简单的表单来添加新商品。
@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>
在控制器中处理表单的 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);
}
通过本教程,你已经掌握了如何使用 ASP.NET Core 创建一个基本的 MVC Web 应用,包含了商品的展示、添加、数据库集成等核心功能。你可以进一步扩展这个系统,比如:
ASP.NET Core 是一个非常强大的框架,能够支持各种 Web 开发需求,学习它可以为你打下坚实的 Web 开发基础。
提示:请勿发布广告垃圾评论,否则封号处理!!