Проблемы понимания mvc в asp.net mvc и не только

Getting Started

As a new iOS developer, there is a huge amount of information you need to master: a new language, new frameworks and APIs, and Apple’s recommended architectural pattern Model-View-Controller, or MVC for short.

The MVC pattern is commonplace in iOS development. While it’s not a difficult pattern to understand and get familiar with, there are things to consider to avoid common pitfalls.

Getting up to speed with iOS development can be a daunting task and, more often than not, MVC doesn’t get as much attention as the APIs or programming language. This can lead to major architectural problems in your apps down the road.

This tutorial will help you avoid common mistakes that lead to apps that are too difficult to extend. You’ll learn a good approach of what (and what not) to do as you use MVC to build out your app using best practices, learned through the years of iOS development.

In this tutorial you won’t be doing any coding. Instead, you will walk through a project that uses MVC with best practices in mind.

Use the Download Materials button at the top or bottom of this tutorial to download the sample project.

Поддержка препроцессоров CSS

Препроцессоры CSS полезны для улучшения разработки CSS с помощью таких функций, как переменные, вложенность, модули, примеси и наследование. Хотя изоляция CSS изначально не поддерживает препроцессоры CSS, такие как SASSER или меньше, интеграция препроцессоров CSS невелика до тех пор, пока платформа не перезапишет селекторы CSS во время процесса сборки. С помощью Visual Studio, например, настройте существующую компиляцию препроцессора в качестве задачи перед сборкой в диспетчере выполнения задач Visual Studio.

многие сторонние NuGet пакеты, такие как , могут компилировать файлы sasser/SCSS в начале процесса сборки перед выполнением изоляции CSS, а дополнительная настройка не требуется.

Основные сведения о представлениях

Два действия контроллера, предоставляемые классом HomeController, index () и About (), возвращают представление. Представление содержит разметку HTML и содержимое, отправляемое в браузер. Представление является эквивалентом страницы при работе с ASP.NET приложением MVC.

Необходимо создать представления в правильном расположении. Действие HomeController. index () возвращает представление, расположенное по следующему пути:

\виевс\хоме\индекс.аспкс

Действие HomeController. About () возвращает представление, расположенное по следующему пути:

\виевс\хоме\абаут.аспкс

В общем случае, если требуется возвратить представление для действия контроллера, необходимо создать вложенную папку в папке Views с тем же именем, что и у контроллера. Во вложенной папке необходимо создать файл. aspx с тем же именем, что и действие контроллера.

Файл в листинге 3 содержит представление About. aspx.

Листинг 3 — About. aspx

Если пропустить первую строку в листинге 3, большая часть представления состоит из стандартного кода HTML. Вы можете изменить содержимое представления, введя нужный HTML-код.

