首页 教程 Web前端 C# Web 开发:ASP.NET Core 从入门到实战

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

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.cshtmlDetails.cshtml 视图文件。

  • Index.cshtml:展示商品列表。

    @model IEnumerable<ECommerceApp.Models.Product>

    商品列表

    商品列表

    • @foreach (var product in Model) {
3.4 路由与控制器方法

Startup.cs 文件中配置路由。默认情况下,ASP.NET Core 会使用约定路由。我们已经在 ProductController 中定义了两个方法:IndexDetails。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); }

6. 总结

通过本教程,你已经掌握了如何使用 ASP.NET Core 创建一个基本的 MVC Web 应用,包含了商品的展示、添加、数据库集成等核心功能。你可以进一步扩展这个系统,比如:

  • 添加用户认证与授权(Identity)。
  • 集成支付系统(如 Stripe 或 PayPal)。
  • 设计 RESTful API 实现前后端分离。
  • 使用 SignalR 实现实时更新功能。

ASP.NET Core 是一个非常强大的框架,能够支持各种 Web 开发需求,学习它可以为你打下坚实的 Web 开发基础。

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

评论(0)条

提示:请勿发布广告垃圾评论,否则封号处理!!

    猜你喜欢
    【MySQL】用户管理

    【MySQL】用户管理

     服务器/数据库  4个月前  4.14k

    我们推荐使用普通用户对数据的访问。而root作为管理员可以对普通用户对应的权限进行设置和管理。如给张三和李四这样的普通用户权限设定后。就只能操作给你权限的库了。

    Cursor Rules 让开发效率变成10倍速

    Cursor Rules 让开发效率变成10倍速

     服务器/数据库  4个月前  2.39k

    在AI与编程的交汇点上,awesome-cursorrules项目犹如一座灯塔,指引着开发者们驶向更高效、更智能的编程未来。无论你是经验丰富的老手,还是刚入行的新人,这个项目都能为你的编程之旅增添一抹亮色。这些规则文件就像是你私人定制的AI助手,能够根据你的项目需求和个人偏好,精确地调教AI的行为。突然间,你会发现AI不仅能理解Next.js的最佳实践,还能自动应用TypeScript的类型检查,甚至主动提供Tailwind CSS的类名建议。探索新的应用场景,推动AI辅助编程的边界。

    探索Django 5: 从零开始,打造你的第一个Web应用

    探索Django 5: 从零开始,打造你的第一个Web应用

     服务器/数据库  4个月前  2.2k

    Django 是一个开放源代码的 Web 应用程序框架,由 Python 写成。它遵循 MVT(Model-View-Template)的设计模式,旨在帮助开发者高效地构建复杂且功能丰富的 Web 应用程序。随着每个版本的升级,Django 不断演变,提供更多功能和改进,让开发变得更加便捷。《Django 5 Web应用开发实战》集Django架站基础、项目实践、开发经验于一体,是一本从零基础到精通Django Web企业级开发技术的实战指南《Django 5 Web应用开发实战》内容以。

    MySQL 的mysql_secure_installation安全脚本执行过程介绍

    MySQL 的mysql_secure_installation安全脚本执行过程介绍

     服务器/数据库  4个月前  2.15k

    mysql_secure_installation 是 MySQL 提供的一个安全脚本,用于提高数据库服务器的安全性

    【MySQL基础篇】概述及SQL指令:DDL及DML

    【MySQL基础篇】概述及SQL指令:DDL及DML

     服务器/数据库  4个月前  895

    数据库是长期存储在计算机内的、有组织的、可共享的、统一管理的大量数据的集合。数据库不仅仅是数据的简单堆积,而是遵循一定的规则和模式进行组织和管理的。数据库中的数据可以包括文本、数字、图像、音频等各种类型的信息。

    Redis中的哨兵(Sentinel)

    Redis中的哨兵(Sentinel)

     服务器/数据库  4个月前  716

    ​ 上篇文章我们讲述了Redis中的主从复制(Redis分布式系统中的主从复制-CSDN博客),本篇文章针对主从复制中的问题引出Redis中的哨兵,希望本篇文章会对你有所帮助。