【零基础入门】ASP.NET Core快速搭建第一个Web应用

一、为什么选择ASP.NET Core？
跨平台支持：可在Windows/macOS/Linux系统运行

高性能：比传统ASP.NET框架快10倍以上

开源生态：活跃的开发者社区和丰富的NuGet包

云原生支持：完美适配Docker和Kubernetes部署

二、开发环境准备（Windows为例）
安装 .NET 8 SDK

下载 Visual Studio 2022 Community版

安装时勾选工作负载：

ASP.NET和Web开发

.NET桌面开发

（注：社区版完全免费，符合学生/个人开发者使用规范）

三、创建首个Web应用（图文步骤）
步骤1：新建项目
打开VS2022 → 创建新项目 → 搜索"ASP.NET Core Web App"

项目命名：FirstWebDemo

选择.NET 8.0框架

身份验证类型：选"无"

步骤2：项目结构解析

FirstWebDemo/
├── Pages/          # Razor页面目录
├── wwwroot/        # 静态资源文件夹
├── appsettings.json # 配置文件
└── Program.cs      # 程序入口文件

步骤3：编写动态页面

修改Pages/Index.cshtml：

@page
@model IndexModel
@{ViewData["Title"] = "欢迎来到ASP.NET";
}<div class="text-center"><h1 class="display-4">@Model.Message</h1><p>当前时间：@DateTime.Now.ToString("yyyy-MM-dd HH:mm:ss")</p>
</div>

修改Pages/Index.cshtml.cs：

public class IndexModel : PageModel
{public string Message { get; set; } = "我的第一个ASP.NET Core应用！";public void OnGet(){// 可在此处添加业务逻辑}
}

四、运行与调试

1. 按F5启动调试

2. 浏览器自动打开https://localhost:5001

3. 查看实时更新的时间显示

五、扩展练习（举一反三）

1. 添加新页面：右键Pages文件夹→添加→Razor页面

2. 表单处理：在页面中添加<form method="post">标签

3. 数据传递：使用TempData["Key"]跨页面传值

六、避坑指南

• 404错误：检查页面是否包含@page指令

• 未更新内容：清理解决方案后重新生成

• 端口冲突：修改Properties/launchSettings.json

七、学习路线推荐

1. 掌握C#基础语法

2. 学习Razor页面开发

3. 了解Entity Framework Core数据库操作

4. 实践Web API开发

5. 部署到IIS/Docker

---

推荐资源：

• 官方文档：Microsoft Learn ASP.NET Core

• 免费课程：《ASP.NET Core入门到精通》CSDN学院

---

注意事项：

1. 代码遵循MIT开源协议

2. 开发环境建议使用正式版软件

3. 生产环境需配置HTTPS证书

---

这篇教程通过渐进式教学+实战演示，确保新手能完成从环境搭建到首个应用部署的全流程体验。