Microsoft Learn

Introduction to ASP.NET Core MVC

Welcome to the ASP.NET Core MVC tutorial series! This series will guide you through the fundamentals of building web applications using the Model-View-Controller (MVC) architectural pattern with ASP.NET Core.

ASP.NET Core MVC is a high-performance, open-source framework for building modern, cloud-based, internet-connected applications. It empowers developers to build robust and scalable web applications by separating concerns into three distinct logical parts: Model, View, and Controller.

Understanding the MVC Pattern

The MVC pattern separates an application into three interconnected components:

• Model: Represents the data and the business logic of the application. It handles data storage, retrieval, and manipulation.
• View: Responsible for presenting the data to the user. It's typically an HTML page with embedded logic for displaying data from the Model.
• Controller: Acts as an intermediary between the Model and the View. It handles user input, interacts with the Model, and selects the appropriate View to render.

This separation of concerns makes applications easier to develop, test, and maintain.

Getting Started with ASP.NET Core MVC

To begin building your first ASP.NET Core MVC application, you'll need the following:

• .NET SDK: Download and install the latest .NET SDK from the official .NET website.
• Code Editor: Visual Studio, Visual Studio Code, or another preferred code editor.

Creating Your First MVC Project

You can create a new ASP.NET Core MVC project using the .NET CLI or your IDE.

Using the .NET CLI:

dotnet new mvc -o MyFirstMvcApp
cd MyFirstMvcApp
dotnet run

This command will create a new MVC project named `MyFirstMvcApp`, navigate into its directory, and then run the application. You can then open your browser to https://localhost:5001 (or the specified port) to see your application in action.

Project Structure:

A typical ASP.NET Core MVC project includes the following key directories:

• Controllers: Contains your controller classes.
• Models: Contains your data models.
• Views: Contains your view templates (Razor pages).
• wwwroot: Contains static files like CSS, JavaScript, and images.

Key Concepts to Explore Next

As you continue your learning journey, focus on these core concepts:

• Routing in ASP.NET Core
• Model Binding and Validation
• Working with Razor Syntax
• Dependency Injection
• Data Access (Entity Framework Core)

Dive into the following modules to deepen your understanding and build more complex applications.