ASP.NET应用程序--Hello World

快速入门：使用.NET Core创建首个Web应用与基础代码修改

原创已于 2022-08-04 16:53:07 修改 · 958 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#asp.net #microsoft #windows

于 2022-08-04 15:55:21 首次发布

ASP.NET 专栏收录该内容

13 篇文章

订阅专栏

安装 .NET 并创建首个 Web 应用程序。

本地预配向导和预配代理：

下载.NET SDK(软件开发安装包)

32位下载：https://download.visualstudio.microsoft.com/download/pr/d238bcf4-7362-4885-b371-e23a269a96bd/838e7e2d43528f9c79001f7737d38e7d/dotnet-sdk-6.0.302-win-x86.exe

64位下载：https://download.visualstudio.microsoft.com/download/pr/c246f2b8-da39-4b12-b87d-bf89b6b51298/2d43d4ded4b6a0c4d1a0b52f0b9a3b30/dotnet-sdk-6.0.302-win-x64.exe

ARM64下载：https://download.visualstudio.microsoft.com/download/pr/b1b1b47e-dae9-48e1-80f3-9ff920fa937f/9ca322594becea69bf4b9104fdce6154/dotnet-sdk-6.0.302-win-arm64.exe

打开Windows PowerShell，输入命令行dotnet。

dotnet

运行结果如下：

如果安装成功，则会看到类似于以上内容的输出。

创建应用

在命令提示符，运行以下命令以创建应用：

dotnet new webapp -o MyWebApp --no-https -f net6.0

此命令是什么意思?

dotnet new 命令会新建一个应用程序。

webApp 参数选择创建应用时要使用的模板。
-o 参数会创建名为 MyWebApp 的目录，用于存储应用。
--no-https 标记指定不启用 HTTPS。
-f 参数指示你正在创建 .NET 6 应用程序。

创建了哪些文件?

已在 MyWebApp 目录中创建多个文件，以为你提供可供运行的简单 Web 应用程序。

Program.cs 包含应用启动代码和中间件配置。
Pages 目录包含应用程序的一些示例网页。
MyWebApp.csproj 会定义一些项目设置，例如要面向的 .NET SDK 版本。
Properties 目录中的 launchSettings.json 文件为本地开发环境定义不同的配置文件设置。创建项目时会自动分配 5000-5300 之间的端口号并将其保存在此文件上。

运行应用

在命令提示符中，导航到在上一步中新建的目录:

cd MyWebApp

然后，运行以下命令:

dotnet watch

等待应用显示正在侦听 http://localhost:<port number> 并等待浏览器在该地址启动。

恭喜你已生成并运行自己第一个 .NET Web 应用!

选择Ctrl+C，以随时停止应用。

编辑代码

在任意文本编辑器中打开位于 Pages 目录中的 Index.cshtml 文件。

输入代码之前：

代码如下：

@page
@model IndexModel
@{
    ViewData["Title"] = "Home page";
}

<div class="text-center">
    <h1 class="display-4">Welcome</h1>
    <p>Learn about <a href="https://docs.microsoft.com/aspnet/core">building Web apps with ASP.NET Core</a>.</p>
</div>

输入代码以后：

代码如下：

@page
@model IndexModel
@{
    ViewData["Title"] = "Home page";
}

<div class="text-center">
    <h1>Hello,world!</h1>
	<p>The time on the server is @DateTime.Now</p>
</div>

运行结果：

代码如下：

@page
@model IndexModel
@{
    ViewData["Title"] = "Home page";
}

<div class="text-center">
    <h1 class="display-4">Welcome</h1>
	<h1>Hello, world!</h1>
	<p>The time on the server is @DateTime.Now</p>
    <p>Learn about <a href="https://docs.microsoft.com/aspnet/core">building Web apps with ASP.NET Core</a>.</p>
</div>

运行结果如下：