Lulus

摘要： 在Blazor应用程序中，NavLink 组件是构建导航菜单和侧边栏的核心组件。它允许用户通过点击链接来导航到应用程序的不同部分，同时提供视觉反馈，显示当前激活的链接。 下面是一个简单的Blazor导航条示例，使用了NavLink组件。 首先，我们创建一个新的Razor组件，用于表示导航条。 @pa 阅读全文

摘要： 近期，成都.NET俱乐部核心成员经过讨论会，我们成立了CTC蜀道会，它是一个专注于创业历程、研发管理、AIGC、副业之路、.NET、Vue、微软技术、开源技术等领域的社区，立足于蓉城成都，致力于连接同道中人，共同推进科技与业务的发展。 ![](https://img2023.cnblogs.com/ 阅读全文

摘要： 在Blazor中，我们可以创建自定义组件来封装可重用的UI逻辑。以下是一个创建Popup（弹出框）自定义组件的示例，并展示如何在页面中使用它。 创建Popup组件 首先，我们创建Popup组件（Popup.razor）。这个组件包含了一个弹出框的样式和逻辑。 @inherits ComponentB 阅读全文

摘要： 在Blazor应用程序中，模态框（Modal）是一个常见的UI元素，用于在用户交互时显示重要信息或需要用户确认的操作。 本文将介绍如何创建一个自定义的Blazor模态框组件，并使用它。 创建Modal组件 首先，我们创建一个名为Modal.razor的组件文件。这个组件继承了ComponentBas 阅读全文

摘要： 在Blazor中，我们可以创建自定义组件来复用代码并增强UI的交互性。 本文将介绍如何创建一个简单的下拉菜单（Dropdown）组件，并使用它。 创建Dropdown组件 首先，我们创建一个名为Dropdown.razor的组件。这个组件继承自ComponentBase，并包含HTML结构和C#代码 阅读全文

摘要： 在 Blazor 中，数据绑定是一个关键特性，它允许你在 HTML 元素和 C# 代码之间建立直接的连接，使得 UI 能够根据数据模型的变化而自动更新，反之亦然。这通过 @bind 属性实现，它提供了一种简洁而强大的方式来在组件的输入和输出之间建立双向绑定。 数据绑定在 Blazor 中主要支持两种 阅读全文

摘要： 下面是一个简单的Blazor表格示例，用于显示学生信息数据。 假设我们有一个Student类和一个StudentService类来提供学生数据。 首先，定义Student类： public class Student { public int Id { get; set; } public stri 阅读全文

摘要： 在Blazor中，引入CSS样式表有多种方式，下面是一些常用的方法： 直接在HTML中引入 在wwwroot/index.html（对于Blazor WebAssembly应用程序）或Components/App.razor（对于Blazor Server应用程序）文件的部分直接引入CSS文件： < 阅读全文

摘要： 在Blazor中，自定义弹窗通常涉及到创建一个可重用的组件，该组件可以在需要时动态显示和隐藏。下面是一个简单的Blazor自定义弹窗示例。 首先，我们创建一个名为CustomDialog2.razor的组件，该组件将作为我们的自定义弹窗。 @if (ShowDialog) { <div class= 阅读全文

摘要： 在Blazor应用程序中，实时跟踪和更新UI元素的状态是一项常见的任务。尽管Blazor提供了@bind指令用于双向数据绑定，但在某些情况下，我们可能需要更细粒度的控制，这时可以使用原生的DOM事件，如oninput。 在本篇博客中，我们将展示如何在Blazor中使用oninput事件来实现一个简单 阅读全文