图解创建和浏览ASP.NET Core 项目解决方案

本篇经验将和大师介绍建立和浏览ASP.NET Core 项目解决方案的方式 , 但愿对大师的工作和进修有所帮忙!
方式/
1打开 Visual Studio 2017 。
在顶部菜单栏 , 依次选择“文件” > “新建” > “项目...” 。
在“新建项目”对话框左侧的窗格中 , 睁开“Visual C#”和“Web” , 然后选择“.NET Core” 。  在中心窗格中 , 选择“ASP.NET Core Web 应用法式” , 将该文件定名为 MyCoreApp , 然后选择“确定” , 如下图所示:

图解创建和浏览ASP.NET Core 项目解决方案

文章插图

2在“新建 ASP.NET Core Web 应用法式”对话框中 , 选择“Web 应用法式(模子-视图-节制器)”项目模板 。

3从顶手下拉菜单中选择“ASP.NET Core 2.0” 。  (若是没有在列表中看到“ASP.NET Core 2.0” , 请经由过程“下载”链接进行安装 , 该链接显示在对话框顶部四周的黄色栏中 。 )选择 “确定” , 如下图所示:

图解创建和浏览ASP.NET Core 项目解决方案

文章插图

4项目模板会建立一个解决方案 , 此中包含一个名为 MyCoreApp 的 ASP.NET Core 项目 。  睁开项目节点 , 显示其内容 , 如下图所示:

图解创建和浏览ASP.NET Core 项目解决方案

文章插图

5从“节制器”文件夹打开 HomeController.cs 文件 , 如下图所示:

图解创建和浏览ASP.NET Core 项目解决方案

文章插图

6查看 HomeController.cs , 如下图所示:

图解创建和浏览ASP.NET Core 项目解决方案

文章插图

7项目还有一个“视图”文件夹 , 此中包含映射到每个节制器的其他文件夹(以及一个“共享”视图的文件夹) 。  
例如 , /Home/About 路径的视图 CSHTML 文件(HTML 的扩展)将位于Views/Home/About.cshtml 。  打开该文件 , 如下图所示:

图解创建和浏览ASP.NET Core 项目解决方案

文章插图

8此 CSHTML 文件利用 Razor 语法 , 基于尺度标识表记标帜和内联 C# 的组合来呈现 HTML , 如下图所示:

图解创建和浏览ASP.NET Core 项目解决方案

文章插图

9解决方案还包含 wwwroot文件夹 , 它是网站的根 。
 摆设站点时 , 可以直接将静态站点内容(如 CSS、映像和 JavaScript 库)置于所需路径 , 如下图所示:

图解创建和浏览ASP.NET Core 项目解决方案

文章插图

10还有各类在运行时用来办理项目、包以及应用法式的设置装备摆设文件 。  例如 , 默认应用法式设置装备摆设存储在 appsettings.json 中 。  
【图解创建和浏览ASP.NET Core 项目解决方案】但可以经由过程为“开辟”情况供给 appsettings.Development.json 文件之类的体例 , 基于每个情况替代部门/所有这些设置 , 如下图所示:

推荐阅读