Scribd
Upload
29 views29 pages

Adding Navigation To The Site Slides

The document provides an overview of routing in ASP.NET Core MVC, detailing how to configure the routing system and navigate using tag helpers. It explains the mapping of URIs to endpoints, passing values, and the use of optional segments and constraints. Additionally, it highlights the importance of tag helpers for generating clean HTML links in the application.

Uploaded by

nshansundar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
29 views29 pages

Adding Navigation To The Site Slides

The document provides an overview of routing in ASP.NET Core MVC, detailing how to configure the routing system and navigate using tag helpers. It explains the mapping of URIs to endpoints, passing values, and the use of optional segments and constraints. Additionally, it highlights the importance of tag helpers for generating clean HTML links in the application.

Uploaded by

nshansundar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 29

Adding Navigation to the Site

Gill Cleeren
CTO XPIRIT BELGIUM

@gillcleeren www.snowball.be
Overview
Understanding routing in ASP.NET Core
MVC
Configuring the routing system
Navigating with tag helpers
Understanding Routing
in ASP.NET Core MVC
Serving Files

File
1

File
Request 2
/File1
File
3
Handing Requests in ASP.NET Core MVC

Controller 1

Controller 2
Request

Controller 3

Routing
Routing

Mapping URI to endpoint Generate links

Different types Changed with .NET Core 3/5


Patterns and Routes

http://www.bethanyspieshop.com/Pie/List

Controller
Action

{Controller}/{Action}
Routing to the Action Method

public class PieController : Controller


{
public ViewResult List()
{
return View();
}
}
Working with Segments

http://www.bethanyspieshop.com/Pie/Details/1

Controller
Action
Value
{Controller}/{Action}/{id}
Passing a Value

public class PieController : Controller


{
public ViewResult Details(int id)
{
//Do something
}
}
Configuring the Routing System
app.UseRouting();
app.UseEndpoints(endpoints =>
{
endpoints.MapControllerRoute(
name: "default",
pattern: "{controller=Home}/{action=Index}/{id?}");
});

Configuration in Startup
app.UseMvc(routes =>
{
routes.MapRoute(
name: "default",
template: "{controller}/{action}");
});

Configuration in Startup (ASP.NET Core 2.1)


app.UseEndpoints(endpoints =>
{
endpoints.MapControllerRoute(
name: "default",
pattern: "{controller=Home}/{action=Index}");
});

Route Defaults
- Will match www.bethanyspieshop.com
app.UseEndpoints(endpoints =>
{
endpoints.MapControllerRoute(
name: "default",
pattern: "{controller=Home}/{action=Index}/{id}");
});

Passing Values
Receiving the Value

public class PieController : Controller


{
public ViewResult Details(int id)
{
//Do something
}
}
app.UseEndpoints(endpoints =>
{
endpoints.MapControllerRoute(
name: "default",
pattern: "{controller=Home}/{action=Index}/{id?}");
});

Optional Segments
- Will match
• www.bethanyspieshop.com/Pie/List
• www.bethanyspieshop.com/Pie/Details/1
app.UseEndpoints(endpoints =>
{
endpoints.MapControllerRoute(
name: "default",
pattern: "{controller=Home}/{action=Index}/{id:int?}");
});

Adding Constraints
Navigating with Tag Helpers
We need to generate correct
links in the resulting HTML
@Html.ActionLink t HTML Helpers
("View Pie List","List",
"Pie")

<a asp-controller="Pie" t Tag Helpers


asp-action="List">
View Pie List
</a>
Tag Helpers

Server-side
Trigger code execution
Built-in or custom
Replace HTML Helpers
<a asp-controller="Pie" asp-action="List">
View Pie List
</a>

Tag Helpers
<a href="/Pie/List">View Pie List</a>

Resulting HTML
Registering Your Tag Helpers

@using BethanysPieShop.Models
@using BethanysPieShop.ViewModels
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
asp-controller
asp-action
Tag Helpers
asp-route-*
asp-route
Demo

Adding Navigation
Summary
Routing matches incoming request URI
with pattern
Tag Helpers help to create clean code
- Also for links
Up next:
Adding more View features

You might also like