第 11 部分:使用 ASP.NET Core 进行 Web 开发简介

第 11 部分,也是新手指南的最后一部分。在最后一篇文章中,我们将讨论 Web 开发,因为它是当今技术领域的一项重要技能,可让您创建动态且易于使用的应用程序,并可从任何浏览器访问。在本文中,我们将探讨使用 **ASP.NET Core** 开发 Web 应用程序的基础知识,并利用最新版本的 **.NET 8** 和 **C# 12** 的功能。

1.什么是 ASP.NET Core?

ASP.NET Core 是一个用于构建 Web 应用程序的现代、开源、跨平台框架。它支持多种开发风格,包括:

  • Razor Pages:适用于以页面为中心的场景。
  • 模型-视图-控制器 (MVC):适用于具有复杂 UI 逻辑的应用程序。
  • 最小 API:构建 API 的轻量级方法。
  • Blazor:使用 C# 而不是 JavaScript 构建交互式 Web UI。
  • 2.创建一个简单的Web应用程序

    在本节中,我们将使用最新的 **ASP.NET Core** 功能创建一个最小的 Web 应用程序。

    步骤 1:设置项目

  • 打开终端或您喜欢的 IDE(例如,Visual Studio 或 VS Code)。
  • 运行以下命令创建一个新的 ASP.NET Core 项目:
  • dotnet new web -n MyFirstWebApp
  • 导航到项目文件夹:
  • cd MyFirstWebApp
  • 运行应用程序:
  • dotnet run

    在浏览器中访问“http://localhost:5000”即可查看正在运行的第一个 ASP.NET Core 应用程序。

    步骤 2:使用最少 API 添加端点

    最小 API 是在 ASP.NET Core 中定义端点的简化方法。打开“Program.cs”文件并添加以下代码:

    var builder = WebApplication.CreateBuilder(args);
    var app = builder.Build();
    
    app.MapGet("/", () => "Welcome to my first ASP.NET Core application!");
    
    app.Run();

    重新运行应用程序并访问根 URL 以查看显示的消息。

    3.理解MVC(模型-视图-控制器)

    MVC 是一种将应用程序分为三个相互连接的组件的设计模式:

  • 模型:代表应用程序的数据和业务逻辑。
  • 视图:处理表示层(HTML、CSS 等)。
  • 控制器:处理用户输入并相应地更新模型和视图。
  • 我们来实现一个简单的 MVC 示例:

    步骤 1:向项目添加 MVC

  • 更新 Program.cs 文件以包含 MVC 支持:
  • var builder = WebApplication.CreateBuilder(args);
    builder.Services.AddControllersWithViews();
    
    var app = builder.Build();
    
    app.MapControllerRoute(
        name: "default",
        pattern: "{controller=Home}/{action=Index}/{id?}");
    
    app.Run();

    步骤 2:创建控制器

    在项目根目录中创建一个名为“Controllers”的文件夹,并添加一个新文件“HomeController.cs”,其中包含以下代码:

    using Microsoft.AspNetCore.Mvc;
    
    public class HomeController : Controller
    {
        public IActionResult Index()
        {
            return View();
        }
    }

    步骤 3:创建视图

  • 在项目根目录中创建一个名为 Views 的文件夹。
  • 在 Views 中,创建另一个名为 Home 的文件夹。
  • 在Home文件夹中添加一个新文件Index.cshtml,内容如下:
  • 
    
    
        Welcome
    
    
        

    Welcome to ASP.NET Core MVC!

    重新运行应用程序并访问根 URL 以查看基于 MVC 的页面。

    4. 构建一个简单的 MVC 应用程序:学生管理

    让我们通过创建一个管理学生名单的简单 MVC 应用程序来扩展我们的知识。

    步骤 1:定义模型

    添加一个名为“Models”的新文件夹并创建一个文件“Student.cs”:

    public class Student
    {
        public int Id { get; set; }
        public string Name { get; set; }
        public int Age { get; set; }
    }

    步骤 2:创建控制器

    在`Controllers`文件夹中添加一个新的控制器`StudentController.cs`:

    using Microsoft.AspNetCore.Mvc;
    using System.Collections.Generic;
    
    public class StudentController : Controller
    {
        private static List students = new List
        {
            new Student { Id = 1, Name = "Alice", Age = 20 },
            new Student { Id = 2, Name = "Bob", Age = 22 }
        };
    
        public IActionResult Index()
        {
            return View(students);
        }
    
        [HttpGet]
        public IActionResult Create()
        {
            return View();
        }
    
        [HttpPost]
        public IActionResult Create(Student student)
        {
            if (ModelState.IsValid)
            {
                student.Id = students.Count + 1;
                students.Add(student);
                return RedirectToAction("Index");
            }
            return View(student);
        }
    }

    步骤 3:创建视图

  • 在 Views 文件夹中,创建一个名为 Student 的新文件夹。
  • 添加文件Index.cshtml:
  • @model List
    
    
    
    
        Students
    
    
        

    Student List

    @foreach (var student in Model) { }
    ID Name Age
    @student.Id @student.Name @student.Age
    Add New Student
  • 添加文件Create.cshtml:
  • @model Student
    
    
    
    
        Add Student
    
    
        

    Add New Student



    重新运行应用程序并导航到“/Student”来管理学生。

    5.最佳实践

    一般提示

  • 使用依赖注入来有效地管理服务和依赖关系。
  • 在客户端和服务器级别验证用户输入。
  • 使用环境变量和 UserSecrets 工具保护敏感数据。
  • 使用 Serilog 等日志框架进行监控和调试。
  • 保持代码清洁

  • 使用 DTO(数据传输对象)将数据模型与视图模型分离。
  • 遵循命名约定和文件夹结构以实现可维护性。
  • 最后的想法

    借助 ASP.NET Core,您可以使用强大的框架来创建现代、可扩展的 Web 应用程序。本指南的最后一章将向您介绍 Web 开发,并为探索更高级的主题(如 API 创建、身份验证和数据库集成)奠定基础。祝您编码愉快,新年快乐!