第 11 部分:使用 ASP.NET Core 进行 Web 开发简介
第 11 部分,也是新手指南的最后一部分。在最后一篇文章中,我们将讨论 Web 开发,因为它是当今技术领域的一项重要技能,可让您创建动态且易于使用的应用程序,并可从任何浏览器访问。在本文中,我们将探讨使用 **ASP.NET Core** 开发 Web 应用程序的基础知识,并利用最新版本的 **.NET 8** 和 **C# 12** 的功能。
1.什么是 ASP.NET Core?
ASP.NET Core 是一个用于构建 Web 应用程序的现代、开源、跨平台框架。它支持多种开发风格,包括:
2.创建一个简单的Web应用程序
在本节中,我们将使用最新的 **ASP.NET Core** 功能创建一个最小的 Web 应用程序。
步骤 1:设置项目
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 是一种将应用程序分为三个相互连接的组件的设计模式:
我们来实现一个简单的 MVC 示例:
步骤 1:向项目添加 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:创建视图
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 Liststudents = 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:创建视图
@model ListStudents Student List
Add New Student
@foreach (var student in Model) { ID Name Age } @student.Id @student.Name @student.Age
@model StudentAdd Student Add New Student
重新运行应用程序并导航到“/Student”来管理学生。
5.最佳实践
一般提示
保持代码清洁
最后的想法
借助 ASP.NET Core,您可以使用强大的框架来创建现代、可扩展的 Web 应用程序。本指南的最后一章将向您介绍 Web 开发,并为探索更高级的主题(如 API 创建、身份验证和数据库集成)奠定基础。祝您编码愉快,新年快乐!