Building ASP.net Core MVC using Visual Studio

Building ASP.net Core MVC using Visual Studio

news-image

What is ASP.net Core? Check the previous blog here.

For this blog, I’ll be guiding you on how to create a simple ASP.net Core MVC project.  This will be a straight forward implementation, from creating up to running it locally.

So let’s start.

 

Install Visual Studio and .NET Core

 

Creating our first ASP.net Core Web App

 

new project

 

A popup dialog will open:

  • In the left pane, tap Web
  • In the center pane, tap ASP.NET Core Web Application (.NET Core)
  • Name the project “MvcMovie” (It’s important to name the project “MvcMovie” so when you copy code, the namespace will match. )
  • Tap OK

 

A popup dialog

 

Complete the New ASP.NET Core Web Application - MvcMovie dialog:

  • Tap Web Application
  • Clear Host in the cloud
  • Tap OK

 

MvcMovie

 

Visual Studio used a default template for the MVC project you just created, so you have a working app right now by entering a project name and selecting a few options. This is a simple “Hello World!” project, and it’s a good place to start.

 

Tap F5 to run the app in debug mode or Ctl-F5 in non-debug mode.

 

non-debug mode

 

  • Visual Studio starts IIS Express and runs your app. Notice that the address bar shows 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 app you just created. When Visual Studio creates a web project, a random port is used for the web server. In the image above, the port number is 1234. When you run the app, you’ll see a different port number.
  • Launching the app with Ctrl+F5 (non-debug mode) allows you to make code changes, save the file, refresh the browser, and see the code changes. Many developers prefer to use non-debug mode to quickly launch the app and view changes.
  • You can launch the app in debug or non-debug mode from the Debug menu item:

 

Debug

 

You can debug the app by tapping the IIS Express button

 

IIS Express

 

The default template gives you working Home, Contact, About, Register and Log in links. The browser image above doesn’t show these links. Depending on the size of your browser, you might need to click the navigation icon to show them.

 

Home, Contact, About, Register and Log in links

 

That's it, you now have a running ASP.net Core MVC app. For our next blog, Will be running down some coding and build a sample application.

 

Credit : https://docs.asp.net

 

 

author-image
author-image
about the author

Ervin Musngi MCSD

about the author

Ervin Musngi MCSD

Lead Developer of Seirim, Ervin focuses on project structure and architecture. Adding to that role, he monitors, assists and supervise ongoing projects to make sure we only release and deploy quality projects.

Ready to Get Secure?

The SEIRIM team of professionals is at your service to design, develop and deliver better cybersecurity for your organization.

let’s connect
get latest updates

Similar Articles

2022-07-01 - IT & Web Development

Domains Confirmed in Use by Us at SEIRIM

At SEIRIM we have a lot of company-owned projects across the web for different purposes and we detail them here.