当前位置:首页 > C# > 正文

ASP.NET Core Razor Pages快速上手(零基础也能学会的C# Web开发指南)

在现代Web开发中,ASP.NET Core Razor Pages 是微软推出的一种简化页面开发的模型,特别适合构建小型到中型的Web应用。如果你是初学者,想用 C# 快速搭建一个功能完整的网站,那么 Razor Pages 将是你最佳的选择!本教程将从零开始,手把手教你创建第一个 Razor Pages 应用。

ASP.NET Core Razor Pages快速上手(零基础也能学会的C# Web开发指南) Pages教程  Pages入门 C# Web开发 .NET Core页面模型 第1张

什么是 Razor Pages?

Razor Pages 是 ASP.NET Core 中的一种页面导向的编程模型,它将页面逻辑和视图紧密结合在一个文件夹中(通常包含 .cshtml 视图文件和对应的 .cs 页面模型文件)。相比传统的 MVC 模式,Razor Pages 更加直观、简洁,非常适合新手入门。

第一步:安装开发环境

你需要先安装以下工具:

第二步:创建你的第一个 Razor Pages 项目

打开终端(命令提示符或 PowerShell),运行以下命令:

dotnet new webapp -o MyFirstRazorAppcd MyFirstRazorAppdotnet run  

执行完成后,打开浏览器访问 http://localhost:5000(或 https://localhost:5001),你将看到默认的欢迎页面!

第三步:理解 Razor Pages 的结构

在项目根目录下的 Pages 文件夹中,你会看到如下关键文件:

  • Index.cshtml:这是首页的视图文件,使用 Razor 语法编写 HTML。
  • Index.cshtml.cs:这是页面模型(Page Model),包含 C# 后台逻辑。

让我们看看 Index.cshtml.cs 的基本结构:

// Index.cshtml.csusing Microsoft.AspNetCore.Mvc.RazorPages;namespace MyFirstRazorApp.Pages{    public class IndexModel : PageModel    {        public void OnGet()        {            // 页面加载时执行的逻辑        }    }}  

Index.cshtml 则负责展示内容:

@* Index.cshtml *@@page@model IndexModel<h2>欢迎来到我的 Razor Pages 网站!</h2><p>当前时间是:@DateTime.Now.ToString("yyyy-MM-dd HH:mm:ss")</p>  

第四步:添加新页面

假设你想添加一个“关于”页面,只需在 Pages 文件夹中新建两个文件:

  1. About.cshtml
  2. About.cshtml.cs

About.cshtml.cs 内容:

using Microsoft.AspNetCore.Mvc.RazorPages;namespace MyFirstRazorApp.Pages{    public class AboutModel : PageModel    {        public string Message { get; set; } = "这是关于页面!";        public void OnGet()        {        }    }}  

About.cshtml 内容:

@page@model AboutModel<h2>关于</h2><p>@Model.Message</p>  

保存后,访问 /About 即可看到新页面!

总结

通过本教程,你已经掌握了 ASP.NET Core Razor Pages 的基本用法。无论是 Razor Pages入门 还是 C# Web开发,这都是一个坚实的第一步。Razor Pages 的设计理念就是“简单高效”,特别适合快速原型开发和中小型项目。

记住,核心概念包括:.NET Core页面模型(PageModel)、@page 指令、以及前后端代码的分离与协作。继续练习,尝试添加表单、数据库连接等功能,你的 Web 开发技能将飞速提升!

祝你在 ASP.NET Core Razor Pages教程 的学习之旅中收获满满!