初识 Razor 页面

在本节中,您将看到如何使用 .NET Core 命令行工具创建一个简单的 Razor 页面应用程序以及如何在浏览器中构建和运行它。您还将探索应用程序的各个组成部分,并了解每个部分所扮演的角色。

尝试:创建你的第一个 Razor 页面应用程序

  1. 如果您还没有安装,请先下载.NET Core 2.0 SDK

  2. 打开您首选的命令行工具(Windows 中的 cmd.exe 或 Powershell;Mack中终端;在Linux上使用Bash或类似的方式)并输入dotnet --version

  3. 检查输出以确认您的 .NET Core 版本至少为2.0。

    .Net Core version

  4. 如果需要,可以选择创建应用程序的合适位置,然后在控制台中输入mkdir RazorPages,创建应用程序文件的文件夹。

  5. 在控制台中输入cd RazorPages,进入应用程序文件夹。

  6. 在控制台中输入dotnet new razor。这个命令从标准的站点模板生成应用程序文件。您会收站点已经创建提示信息以及dotnet restore命令正在运行。dotnet restore命令的含义是检查应用程序所需的依赖关系,并从 NuGet 获取它们。

    dotnet restore

  7. 在控制台中输入dotnet run编译应用程序并在端口5000上启动程序:

    dotnet run

  8. 打开您喜欢的浏览器并导航到http://localhost:5000,网站应该显示如下:

    Default template

Razor 页面应用程序剖析

Razor 页面应用程序包含许多文件夹和文件。在下一节中,您将探索在上一节创建、恢复、编译和运行应用程序时生成的文件。以下是应用程序文件夹结构的资源管理器视图,然后进一步剖析每个文件夹或每组文件:

Razor Pages file structure

Pages文件夹

Razor Pages Folder

Pages 文件夹是 Razor 页面文件的默认存放位置。以 .cshtml 结尾的文件是 Razor 文件,以 .cs 结尾的文件是C#类文件。这些与 Razor 文件配对,被称为 PageModel 文件。并非所有的 Razor 文件都有一个匹配的类文件。一些Razor文件的文件名中带有下划线(_),这些文件不能浏览,但它们作为 Razor 页面应用程序的一部分,扮演着不同的角色。您可以阅读更多关于这些特殊的 Razor 文件及其作用。

wwwroot文件夹

wwwroot Folder

wwwroot 文件夹是 .NET Core Web 应用程序存放静态文件的文件夹。这些文件包括网站使用的CSS样式表、图像和 JavaScript 文件。另一个名为lib的文件夹包含第三方客户端软件包,这些包由Bower(Razor页面和MVC应用程序默认的客户端包管理器)管理。

lib 文件夹

lib folder

在模板中包含的第三方客户端软件包有:

  • BootStrap:由 Twitter 团队构建的UI框架,可减少站点布局设计所需的工作,还包括一系列内置样式和组件,比如按钮、表单、表格、文本输入框等等。
  • jQuery:BootStrap依赖的 JavaScript 库。
  • jQuery Validation:用于客户端表单校验的 jQuery 插件
  • jQuery Unobtrusive Validation:另一个由ASP.NET团队设计的 jQuery 校验插件,专门用于由Razor标签助手生成的表单输入。

根文件夹

root files

根文件夹里包括很多文件。

文件 描述
.bowerrc Bower 配置文件
appsettings.json 基于 json 格式的文件,用于应用程序范围的配置设置
appsettings.Development.json 基于 json 格式的文件,用于应用程序范围的配置设置,仅在开发过程中生效
bower.json Bower 清单文件
bundleconfig.json 客户端文件压缩或打包合并配置文件
Program.cs Razor 页面应用程序的入口点
RazorPages.csproj 基于 XML 格式的文件,包含项目有关信息
Startup.cs Startup类配置请求管线,用于处理所有对应用程序请求。

Bin 文件夹

bin Folder

bin 文件夹是应用程序编译时生成二进制文件的默认输出位置。通常,这个文件夹包含两个子文件夹,Debug_和_Release。第一个是在 Debug 模式下编译应用程序所产生的二进制文件,第二个是放置在Release模式下编译生成的二进制文件。这两个文件夹都包含名为 netcoreapp[版本号] 的子文件夹,其中[版本号]表示用于创建应用程序的 .NET Core 的版本。如果您使用的是 .NET Core 2.0,则文件夹名称将为 netcoreapp2.0。您在上图中看到的文件来自 /bin/Debug/netcoreapp2.0/

Obj文件夹

obj Folder

Obj 文件夹用于存储临时对象文件和其它用于在编译过程中创建最终二进制文件的文件。


如果您在查阅过程中,发现内容存在错误,请到我的博客中留言,谢谢,http://www.cnblogs.com/tdfblog/p/learn-razor-pages.html
最后一次更新时间: 2018-02-07 09:56:16