在现代Web开发中,ASP.NET Core Razor Pages 是微软推出的一种简化页面开发的模型,特别适合构建小型到中型的Web应用。如果你是初学者,想用 C# 快速搭建一个功能完整的网站,那么 Razor Pages 将是你最佳的选择!本教程将从零开始,手把手教你创建第一个 Razor Pages 应用。
Razor Pages 是 ASP.NET Core 中的一种页面导向的编程模型,它将页面逻辑和视图紧密结合在一个文件夹中(通常包含 .cshtml 视图文件和对应的 .cs 页面模型文件)。相比传统的 MVC 模式,Razor Pages 更加直观、简洁,非常适合新手入门。
你需要先安装以下工具:
打开终端(命令提示符或 PowerShell),运行以下命令:
dotnet new webapp -o MyFirstRazorAppcd MyFirstRazorAppdotnet run
执行完成后,打开浏览器访问 http://localhost:5000(或 https://localhost:5001),你将看到默认的欢迎页面!
在项目根目录下的 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 文件夹中新建两个文件:
About.cshtmlAbout.cshtml.csAbout.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教程 的学习之旅中收获满满!
本文由主机测评网于2025-12-09发表在主机测评网_免费VPS_免费云服务器_免费独立服务器,如有疑问,请联系我们。
本文链接:https://www.vpshk.cn/2025125096.html