(20/30) Let's Learn Blazor Together: Logging
When developing a system, logging is very important. It hasn't been mentioned before; the author only recently thought of it, so let's implement it!
(19/30)Learning Blazor Together: Image Upload
In most websites, uploading images is also a very important feature. Today we will practice it.
(18/30)Learning Blazor Together: Modifying the Add() Method
Suppose there is a situation: there is one log entry, and before adding the second one and submitting, you want to delete the first one. What will happen then?
(17/30)Learning Blazor Together: Establishing the Relationship Between Blog and Post
Next, we will talk about database-related content, focusing on ASP.NET Core and EF Core. Only if there is a need to modify the page, we will mention Blazor. This part will take up more space.
(16/30)Learning Blazor Together: Creating a Database
We now have basic logs, but every time we finish inputting and reload the page, the data is reset because these data only exist in the browser and are not actually stored in the database. To save them, we need to connect to the database.
(15/30)Learning Blazor Together: CSS Isolation
Sometimes we want to apply individual styles to different components. But if we write all CSS classes in `wwwroot/css/site.css`, or modify styles for a specific element, it may cause a change to affect all components. This kind of global conflict must be avoided, but how should we do it?
(14/30)Learning Blazor Together: JavaScript Interop
Although Blazor does not require JavaScript, some existing JS libraries are still very convenient. We cannot discard them all just because we don't want to use JavaScript. Blazor provides methods to call JavaScript, a scenario called JavaScript interoperability (JavaScript interop for short). This article will implement a confirmation dialog for the Delete button, because deletion is an important function and users should not easily delete with just one click.
(13/30)Learning Blazor Together: EventCallback, Event from Child to Parent
The current 4 log entries are from the fake data we wrote. But normally we wouldn't do this; instead, there should be a button for the user to click to increase or decrease the number of logs.
Blazor Open Source Component Library - Masa Blazor
Blazor allows you to build interactive web UI using C# instead of JavaScript. Blazor apps are composed of reusable web UI components implemented using C#, HTML, and CSS. Both client and server code are written in C#, allowing you to share code and libraries.
(12/30)Learning Blazor Together: Cascading Values and Parameters
Yesterday I accidentally changed the Reset button's type to 'button'. Today I will change it back to 'reset'.