ASP.NET Core MVC 基础教程

心灵捕手 2024-08-22 ⋅ 21 阅读

简介

ASP.NET Core MVC 是一种开发 Web 应用程序的框架,其使用模型-视图-控制器(Model-View-Controller,MVC)模式进行构建。它是微软推出的全新跨平台的开发框架,可以运行在 Windows、Linux 和 macOS 等操作系统上。

本教程将介绍 ASP.NET Core MVC 的基础知识,并带您一步一步学习如何进行后端开发。如果你是一个有一定开发经验的开发者,想要快速掌握 ASP.NET Core MVC,那么这篇教程将是您的不二选择。

环境准备

在开始学习之前,您需要确保满足以下环境准备要求:

  1. 在您的计算机上安装最新版本的 .NET Core SDK
  2. 一个文本编辑器,如 Visual Studio Code 或 Visual Studio
  3. 了解 C# 编程语言的基础知识

创建一个新的 ASP.NET Core MVC 项目

首先,让我们通过下面的步骤来创建一个新的 ASP.NET Core MVC 项目:

  1. 打开命令提示符(Command Prompt)或终端窗口
  2. 导航到您的工作目录
  3. 运行以下命令以创建一个名为 "MyMvcApp" 的新项目:
dotnet new mvc -n MyMvcApp

这将使用 dotnet new 命令创建一个名为 "MyMvcApp" 的新项目,并使用 MVC 模板。

编写第一个控制器和视图

在创建好项目后,让我们来编写一个简单的控制器和视图,以便了解 ASP.NET Core MVC 的基本工作原理。

  1. 在您的代码编辑器中,打开 Controllers 文件夹,创建一个名为 HomeController.cs 的新控制器文件,并将下面的代码粘贴进去:
using Microsoft.AspNetCore.Mvc;

namespace MyMvcApp.Controllers
{
    public class HomeController : Controller
    {
        public IActionResult Index()
        {
            return View();
        }
    }
}
  1. Views 文件夹中,创建一个名为 Home 的文件夹,然后在该文件夹中创建一个名为 Index.cshtml 的新视图文件,并将下面的代码粘贴进去:
<!DOCTYPE html>
<html>
<head>
    <title>Welcome to MyMvcApp</title>
</head>
<body>
    <h1>Welcome to MyMvcApp</h1>
</body>
</html>
  1. 运行以下命令以在开发服务器上启动项目:
dotnet run
  1. 在您的浏览器中访问 http://localhost:5000,您将看到 "Welcome to MyMvcApp" 的标题。

创建模型和数据库交互

在 ASP.NET Core MVC 中,您可以轻松地与数据库进行交互。下面让我们来创建一个简单的模型,并实现与数据库的交互。

  1. Models 文件夹中创建一个名为 User.cs 的新模型文件,并将下面的代码粘贴进去:
using System.ComponentModel.DataAnnotations;

namespace MyMvcApp.Models
{
    public class User
    {
        public int ID { get; set; }

        [Required]
        public string Name { get; set; }

        [Required]
        [EmailAddress]
        public string Email { get; set; }
    }
}
  1. 打开 Controllers 文件夹,并在 HomeController.cs 的上方添加以下代码:
using MyMvcApp.Models;
  1. 修改 HomeController.cs 中的 Index 方法,以便使用模型向视图传递数据:
public IActionResult Index()
{
    var user = new User
    {
        ID = 1,
        Name = "John Smith",
        Email = "john@example.com"
    };

    return View(user);
}
  1. 打开 Views 文件夹中的 Index.cshtml 文件,并修改 <h1> 标签之后的代码如下:
<p>Welcome, <strong>@Model.Name</strong>!</p>
<p>Your email address is <strong>@Model.Email</strong>.</p>
  1. 运行项目并刷新浏览器,您将看到页面上显示的用户信息。

总结

至此,您已经学习了 ASP.NET Core MVC 的基础知识,并且成功创建了一个简单的后端应用程序。在未来的学习中,您将会学习更多关于控制器、视图、路由和模型绑定等方面的知识。

希望这篇教程能够帮助您开始您的 ASP.NET Core MVC 之旅。如果您想要深入了解 ASP.NET Core MVC,可以参考详细的官方文档和其他教程资料。祝您编写出高效且功能强大的 Web 应用程序!


全部评论: 0

    我有话说: