Создаем новое приложение ASP.NET Core MVC

Программирование, разработка, тестирование

→

.NET Core

→

Создаем новое приложение ASP.NET Core MVC

Посмотрели 6387 раз(а)

Создаем новое приложение ASP.NET Core MVC

последнее обновление: 21 мая 2020

Скачать пример:

MyCoreWebApplication.zip ...

План (8 шагов)

Шаг 1.

Открываем Visual Studio

Шаг 2.

Создаем новое пустое приложение ASP.NET Core

Шаг 3.

Добавим использование MVC в Startup.cs файл

Шаг 4.

Добавим использование MVC в Startup.cs файл

Шаг 5.

Создаем новую папку Views

Шаг 6.

Создаем контролер HomeController

Шаг 7.

Создаем представление Index (для контроллера Home)

Шаг 8.

Запускаем приложение

Шаг 1. Открываем Visual Studio 2017

Если у вас не установлена Visual Studio 2017 нужно установить Visual Studio 2017...

Открываем Visual Studio 2017

Шаг 2. Создаем новое пустое приложение ASP.NET Core

Файл Program.cs содержит код

C# Файл Program.cs

using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Threading.Tasks;
using Microsoft.AspNetCore;
using Microsoft.AspNetCore.Hosting;
using Microsoft.Extensions.Configuration;
using Microsoft.Extensions.Logging;

namespace BookLibrary
{
     public class Program
     {
          public static void Main(string[] args)
          {
               CreateWebHostBuilder(args).Build().Run();
          }

          public static IWebHostBuilder CreateWebHostBuilder(string[] args) =>
               WebHost.CreateDefaultBuilder(args)
                    .UseStartup<Startup>();
     }
}

Шаг 3. Добавим использование MVC в Startup.cs файл

C# Файл Startup.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Builder;
using Microsoft.AspNetCore.Hosting;
using Microsoft.AspNetCore.Http;
using Microsoft.Extensions.DependencyInjection;

namespace BookLibrary
{
     public class Startup
     {
          // This method gets called by the runtime. Use this method to add services to the container.
          // For more information on how to configure your application, visit https://go.microsoft.com/fwlink/?LinkID=398940
          public void ConfigureServices(IServiceCollection services)
          {
               services.AddMvc();
          }

          // This method gets called by the runtime. Use this method to configure the HTTP request pipeline.
          public void Configure(IApplicationBuilder app, IHostingEnvironment env)
          {
               if (env.IsDevelopment())
               {
                    app.UseDeveloperExceptionPage();
               }

               app.UseMvc(routes =>
               {
                    routes.MapRoute(
                         name: "default",
                         template: "{controller=Home}/{action=Index}/{id?}");
               });

               //app.Run(async (context) =>
               //{
               //     await context.Response.WriteAsync("Hello World!");
               //});
          }
     }
}

В метод Configure(IApplicationBuilder app, IHostingEnvironment env) добавили вызов app.UseMvc(routes => ...) для установки маршрута в приложении. Этот маршрут сопоставляет запросы с контроллерами и их методами.

В метод ConfigureServices(IServiceCollection services) добавили вызов services.AddMvc() это остальная функциональность mvc.

Закоментировали:
//app.Run(async (context) =>
//{
// await context.Response.WriteAsync("Hello World!");
//});

Шаг 4. Создаем новую папку Controllers

Создадим папку Controllers для хранения контроллеров.

Шаг 5. Создаем новую папку Views

Создадим папку Views для хранения представлений.

Шаг 6. Создаем контролер HomeController

Создаем HomeController

Создался файл HomeController.cs

C# Файл HomeController.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Mvc;

namespace BookLibrary.Controllers
{
     public class HomeController : Controller
     {
          public IActionResult Index()
          {
               return View();
          }
     }
}

Шаг 7. Создаем представление Index (для контроллера Home)

Нажимаем правой клавишей мыши на методе Index у контроллера Home

Создался файл Index.cshtml

Файл Index.cshtml

@{
     Layout = null;
}

<!DOCTYPE html>

<html>
<head>
     <meta name="viewport" content="width=device-width" />
     <title>Index</title>
</head>
<body>
</body>
</html>

Добавим Hello! в файл Index.cshtml

Файл Index.cshtml

@{
     Layout = null;
}

<!DOCTYPE html>

<html>
<head>
     <meta name="viewport" content="width=device-width" />
     <title>Index</title>
</head>
<body>
     Hello!
</body>
</html>

Шаг 8. Запускаем приложение