Создаем новое приложение ASP.NET MVC
посмотрели 12173 раз
обновлено: 18 мая 2020
План (6 шагов)
Шаг 1. Открываем Visual Studio
Шаг 2. Создаем пустое ASP.NET MVC приложение
Нажимаем в меню: File New Project Visual C# ASP.NET Web Application
Нажимаем OK Проект ASP.NET MVC создался!
Запускаем проект
Нажимаем вверху на зеленый треугольник
Ошибка!
Чтобы проект запустился нужно чтобы в проекте были: Controller View Controller View Controller View
Шаг 3. Добавляем первый Controller
В архитектуре
ASP.NET MVC входящие запросы обрабатываются
контроллерами .
Контроллер это обычный
C# класс (как правило, наследуются от
System.Web.Mvc.Controller , базовый класс контроллеров).
В
ASP.NET MVC контроллеры находятся в папке под названием
Controllers , которую
Visual Studio создала для нас при создании проекта.
Чтобы добавить контроллер в наш проект в окне
Solution Explorer нажимаем правой клавишей мыши на
Controllers →
Add →
Controller
Назовите контроллер HomeController
В ASP.NET MVC есть соглашение 1: Имена, которые мы даем контроллерам, должны заканчиваться словом Controller
Нажимаем Add HomeController.cs
У нас добавился Controller
На экране увидим ошибку
Ошибка! Contoller View ASP.NET MVC View метода
В ASP.NET MVC есть соглашение 2: View методом Controller имени название класса View названием метода Controller
На заметку! метод Controller метод действия Controller Home метод действия Index
C#
Вспомним наш контроллер файл HomeController.cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
namespace WebApplication2.Controllers
public class HomeController : Controller
public ActionResult Index ()
return View();
Объяснение! HomeController Controller Home HomeController Index метода действия
Шаг 4. Добавляем первое View
Нажимаем правой клавишей мыши по методу Index HomeController.cs Add View ...
Снимем галочку [ ] Use a layout or master page Add Visual Studio Views/Home Index.cshtml
Видим что файл содержит
стандартный HTML . Исключение составляет лишь код:
@{
Данное выражение будет дополнительно разобрано
движком Razor .
Шаг 5. Добавляем текст "Hello! World!!!" во View
Html
Файл Index.cshtml
@{
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title> Index</title>
</head>
<body>
<div>
</div>
</body>
</html>
Открываем Index.cshtml Views/Home "Hello! World!!!"
Шаг 6. Запускаем ASP.NET MVC приложение
Нажимаем вверху на зеленый треугольник
Откроется страница в браузере и мы увидим текст "Hello World!!!"
Итог
Вы заметили, что пример запустился с адресом: localhost:1764/Home/Index
localhost:1764 localhost 1764
Home HomeController
Index метода контроллера
C#
Наш контроллер файл HomeController.cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
namespace WebApplication2.Controllers
public class HomeController : Controller
public ActionResult Index ()
return View() ;
return View Home Index метод контроллера View представление
Html
Views/Home/Index.cshtml
@{
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title> Index</title>
</head>
<body>
<div>
</div>
</body>
</html>
Скачать пример
Афишу
Ваши Отзывы ... комментарии ...