Windows上使用Visual Studio 2017的ASP.NET Core 1.1入门

by Santhakumar Munuswamy

  Posted on  19 游行 2017

  ASP.NET核心


 

在本文中,我们将讨论如何在Windows中使用Asp.Net Core 1.1和Visual Studio 2017创建HelloWorld应用程序。我们将学习如何创建Asp.Net Core Web应用程序项目,如何添加新的Controller,如何添加新的View以及如何运行HelloWorld App等。 

在本文中,我们将看到以下内容

  • 如何创建一个ASP.Net Core Web应用程序
  • 如何添加新控制器
  • 如何添加新视图
  • 如何运行HelloWorld App

先决条件

  • Visual Studio社区2017
  • .NET Core 1.1 

如果您想知道如何在计算机中安装新的Visual Studio 2017。您不用担心。您可以看到安装Visual Studio 2017的简单步骤文章,如下所示

如何创建一个ASP.Net Core Web应用程序

打开Visual Studio2017。转到“文件”菜单,指向“新建”,然后单击“新项目”。 “新建项目”窗口将打开,您可以在Visual C#模板中选择一个已安装的模板,例如“ .NET Core”,然后选择Asp.Net Core Web应用程序(.NET Core),然后键入项目名称AspNetCoreHelloWorldApp。选择项目位置路径,然后单击确定按钮。


新的Asp.NET Core Web应用程序(.NET Core)-AspNetCoreHelloWorldApp窗口将打开,并在窗口中选择Asp.Net Core 1.1版。 下拉框。选择一个模板作为Web应用程序,并保留默认的“无身份验证”。然后,单击确定按钮。


现在,您可以看到AspNetCoreHelloWorldApp项目结构,如下面的屏幕快照所示。



现在,我们可以在有/无调试模式下运行应用程序。如果要在调试模式下运行应用程序。 

按下 F5按钮可在调试模式下运行应用程序。否则,您可以转到Visual Studio中的调试菜单项。然后,单击“开始调试”子菜单项。 


现在,已在浏览器中成功启动该应用程序



如果要在非调试模式下运行应用程序。按Ctrl + F5按钮可在非调试模式下运行该应用程序。否则,您可以转到Visual Studio中的调试菜单项。然后,单击“开始调试而不调试”子菜单项。


现在,已在浏览器中成功启动该应用程序



如何添加新控制器

在解决方案资源管理器中,转到Controllers文件夹,右键单击Controllers文件夹,然后指向Add,然后单击New Item。


您可以选择一个MVC控制器类,并将类名称键入HelloWorldController,然后单击“添加”按钮。


复制和过去 下面的代码进入HelloWorldController.cs

using Microsoft.AspNetCore.Mvc;

// For more information on enabling MVC for empty projects, visit //go.microsoft.com/fwlink/?LinkID=397860

namespace AspNetCoreHelloWorldApp.Controllers

{

    public class HelloWorldController : Controller

    {

        // GET: /<controller>/

        public IActionResult Index()

        {

            ViewBag.Title = "Index";

            ViewBag.Message = "Hello World";

            return View();

        }

    }

}

现在,您可以更改控制器名称,如以下屏幕截图所示



如何添加新视图

在解决方案资源管理器中,转到“视图”文件夹,右键单击“视图”文件夹并指向“添加”,然后单击“新建文件夹”。然后, 文件夹HelloWorld的名称。

在“视图”文件夹中,转到“ HelloWorld”文件夹,右键单击“ HelloWorld”文件夹并指向“添加”,然后单击“新建项”。


您可以选择“ MVC视图”页面,并输入文件名作为“索引”,然后单击“添加”按钮。


将以下代码复制并粘贴到Views / HelloWorld / Index.cshtml中 

@*

    For more information on enabling MVC for empty projects, visit //go.microsoft.com/fwlink/?LinkID=397860

*@

@{

    ViewData["Title"] = @ViewBag.Title;

}

<h2>@ViewBag.Title</h2>

<p>@ViewBag.Message</p>


如何运行HelloWorld App

按下 F5 or CTRL + F5 button to run the app in debug mode or non-debug mode as shown in the below screenshot



结论

我希望你能理解 如何使用Asp.Net Core 1.1和Visual Studio 2017创建HelloWorld应用, 如何添加新的控制器,如何添加 新视图以及如何运行HellowWorld应用程序。我已经介绍了所有必需的东西。如果您发现我在本文中错过的任何内容,请告诉我。请分享您的宝贵反馈或意见和建议,以改善以后的文章。

 


关于作者
Santhakumar Munuswamy是一位经验丰富的解决方案架构师,并且是Cloud / AI解决方案中最有价值的专家。他在解决方案设计,软件产品开发,技术文档,Web和云应用程序的项目管理方面拥有大约14年的经验。他在不同领域(汽车,电信,医疗保健,物流和仓库自动化等)的IT行业经验丰富,担任过技术架构师,Genesys顾问,技术负责人,团队负责人和开发人员。他在指导和指导高潜力开发人员方面经验丰富。

跟着我: 脸书, 推特, 谷歌加, 领英
博客评论由 领英


月份清单

社区徽章