Blazor Server Project #7: Practical Guide to Make Master-Detail Page

Implementation of CRUD operation for 1:N (one-to-many) & M:N (many-to-many) relationship and dynamic navigation using parameterized route

M. Ramadhan
Informatics

--

Table of Contents

Overview
Implementing Master-Detail Page
How It Works
Summary
References

Photo by Daniel on Unsplash

This article is the seventh in a series covering the Blazor Server Project:
(1) How to create a CRUD operation using Dapper
(2) Building a dropdown list involves a 1:N relationship
(3) How to implement a checkbox list involving an M:N relationships
(4) Understanding URL routing and navigation
(5) Creating and using page layout
(6) How to create a reusable modal dialog component
(7) Practical guide to making a master-detail page
(8) Master-detail page using dynamic query
(9) How to avoid SQL injection attacks
(10) Hiding/showing HTML elements
(11) Migrate to ASP.NET Core 6.0
(12) Installing ASP.NET Core Identity
(13) Integrating Identity tables into the existing project database
(14) Authentication and authorization
(15) Role-based authorization
(16) How to implement Google Authentication
(17) Facebook Authentication and Authorization
(18)…

--

--

M. Ramadhan
Informatics

I’m a database designer and developer, childhood in Menggala, living in Palembang.