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

LcVong

于 2025-04-28 21:29:51 发布

阅读量650

点赞数 5

分类专栏： C# ASP.NET.Core 文章标签： asp.net 前端后端 c#

本文链接：https://blog.csdn.net/LcVong/article/details/147596037

版权

C# 同时被 2 个专栏收录

55 篇文章

订阅专栏

ASP.NET.Core

9 篇文章

订阅专栏

一、为什么选择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()
    {
        // 可在此处添加业务逻辑
    }
}