安装 .NET SDK 和代码编辑器后,使用 dotnet new webapp 创建项目,通过 dotnet run 运行应用;2. 修改 Pages/Index.cshtml 可更新首页内容;3. 添加 About.cshtml 及后台模型实现新页面,访问路径为 /About。

想快速上手 ASP.NET Core 并构建一个属于自己的 Web 应用?你来对地方了。ASP.NET Core 是微软推出的高性能、跨平台的 Web 开发框架,适合开发从简单网站到复杂企业级服务的各种应用。下面带你一步步创建你的第一个 .NET Web 应用,无需前期经验,只要会基本操作就能跟上。
准备工作:安装开发环境
- .NET SDK:访问 learn.microsoft.com/dotnet 下载最新版本的 .NET SDK(推荐 .NET 8 或更高)。
- 代码编辑器:推荐使用 Visual Studio Code(轻量且跨平台),也可选择 Visual Studio(Windows 用户更友好)。
安装完成后,打开终端或命令行,输入 dotnet --version 验证是否安装成功。
创建你的第一个 ASP.NET Core 项目
使用 .NET CLI(命令行接口)可以快速生成项目。在终端中执行以下命令:
dotnet new webapp -n MyFirstWebApp cd MyFirstWebApp dotnet run
解释一下这些命令:
- dotnet new webapp 创建一个基于 Razor Pages 的 Web 应用模板。
- -n MyFirstWebApp 指定项目名称。
- dotnet run 编译并启动应用。
启动成功后,浏览器会自动打开,地址通常是 https://localhost:5001,你会看到默认的 ASP.NET Core 欢迎页面。
理解项目结构与简单修改
项目创建后,主要文件和文件夹包括:
本文档主要讲述的是Sencha touch 开发指南;主要介绍如何使用Sencha Touch为手持设备进行应用开发,主要是针对iPhone这样的高端手机,我们会通过一个详细的例子来介绍整个开发的流程。 Sencha Touch是专门为移动设备开发应用的Javascrt框架。通过Sencha Touch你可以创建非常像native app的web app,用户界面组件和数据管理全部基于HTML5和CSS3的web标准,全面兼容Android和Apple iOS。希望本文档会给有需要的朋友带来帮助;感兴趣的
- Pages/:存放 Razor 页面(.cshtml 文件),如 Index.cshtml 是首页。
- wwwroot/:存放静态资源,如 CSS、JS、图片。
- Program.cs:应用的入口点,配置服务和中间件。
尝试修改首页内容:打开 Pages/Index.cshtml,找到
标签,把文字改成“我的第一个 ASP.NET Core 页面!”,保存后刷新浏览器,变化立即生效(启用热重载时)。
添加一个简单的功能页面
我们来添加一个新页面,比如“关于”页面。
- 在 Pages 文件夹右键,新建文件 About.cshtml。
- 写入以下内容:
@page
@model MyFirstWebApp.Pages.AboutModel
@{
ViewData["Title"] = "关于";
}
关于本应用
这是一个使用 ASP.NET Core 构建的入门示例。
- 再创建对应的后台模型文件 About.cshtml.cs(可选,用于处理逻辑):
using Microsoft.AspNetCore.Mvc.RazorPages;
namespace MyFirstWebApp.Pages
{
public class AboutModel : PageModel
{
public void OnGet()
{
// 可在此加载数据
}
}
}
完成后,通过 https://localhost:5001/About 访问新页面。
基本上就这些。你已经完成了环境搭建、项目创建、页面修改和功能扩展。ASP.NET Core 的强大之处在于它的灵活性和性能,后续你可以学习控制器、API、数据库集成(Entity Framework Core)、身份验证等进阶内容。起步不难,关键是从第一个“Hello World”开始动手。









