11 Jan, 2021
Categories: ASP.NET Core MVC 5
Create ASP.NET Core MVC 5 Project
On the Visual Studio, select Create a new project from Get Started
Select ASP.NET Core Web Application
Input Project Name and select Location for new project
Select ASP.NET Core 5.0 Version and select ASP.NET Core Empty Template. Click Create button to finish
Add Configurations
Open Startup.cs file and add new configurations as below:
using Microsoft.AspNetCore.Builder;
using Microsoft.AspNetCore.Hosting;
using Microsoft.Extensions.DependencyInjection;
using Microsoft.Extensions.Hosting;
namespace LearnASPNETCoreMVC5
{
public class Startup
{
public void ConfigureServices(IServiceCollection services)
{
services.AddControllersWithViews();
}
public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
if (env.IsDevelopment())
{
app.UseDeveloperExceptionPage();
}
app.UseRouting();
app.UseEndpoints(endpoints =>
{
endpoints.MapControllerRoute(
name: "default",
pattern: "{controller=Demo}/{action=Index}/{id?}");
});
}
}
}
Create Controller
Create new folder named Controllers. In this folder, create new controller named DemoController.cs as below:
using Microsoft.AspNetCore.Mvc;
using System;
namespace LearnASPNETCoreMVC5.Controllers
{
[Route("demo")]
public class DemoController : Controller
{
[Route("index")]
[Route("")]
[Route("~/")]
public IActionResult Index()
{
ViewBag.age = 20;
ViewBag.fullName = "Kevin";
ViewBag.status = true;
ViewBag.price = 4.5;
ViewBag.birthday = DateTime.Now;
return View();
}
}
}
Create View
Create new folder named Views. In this folder, create new folder named Demo. Create new view named Index.cshtml as below:
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
</head>
<body>
Age: @ViewBag.age
<br />
Full Name: @ViewBag.fullName
<br />
Status: @ViewBag.status
<br />
Price: @ViewBag.price
<br />
Birthday: @ViewBag.birthday.ToString("MM/dd/yyyy")
</body>
</html>
Structure of ASP.NET Core MVC 5 Project
Run Application
Access Index action in Demo controller with following url: http://localhost:48982/Demo/Index
Output
Tags
.net coreAjax in ASP.NET Core 5Ajax in ASP.NET Core MVC 5Area in ASP.NET Core MVC 5asp.net coreasp.net core 3asp.net core 5asp.net core mvcasp.net core mvc 3asp.net core mvc 5asp.net mvcasp.net mvc 5asp.net mvc frameworkAuthentication with Middleware in ASP.NET Core MVC 5AutoComplete in ASP.NET Core MVC 5AutoComplete in ASP.NET Core MVC 5 and Entity Framework CoreBarCode in ASP.NET Core MVC 5Cart in ASP.NET Core MVC 5Chart in ASP.NET Core MVC 5controller in asp.net corecontroller in asp.net core mvcCreate Data to Database with Entity Framework Core in ASP.NET Core MVC 5crud in asp.net core mvc 5crud with entity framework core in asp.net core mvc 5CSS and JavaScript in ASP.NET Core MVC 5Custom Tag Helpers in ASP.NET Core MVC 5Delete Data from Database with Entity Framework Core in ASP.NET Core MVC 5Entity Framework Core in ASP.NET Core MVC 5File Upload in Forms in ASP.NET Core MVC 5Form Handling in ASP.NET Core MVC 5Forms in ASP.NET Core MVC 5Forms Validation in ASP.NET Core MVC 5Generate BarCode in ASP.NET Core MVC 5Generate QRCode in ASP.NET Core MVC 5Globalization and Localization in ASP.NET Core MVCGlobalization and Localization in ASP.NET Core MVC 5Google Chart in ASP.NET Core MVC 5Layout in ASP.NET Core MVC 5Login Form with Session in ASP.NET Core MVC 5master page in asp.net core mvc 5Middleware in ASP.NET Core MVC 5Multiple File Upload in Forms in ASP.NET Core MVC 5Multiple Submit Buttons in ASP.NET Core MVC 5mvc frameworkNested Layout in ASP.NET Core MVC 5Pass Data from Controller to View in ASP.NET Core MVC 5pass data in asp.net corepass data in asp.net core mvcPass Objects List from Controller to View in ASP.NET Core MVC 5QRCode in ASP.NET Core MVC 5Query String in ASP.NET Core MVC 5Query String in URL in ASP.NET Core MVC 5Razor View Inside Custom Tag Helpers in ASP.NET Core MVC 5Read Values from AppSettings.json FileRoutes in ASP.NET Core MVC 5Security in ASP.NET Core MVC 5Security in ASP.NET Core MVC 5 and Entity Framework CoreSecurity with Middleware in ASP.NET Core MVC 5Send Email in ASP.NET Core MVCSend Email in ASP.NET Core MVC 5Send Email with Attachment in ASP.NET Core MVC 5Send Mail in ASP.NET Core MVC 5Session in ASP.NET Core MVC 5Shopping Cart in ASP.NET Core MVC 5Shopping Cart with Session in ASP.NET Core MVC 5Single File Upload in Forms in ASP.NET Core MVC 5Static Files in ASP.NET Core MVC 5Tag Helpers in ASP.NET Core MVC 5TempData in ASP.NET Core MVC 5Update Data to Database with Entity Framework Core in ASP.NET Core MVC 5Use ImagesUse Session in ASP.NET Core MVC 5Use TempData in ASP.NET Core MVC 5Validation in ASP.NET Core MVC 5view in asp.net coreview in asp.net core mvcViewComponent in ASP.NET Core MVC 5