Представление очень похоже на страницу Active Server страниц или веб-форм ASP.NET. Представление может содержать HTML-содержимое и скрипты. Скрипты можно писать на любом языке программирования .NET (например, C# или Visual Basic .NET). Скрипты используются для просмотра динамического содержимого, например данных базы данных.

Шаблон MVC

Структура архитектуры MVC разделяет приложение на три основных группы компонентов: модели, представлении и контроллеры. Это позволяет реализовать принципы . Согласно этой структуре запросы пользователей направляются в контроллер, который отвечает за работу с моделью для выполнения действий пользователей и (или) получение результатов запросов. Контроллер выбирает представление для отображения пользователю со всеми необходимыми данными модели.

На следующей схеме показаны три основных компонента и существующие между ними связи.

Такое распределение обязанностей позволяет масштабировать приложение в контексте сложности, так как проще писать код, выполнять отладку и тестирование компонента (модели, представления или контроллера) с одним заданием. Гораздо труднее обновлять, тестировать и отлаживать код, зависимости которого находятся в двух или трех этих областях. Например, логика пользовательского интерфейса, как правило, подвергается изменениям чаще, чем бизнес-логика. Если код представления и бизнес-логика объединены в один объект, содержащий бизнес-логику, объект необходимо изменять при каждом обновлении пользовательского интерфейса. Это часто приводит к возникновению ошибок и необходимости повторно тестировать бизнес-логику после каждого незначительного изменения пользовательского интерфейса.

Примечание

Представление и контроллер зависят от модели. Однако сама модель не зависит ни от контроллера, ни от представления. Это является одним из ключевых преимуществ разделения. Такое разделение позволяет создавать и тестировать модели независимо от их визуального представления.

Функции модели

Модель в приложении MVC представляет состояние приложения и бизнес-логику или операций, которые должны в нем выполняться. Бизнес-логика должна быть включена в состав модели вместе с логикой реализации для сохранения состояния приложения. Как правило, строго типизированные представления используют типы ViewModel, предназначенные для хранения данных, отображаемых в этом представлении. Контроллер создает и заполняет эти экземпляры ViewModel из модели.

Функции представления

Представления отвечают за представление содержимого через пользовательский интерфейс. Они используют для внедрения кода .NET в разметку HTML. Представления должны иметь минимальную логику, которая должна быть связана с представлением содержимого. Если есть необходимость выполнять большую часть логики в представлении для отображения данных из сложной модели, рекомендуется воспользоваться компонентом представления, ViewModel или шаблоном представления, позволяющими упростить представление.

Функции контроллера

Контроллеры — это компоненты для управления взаимодействием с пользователем, работы с моделью и выбора представления для отображения. В приложении MVC представление служит только для отображения информации. Обработку введенных данных, формирование ответа и взаимодействие с пользователем обеспечивает контроллер. В структуре MVC контроллер является начальной отправной точкой и отвечает за выбор рабочих типов моделей и отображаемых представлений (именно этим объясняется его название — он контролирует, каким образом приложение отвечает на конкретный запрос).

Примечание

Контроллеры не должны быть чересчур сложными из-за слишком большого количества обязанностей. Чтобы не перегружать логику контроллера, перенесите бизнес-логику из контроллера в модель предметной области.

Совет

Если ваш контроллер часто выполняет одни и те же виды действий, переместите эти действия в .

MVC¶

См.также

• Статья о фреймворке Ruby on Rails
• Концепция MVC для чайников

MVC (Model-View-Controller: модель-вид-контроллер) — шаблон архитектуры ПО,
который подразумевает разделение программы на 3 слабосвязанных компонента,
каждый из которых отвечает за свою сферу деятельности.

Бешеная популярность данной структуры в Веб-приложениях сложилась благодаря её
включению в две среды разработки, которые стали очень востребованными: Struts и Ruby on Rails. Эти среды разработки наметили пути
развития для сотен рабочих сред, созданных позже.

Паттерн MVC (Model-View-Controller)

• Model — модель, предоставляющая доступ к данным. Позволяет извлекать данные и менять их
  состояние;
• View — представление, отображающее данные клиенту. В веб-программировании
  существует в виде конечных данных (HTML, JSON, …), которые получает
  клиент. Может формироваться при помощи генераторов по заданному шаблону,
  например Jinja2, Mako; или систем для построения интерфейсов по разметке,
  таких, как Windows Presentation Foundation (WPF), либо Qt Widgets; или
  описываться декларативно, как это делается в QML и ReactJs.
• Controller — контроллер, отслеживающий различные события (действия пользователя) и по
  заданной логике оповещающий модель о необходимости изменить состояние системы.

Классические MVC фреймворки:

MTV¶

Фреймворк Django ввел новую терминологию MTV.

Примечание

В Django функции, отвечающие за обработку логики, соответствуют части
Controller из MVC, но называются View, а отображение соответствует части
View из MVC, но называется Template. Получилось, что:

• M -> M Модели остались неизменными
• V -> T Представление назвали Templates
• C -> V Контроллеры назвали Views

Так появилась аббревиатура MTV.

TADA!! Django invented MTV

Вся логика при таком подходе вынесена во View, а то, как будут отображаться
данные в Template. Из-за ограничений HTTP протокола, View в Django
описывает, какие данные будут представленны по запросу на определенный URL.
View, как и протокол HTTP, не хранит состояний и по факту является обычной
функцией обратного вызова, которая запускается вновь при каждом запросе
по URL. Шаблоны (Templates), в свою очередь, описывают, как данные
представить пользователю.

Паттерн MTV (Model-Template-View)

MTV фреймворки:

Изоляция CSS

Выделять стили CSS для отдельных страниц, представлений и компонентов, чтобы уменьшить или избежать:

• Зависимости от глобальных стилей, которые могут быть непростыми в обслуживании.
• Конфликты стилей во вложенном содержимом.

Чтобы добавить CSS-файл с заданной областью для страницы или представления, поместите стили CSS в сопутствующий файл, соответствующий имени файла. В следующем примере файл предоставляет стили CSS, которые применяются только к странице или представлению.

(Razor Pages) или (MVC):

Изоляция CSS выполняется во время сборки. Платформа переписывает селекторы CSS в соответствии с разметкой, отображаемой страницами или представлениями приложения. Перезаписанные стили CSS упаковываются и создаются как статический ресурс . Заполнитель — это имя сборки проекта. Ссылка на Объединенные стили CSS помещается в макет приложения.

В содержимом ( Razor страницы) или (MVC) приложения добавьте или подтвердите наличие ссылки на Объединенные стили CSS:

В следующем примере имя сборки приложения :

Стили, определенные в файле CSS с заданной областью, применяются только к отображаемым выходным данным соответствующего файла. В предыдущем примере любые объявления CSS, определенные в любом расположении приложения, не конфликтуют с стилем заголовка. Каскадные и правила наследования стилей CSS действуют для файлов CSS с заданной областью. Например, стили, применяемые непосредственно к элементу в файле, переопределяют стили файла CSS с заданной областью в .

Примечание

Чтобы обеспечить изоляцию стиля CSS при выполнении объединения, импорт CSS в Razor блоках кода не поддерживается.

Изоляция CSS применяется только к элементам HTML. Изоляция CSS не поддерживается для вспомогательных функций тегов.

В объединенном файле CSS каждая страница, представление или Razor компонент связаны с идентификатором области в формате , где заполнитель представляет собой строку из десяти символов, созданную платформой. В следующем примере показан стиль предыдущего элемента на странице Razor приложения страниц.

На странице, где применяется стиль CSS из объединенного файла, идентификатор области добавляется как атрибут HTML:

Идентификатор уникален для приложения. Во время сборки создается пакет проектов с использованием соглашения , где заполнитель является базовым путем к статическим веб-ресурсам.

Если используются другие проекты, такие как пакеты NuGet или библиотеки классов Razor, то объединенный файл:

• ссылается на стили с помощью импорта CSS;
• не публикуется как статический веб-ресурс приложения, использующего стили.

The Advantages of the MVC Architecture

A common problem faced by application developers these days is the support for different type of devices. The MVC architecture solves this problem as developers can create different interfaces for different devices, and based on from which device the request is made, the controller will select an appropriate view. The model sends the same data irrespective of the device being used, which ensures a complete consistency across all devices.The MVC separation beautifully isolates the view from the business logic. It also reduces complexities in designing large application by keeping the code and workflow structured. This makes the overall code much easier to maintain, test, debug, and reuse.

Other Information

MVC is often seen in web applications, where the view is the actual HTML page, and the controller is the code that gathers dynamic data and generates the content within the HTML. Finally, the model is represented by the actual content, usually stored in a database or XML files, and the business rules that transform that content based on user actions.

Though MVC comes in different flavors, control flow generally works as follows:

1. The user interacts with the user interface in some way (e.g. presses a button).
2. A controller handles the input event from the user interface, often via a registered handler or callback.
3. The controller notifies the model of the user action, possibly resulting in a change in the model’s state. (e.g. controller updates user’s shopping cart).
4. A view uses the model (indirectly) to generate an appropriate user interface (e.g. the view produces a screen listing the shopping cart contents). The view gets its own data from the model. The model has no direct knowledge of the view.
5. The user interface waits for further user interactions, which begins the cycle anew.

By decoupling models and views, MVC helps to reduce the complexity in architectural design, and to increase flexibility and reuse.

MVP

MVP(Модель-Просмотр-Презентатор) ДаУлучшенная модель MVC, Предложено Taligent, дочерней компанией IBM. То же самое с MVC: контроллер / презентатор отвечает за бизнес-логику, модель управляет данными, а представление отвечает за отображение.Он только меняет имя контроллера на презентатор и меняет направление связи.

Возможности MVP:

1. Двусторонняя связь между M, V и P.
2. Представление и Модель не взаимодействуют, все они передаются через Presenter. Presenter полностью разделяет модель и представление, а основная логика программы реализована в Presenter.
3. Представление очень тонкое и не развертывает никакой бизнес-логики, называемой «пассивным представлением» (Passive View), то есть без какой-либо инициативы, в то время как Presenter очень толстый, и вся логика развернута там.
4. Presenter не связан напрямую с конкретным представлением, но взаимодействует через определенный интерфейс, так что Presenter может оставаться неизменным при изменении представления, чтобы его можно было использовать повторно. Не только это, но вы также можете написать Views для тестирования, чтобы моделировать различные операции пользователя, чтобы реализовать тест Presenter — без необходимости использовать инструменты автоматического тестирования.

Отличие от MVC:

• вMVPВ View не использует модель напрямую. Связь между ними осуществляется через Presenter (контроллер в MVC), и все взаимодействия происходят внутри Presenter.
• вMVC, View будет считывать данные непосредственно из модели, а не через контроллер.

Преимущества MVP:

1. Модель и представление полностью разделены, мы можем изменить представление, не затрагивая модель;
2. Модели можно использовать более эффективно, потому что все взаимодействия происходят в одном месте внутри Presenter;
3. Мы можем использовать один Presenter для нескольких представлений без изменения логики Presenter. Эта функция очень полезна, потому что вид меняется чаще, чем модель;
4. Если мы поместим логику в Presenter, то мы сможем протестировать логику без пользовательского интерфейса (модульное тестирование).

Недостатки MVP:

Взаимодействие между представлением и ведущим будет слишком частым, что сделает их связь слишком тесной. Другими словами, как только вид изменяется, докладчик также должен измениться.

Приложение MVP: Применимо и разработка для Android.

Понятие привязки моделей

Привязка моделей представляет собой элегантный мост между HTTP-запросом и методами C#, определяющими действия. Большинство приложений ASP.NET MVC Framework в той или иной степени полагаются на привязку моделей, в том числе простой пример приложения, созданный в предыдущем разделе. Чтобы увидеть привязку моделей в работе, запустите приложение и перейдите на /Home/Index/1. Результат показан на рисунке ниже:

Указанный URL содержит значение свойства UserId объекта User, который необходимо отобразить, например:

/Home/Index/1

Инфраструктура ASP.NET MVC Framework транслирует эту часть URL и применяет ее в качестве аргумента при вызове метода Index() класса контроллера Home с целью обслуживания запроса:

public ActionResult Index(int id)

Процесс, с помощью которого сегмент URL был преобразован в аргумент int метода, является примером привязки моделей. В последующих разделах будет описан процесс, инициируемый этой простой демонстрацией, и затем объяснены более сложные функциональные возможности привязки моделей.

Процесс, приводящий к привязке моделей, начинается сразу после получения запроса и его обработки механизмом маршрутизации. В этом примере приложения конфигурация маршрутизации не изменялась, поэтому для обработки запроса использовался стандартный маршрут, который среда Visual Studio добавляет в файл /App_Start/RouteConfig.cs. В качестве напоминания, этот стандартный маршрут приведен ниже:

Вопросы определения и работы маршрутов подробно рассматривались ранее, поэтому здесь они повторяться не будут

Для процесса привязки моделей важной частью является необязательная переменная сегмента id. При переходе на URL вида /Home/Index/1 последний сегмент, который указывает интересующий объект User, присваивается переменной маршрутизации id

Активатор действий использует информацию о маршрутизации для выяснения того, что для обслуживания запроса требуется метод действия Index(), но не может вызвать метод Index() до тех пор, пока не будет иметь подходящие значения для аргумента этого метода.

Стандартный активатор действий, ControllerActionInvoker, полагается на связыватели моделей при генерации объектов данных, которые требуются для вызова метода. Связыватели моделей определяются с помощью интерфейса IModelBinder, который показан в примере ниже. Мы еще вернемся к этому интерфейсу позже, когда будет рассматриваться создание специального связывателя модели.

В приложении MVC может присутствовать множество связывателей моделей, каждый из которых отвечает за привязку одного или более типов моделей. Когда активатор действий должен вызвать метод действия, он просматривает параметры, определяемые методом, и для каждого типа параметра ищет отвечающий за это связыватель модели.

В примере выше, приведенном в этом разделе, активатор действий будет проверять метод Index() и обнаружит, что он принимает один параметр int. Затем активатор действий найдет связыватель, отвечающий за значения int, и вызовет его метод BindModel().

Связыватель модели отвечает за предоставление значения int, которое может использоваться для вызова метода Index(). Это обычно означает трансформацию некоторого элемента данных запроса (такого как значения формы или строки запроса), но инфраструктура ASP.NET MVC Framework никак не ограничивает способ получения данных.

Позже будут предоставлены примеры специальных связывателей. Кроме того, будут продемонстрированы определенные возможности класса ModelBindingContext, экземпляр которого передается методу IModelBinder.BindModel().

Model-View-ViewModel

Честно говоря, не знаю, используется ли данный паттерн где-то, кроме WPF и Silverlight. Здесь опять присутствуют три компоненты: модель, представление и третий компонент – дополнительная модель под названием ViewModel. Данный паттерн подходит к таким технологиям, где присутствует двухсторонний биндинг (синхронизация) элементов управления на модель, как в WPF. Отличие от MVP паттерна заключается в том, что свойство SelectedRecord, из предыдущего примера, должно находится не в представлении, а в контроллере (ViewModel), и оно должно синхронизироваться с необходимым полем в представлении. Как раз и выходит, что в этом и есть основная идея WPF. ViewModel – это некоторый суперконвертор, который преобразует данные модели в представление, в нем описываются основные свойства представления, а также логика взаимодействия с моделью. Рекомендую ознакомиться со статьей .

What exactly is the MVC architecture?

Before we get into the technicalities of it, let’s make some things clear – MVC is NOT a design pattern, it’s a way to structure your applications. In recent years, the web applications are extensively using the MVC architecture, and hence it’s natural to confuse it for a design pattern exclusive for web applications. However, let’s tell you that MVC was first described way back in 1979 – before the WWW era when there was no concept of web applications. The architecture used today for web applications is an adaptation of the original pattern.In fact, this architecture was initially included in the two major web development frameworks – Struts and Ruby on Rails. These two environments paved the way for a majority of web frameworks that came later – and thus the popularity of this architecture kept rising.

MVC architectural pattern follows an elementary idea – we must separate the responsibilities in any application on the following basis:

• Model: Handles data and business logic.
• View: Presents the data to the user whenever asked for.
• Controller: Entertains user requests and fetch necessary resources.

Each of the components has a demarcated set of tasks which ensures smooth functioning of the entire application along with complete modularity. Let us have a look at each of these components in further detail.

Controller

The controller is the like the housekeeper of the application – it performs coordination between model and view to entertain a user request. The user requests are received as HTTP get or post request – for example, when the user clicks on any GUI elements to perform any action.The primary function of a controller is to call and coordinate with the model to fetch any necessary resources required to act. Usually, on receiving a user request, the controller calls the appropriate model for the task at hand.

View

As the name suggests, the view is responsible for rendering the data received from the model. There may be pre-designed templates where you can fit the data, and there may even be several different views per model depending on the requirements.

Any web application is structured keeping these three core components in mind. There may be a primary controller that is responsible for receiving all the requests and calling the specific controller for specific actions. Let’s understand the working of a web application under the MVC architecture better using an example.

Let’s See an Example

Let’s take an example of an online stationery shop. The user can view items, buy, add items to cart, add items to current order, or even add/remove items (if he’s the admin).Now, let’s see what will happen when a user clicks on the title “Pens” to see the list of pens.Our application will have a particular controller to handle all the queries related to pens. Let’s say it’s called “pens_controller.php”. We’ll also have a model that will store the data regarding the pens we have – let’s call it “pens_model.php”. Finally, we’ll have several views to present the data – a list of pens, a table displaying pens, a page to edit the list, etc.The following figure shows the complete flow of control right from the moment a user clicks on “pens”, to when the result is rendered in front of him:First, the “pens_controller.php” handles the user request (1) as a GET or POST request. We can also have an “index.php” which is the central controller which will call the “pens_controller” whenever needed.The controller then examines the request and the parameters and calls the required model – in this case, “pens_model.php”. The controller asks the model to return the list of available pens (2).Now, the model searches the database for the necessary information (3), applies logics if necessary, and returns the data to the controller(4).The controller then picks an appropriate view (5) and presents the data (6 and 7). If a request comes from a handheld device, a view suitable for it will be used, or if the user has a particular theme selected, its view will be picked – and so on. How to Become a Full Stack Developer