ASP.NET MVC - Tutorial

ASP.NET is a development framework used to build web pages and websites through HTML, CSS, JavaScript, and server scripts.

ASP.NET supports three open models:

Web Pages, MVC (Model View Controller), and Web Forms:

This tutorial explains MVC.

Web Pages MVC Web Forms

MVC programming model

MVC is one of the three ASP.NET development models.

MVC is a framework used to build web applications, designed using MVC (Model View Controller):

  • Model (model) represents the core of the application (such as a list of database records)
  • View (view) displays data (database records)
  • Controller (controller) handles input (writing database records)

The MVC model provides complete control over HTML, CSS, and JavaScript at the same time.

The MVC model defines web applications through three logical layers:

  • business layer (business layer, model logic)
  • display layer (display layer, view logic)
  • input control (input control, controller logic)
Model (Model)

Model (Model) is the part of the application used to handle application data logic.

Model objects are usually stored and retrieved data from the database.

View (view)

View (view) is the part of the application that handles data display.

Views are usually created from model data.

Controller

The controller is the part of the application that handles user interaction.

Controllers usually read data from the view, control user input, and send data to the model.

This separation of MVC helps us manage complex applications because you can focus on one aspect at a time. For example, you can design the view without depending on the business logic. At the same time, it is also easier to design the application.

This separation of MVC also simplifies the development of groups. Different developers can develop views, controller logic, and business logic simultaneously.

Web Forms vs MVC

The MVC programming model is a lightweight alternative to traditional ASP.NET (Web Forms). It is a lightweight, highly testable framework that integrates all existing ASP.NET features, such as template pages, security, and authentication.

Visual Studio Express 2012/2010

Visual Studio Express is the free version of Microsoft Visual Studio.

Visual Studio Express is a development tool tailored for MVC (and Web Forms).

Visual Studio Express includes:

  • MVC and Web Forms
  • Drag and drop web controls and web components
  • Web server language (Razor uses VB and C#)
  • Web server (IIS Express)
  • Database server (SQL Server Compact)
  • Complete web development framework (ASP.NET)

If you have already installed Visual Studio Express, you will get more benefits from this tutorial.

If you want to install Visual Studio Express, please click the following link:

Visual Web Developer 2012(Windows 7 or Windows 8)

Visual Web Developer 2010(Windows Vista or XP)

After the first installation of Visual Studio Express, it will run the installer again to install patches and service packs. Please click the link again.

ASP.NET MVC Reference Manual

At the end of this tutorial, we provide the complete ASP.NET MVC Reference Manual.