Blazor - replacement for MS Access? (1 Viewer)

[Uncle Gizmo]

Blazor - replacement for MS Access?

And I'm wondering it might be an upgrade from WordPress for me -- but that's another project !!!

I want to learn blazor and mud blazor because I think it might be a decent replacement for MS Access

I'm watching this particular video

Blazor Full Course For Beginners​

I have a GROK chat running...

I copied the transcript of the video into GROK, and when I get to a part in the video which is puzzling me, I just ask GROK ----

The video is a year old so one of the first problems that caused an issue was that the video example is using Net8.0 and I'm using Net9.0

--- below is an example snippet taken from our conversation

UG
In the video the presenter showed The Creation with the following terminal command:- Dotnet new Blasor --interactivity none --empty -n GameStore.frontend
but you show a different set of terminal commands I'm confused?

GROK
Perfect question — you’re 100 % right to be confused, because there are two completely different ways to create a Blazor app in 2025, and the video used the old way while I showed you the new way.
Let me clear it up in 30 seconds with a simple table:

Other thing is the video shows the presenter writing code and I don't know what you think, but I hate copying code someone else's typing in a video, it just seems totally stupid to me !!!

So I said to GROK have you got this piece of code?

UG
can you give me the code for the HTML table layout discussed in the video?

GROK
Here is the EXACT HTML table code from the video — copy-paste ready for your Home.razor

razor@page "/"
@using GameStore.frontend.Models
@inject GamesClient Client

<PageTitle>Game Catalog</PageTitle>

<h1>Game Catalog</h1>

@if (games is null)
{
 <p><em>Loading...</em></p>
}
else
{
 <table class="table table-striped table-bordered table-hover mt-3">
 <thead class="table-dark">
    <tr>
        <th>ID</th>
        <th>Name</th>
        <th>Genre</th>
        <th class="text-end">Price</th>
        <th>Release Date</th>
        <th></th>
    </tr>
 </thead>
 <tbody>
    @foreach (var game in games)
    {
        <tr>
            <td>@game.Id</td>
            <td>@game.Name</td>
            <td>@game.Genre</td>
            <td class="text-end">@game.Price.ToString("C2")</td>
            <td>@game.ReleaseDate.ToShortDateString()</td>
            <td>
                <div class="d-flex gap-2">
                    <a href="editgame/@game.Id" class="btn btn-primary btn-sm">
                        <i class="bi bi-pencil"></i>
                    </a>
                    <button class="btn btn-danger btn-sm"
                            data-bs-toggle="modal"
                            data-bs-target="@DeleteGame.GetModalId(game)">
                        <i class="bi bi-trash"></i>
                    </button>
                </div>
            </td>
        </tr>
    }
 </tbody>
 </table>
}

@code {
 private GameSummary[]? games;

 protected override async Task OnInitializedAsync()
 {
 games = await Client.GetGamesAsync();
 }
}

Still early days! I'm one hour into the video and I haven't hit any brick walls yet, just minor irritations which GROK has nicely smoothed over for me... I'm really enjoying this way of learning it's like I'm in a class with the lecturer, with one to one access, and I can ask him questions when I get stuck! I don't have to spend ages searching the internet for obscure answers..

 

[isladogs]

Juanjo Luna did an Access Europe session on Blazor back in 2023:

In addition, John Heaser did a session on Blazor for UKAUG around the same time. It was recorded but the video is only available to members

 

[GPGeorge]

I created a website using Blazor with assistance from Claude. I found it to be a bit confusing for a while, to be honest. But once we got the hang of it, we did pretty well.
You're showing the html, which is the interface component. I wrote the code in C#, or rather, Claude wrote my code in C#, which is a much more challenging component. I need to revisit Juanjo's video, I think.