创建 Razor Web 应用
1、打开Visual Studio 2017,在“文件”菜单中,选择“新建”>“项目”,如下图所示:
2、在弹出的新建项目对话框中,我们依次选择“Visual C#”->“.NET Core”->“ASP.NET Core Web应用程序”来创建新的 ASP.NET Core Web 应用程序。
我们将项目命名为“WebApplication3”,将项目命名为“WebApplication3”,以便命名空间在你复制/粘贴代码时相互匹配,然后点击“确定”,如下图所示:
3、这里我们选择ASP.NET Core 2.1下的“Web应用程序(模型视图控制器)”,然后点击“确定”,如下图所示:
4、Visual Studio 模板为我们创建默认项目,项目的目录结构如下图所示:
5、按下键盘中的F5 在调试模式下运行应用,或按 Ctrl-F5 在不附加调试器的情况下运行,或者依次选择菜单栏中的“调试(D)”->“开始运行(不调试)”,如下图所示:
6、打开应用页面后,在顶部提示条中选择“Accept”以同意跟踪, 此应用不会跟踪个人信息,如下图所示:
7、Visual Studio 启动 IIS Express 并运行应用。 地址栏显示 localhost:port#,而不是显示 example.com。 这是因为 localhost是本地计算机的标准主机名。 Localhost 仅为来自本地计算机的 Web 请求提供服务。 Visual Studio 创建 Web 项目时,为 Web 服务器使用随机端口。 在上图中,端口号为 44363。 运行应用时,将看到不同的端口号。
8、使用“Ctrl+F5”启动应用(非调试模式)后,可执行代码更改、保存文件、刷新浏览器和查看代码更改等操作。 许多开发人员更喜欢使用非调试模式快速启动应用并查看更改。
9、默认模板创建“WebApplication3”、“Home”、“About”和“Contact”链接和页面。 可能需要单击导航图标才能显示这些链接,具体取决于浏览器窗口的大小,如下图所示:
项目文件和文件夹
1、下表列出了项目中的文件和文件夹,如下图所示:
2、Pages/Shared 文件夹
_Layout.cshtml 文件包含常见的 HTML 元素(脚本和样式表链接),并设置应用的布局。
例如,如果选择“RazorPagesMovie”、“主页”、“关于”或“联系人”,则网页中会出现一组常见的元素。 常见的元素包括顶部的导航菜单和窗口底部的标题。
_ValidationScriptsPartial.cshtml 文件提供对 jQuery 验证脚本的引用。
_CookieConsentPartial.cshtml 文件提供了导航栏以及用于汇总隐私和 cookie 使用策略的目录。
3、“页面”文件夹
_ViewStart.cshtml将 Razor Pages Layout属性设置为使用 _Layout.cshtml文件。
_ViewImports.cshtml 文件包含要导入每个 Razor 页面的 Razor 指令。
About、Contact和 Index页面是基本页面,可用于启动应用。
Error页面用于显示错误信息。
举报/反馈