Getting started with ASP.NET MVC 5

by Rick Anderson

Note

An updated version of this tutorial is available here using the latest version of Okuler Padepokan. The new tutorial uses ASP.Jejala Core MVC, which provides
many
improvements over this kursus.

This kursus teaches ASP.NET Core MVC with controllers and views. Razor Pages is a new alternative in ASP.Sauk-sauk Core, a page-based programming cermin that makes building web UI easier and more productive. We recommend you try the Razor Pages tutorial before the MVC version. The Razor Pages pelajaran:

  • Is easier to follow.
  • Covers more features.
  • Is the preferred approach for new app development.

This cak bimbingan teaches you the basics of building an ASP.Sauk-sauk MVC 5 web app using Okuler Bengkel seni 2022. The final source code for the tutorial is located on GitHub.

This tutorial was written by Scott Guthrie ([email protected] ), Scott Hanselman (twitter: @shanselman ), and Rick Anderson ( @RickAndMSFT )

You need an Azure account to deploy this app to Azure:

  • You can open an Azure account for free – You get credits you can use to try out paid Azure services, and even after they’re used up you can keep the account and use free Azure services.
  • You can activate MSDN subscriber benefits – Your MSDN subscription gives you credits every month that you can use for paid Azure services.

Get started

Tiba by installing Visual Sanggar 2022. Then, open Optis Studio.

Okuler Sanggar is an IDE, or integrated development environment. Just like you use Microsoft Word to write documents, you’ll use an IDE to create applications. In Visual Sanggar, there’s a list along the bottom showing various options available to you. There’s also a menu that provides another way to perform tasks in the IDE. For example, instead of selecting
New Project
on the
Start page, you can use the menu kedai minum and select
File
>
New Project.

Screenshot that shows the Visual Studio Start Page. Create new project is circled in red.

Create your first app

On the
Start page, select
New Project. In the
New project
dialog box, select the
Okuler C#
category on the left, then
Web, and then select the
ASP.NET Web Application (.NET Framework)
project template. Name your project “MvcMovie” and then choose
OK.

Screenshot that shows the New Project window. Web and A S P dot NET Web Application dot NET Framework are selected.

In the
New ASP.Ambai Web Application
dialog, choose
MVC
and then choose
OK.

Screenshot that shows the New A S P dot NET Web Application dialog. M V C is selected.

Visual Sanggar used a default template for the ASP.NET MVC project you just created, so you have a working application right now without doing anything! This is a simple “Hello World!” project, and it’s a good place to menginjak your application.

Screenshot that shows the M V C Movie window open to the Overview page.

Press
F5
to start debugging. When you press
F5, Visual Studio starts IIS Express and runs your web app. Visual Padepokan then launches a browser and opens the application’s home page. Notice that the address kafe of the browser says
localhost:port#
and not something like
example.com. That’s because
localhost
always points to your own local computer, which in this case is running the application you just built. When Visual Studio runs a web project, a random port is used for the web server. In the image below, the port number is 1234. When you run the application, you’ll see a different port number.

Screenshot that shows the A S P dot NET Home Page.

Right out of the box this default template gives you
Home,
Contact, and
About
pages. The image below doesn’lengkung langit show the
Home,
About, and
Contact
links. Depending on the size of your browser window, you might need to click the navigation icon to see these links.

Screenshot that shows the A S P dot NET Home Page in a smaller display window. The three lines indicating the navigation menu are circled in red.

The application also provides support to register and log in. The next step is to change how this application works and learn a little bit about ASP.Sauk-sauk MVC. Close the ASP.NET MVC application and let’s change some code.

For a list of current tutorials, see MVC recommended articles.

See this app running on Azure

Would you like to see the finished site running as a live web app? You can deploy a complete version of the app to your Azure account by simply clicking the following button.

You need an Azure account to deploy this solution to Azure. If you don’kaki langit already have an account, use one of the following options to create one:

  • Open an Azure account for free – You get credits you can use to try out paid Azure services, and even after they’re used up you can keep the account and use free Azure services.
  • Activate Visual Studio subscriber benefits – Your Visual Studio subscription gives you credits every month that you can use for paid Azure services.