使用VS Code的ASP.NET Core MVC应用程序入门

by Santhakumar Munuswamy

  Posted on  02 October 2017

  ASP.NET核心


 

在本文中,我们将讨论如何使用Visual Studio Code通过ASP.NET Core 2.0创建HelloWorld应用。我们将学习如何创建ASP.NET Core MVC应用程序,如何创建新的Controller,如何创建新的View以及如何运行HelloWorld应用程序等。

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

  • 如何创建ASP.Net Core MVC应用程序
  • 如何创建新的控制器
  • 如何创建新的视图
  • 如何运行HelloWorld App

先决条件 

  • ·         .NET Core 2.0 SDK
  • ·         Visual Studio程式码
  • ·         VS代码 C#扩展 

如果您想知道如何在计算机中安装新的Visual Studio Code,则可以查看安装Visual Studio Code的简单步骤。从这里阅读–

如何创建ASP.Net Core MVC应用程序 

打开Visual Studio代码。现在您可以使用打开终端 Ctrl +` 键盘快捷键如下图所示


现在,您可以设置项目的存储位置,如下图所示


类型 mkdir SampleMVCApps 并在命令行上输入。


Type cd SampleMVCApps 并在命令行中输入。


类型 dotnet新的MVC 然后在命令行中输入,如下所示


转到资源管理器窗口,然后在Visual Studio Code中打开SampleMVCApps文件夹。


选择 到警告消息“ SampleMVCApps中缺少构建和调试所需的资产”。加他们吗?


现在,您可以看到项目文件夹的结构如下图所示


按下 F5按钮运行应用程序许可



如何创建新的控制器 

在VS Code中转到“资源管理器”窗口。右键单击Controllers文件夹,指向“新建文件”,然后单击“新建文件”。


现在,您可以输入控制器名称为 你好世界Controller.cs 然后按Enter键。


复制和粘贴 the below code into 你好世界Controller.cs

using Microsoft.AspNetCore.Mvc;

namespace SampleMVCApps.Controllers
{
    public class HelloWorldController:Controller
    {
        public IActionResult Index()
        {   
            ViewData["Message"]="Hello, This is my view";
            return View();
        }

        public IActionResult Welcome()
        {
            ViewData["Message"]="Hello, Welcome to HelloWorld Application";
            return View();
        }
    }
}


如何创建新的视图

在VS Code中转到“资源管理器”窗口。右键单击“视图”文件夹,然后指向“新建文件夹”,然后单击“新建文件夹”。然后添加名为 你好世界.


右键点击 你好世界 文件夹并指向“新文件”,然后单击“新文件”。


现在,您可以输入视图名称为 Index.cshtml 然后按Enter键。


复制和粘贴 the below code into Views / HelloWorld / Index.cshtml 

@{
    ViewData["Title"]="Index";
}

<h2>Index</h2>
<hr>

<p>@ViewData["Welcome"]</p>

同样,您可以创建一个欢迎视图。将以下代码复制并粘贴到 视图/HelloWorld/Welcome.cshtml 

@{
    ViewData["Title"]="Welcome";
}

<h2>Welcome</h2>
<hr>

<p>@ViewData["你好世界"]</p>

如何运行HelloWorld App

按下F5按钮将运行该应用程序,如以下屏幕截图所示




结论

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

 


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

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


Month List

社区徽章