探索 Visual Studio 应用项目

  • 5 分钟

已成功创建 Web 应用并将其发布到 Azure。 但是，你想要进行更改时会发生什么情况？ Visual Studio 会记住应用的发布位置，这会使更新和更改都是两次单击过程。

浏览项目结构

已在 Visual Studio 中创建了 ASP.NET Core web 应用，现在需要编辑和自定义你的网站。 让我们浏览项目结构，看看 Visual Studio 创建了什么吧。

依赖项

Dependencies 文件夹包括 ASP.NET Core 内部结构，用于让应用启动并运行。 除非要添加特定的第三方包，否则无需在此文件夹中花费太多时间。

属性

Properties 文件夹包含托管你的 Web 应用的配置数据。 如果现在展开“PublishProfiles”文件夹，应该会看到 Alpine Ski Hill 网站的 URL。 每个发布配置文件都是 .xml 文件，其中包含发布配置信息，如 Visual Studio 用来上传文件的 Azure 地址。

wwwroot

wwwroot 文件包含站点的所有静态资产，如 css、js、映像和 lib 文件。 准备好为站点添加样式和更多功能后，你将在此处进行操作。

页面

“Pages”文件夹包含用于站点页面的“Razor”模板。 Razor 是一种标记语法，用于将服务器代码嵌入 ASP.NET 网页中。 它包含 HTML，并且具有在站点上显示数据和执行逻辑的特殊约定。

站点中的每个页面都以两个代码文件表示：

  • .cshtml 文件，它是 Razor 标记文件。 此文件包含显示 HTML 和一些 C# 逻辑。

  • .cs 文件，它是从 PageModel 类继承的 C# 代码隐藏。 通过此文件，可以在任何数据传递至 Razor 文件之前，拦截 HTTP 请求并对相应请求执行某处理。

appsetting.json

这是用于 ASP.NET Core 的配置文件。

Program.cs

Program.cs 文件为你的站点配置并启动 Web 主机。

Razor 模板简介

我们将对网站进行一些基本更改。 你需要对如何利用 Razor 模板来自定义 web 应用有基本的理解。

什么是 Razor？

Razor 是一种用于通过 C# 创建动态网页的 ASP.NET 语法。 当服务器读取 Razor 页面时，C# 代码将在呈现 HTML 之前运行。 基于此即可快速生成动态内容。

Razor 使用 @ 指令告知 ASP.NET 如何处理页面。

例如，可看一看 Privacy.cshtml 页中的代码：

@page
@model PrivacyModel
@{
    ViewData["Title"] = "Privacy Policy";
}
<h1>@ViewData["Title"]</h1>

<p>Use this page to detail your site's privacy policy.</p>
  • @page 指令告知 ASP.NET 将此文件作为 Razor 页处理。
  • @model 指令告知 ASP.NET 将此 Razor 页与名为 PrivacyModel 的 C# 类绑定。

Razor 还使用 @ 符号在代码与 HTML 之间切换。 如果查看上面的代码片段，你会注意到 @{ ... }。 这是一个 Razor 代码块，此代码已执行，但未呈现。

若要呈现代码语句的输出，请在 C# 表达式前面使用 @。 上面代码块中的 <h1> 标记内有一个示例。

创建和发布网站只是创建优质网站的第一步。 开始添加内容后，便需要更新网站。 将站点发布到 Azure 后，便可随时更新它。