![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Blazor
文章平均质量分 92
谢.锋
专注于分享最有价值的互联网技术干货、行业资讯、架构设计、前端、后端、微服务、中间件、算法等技术栈。
展开
-
Blazor SPA 的本质是什么以及服务器端渲染如何与 Blazor 的新 Web 应用程序配合使用
图 1 显示了传统的 Web 应用程序如何处理用户请求,它通常涉及用户为每个新页面向服务器发出请求。例如,向服务器发送对“www.facebook.com/home.html”这样的主页的请求,服务器处理该请求然后返回主页。而当用户导航到个人资料页面时,将发出另一个对“www.facebook.com/profile.html”的请求,服务器现在将返回个人资料页面。每次交互都会导致整个页面重新加载。图 1:传统 Web 应用架构现在让我们看看 SPA 应用程序是如何工作的,用户体验保持不变。原创 2024-07-07 08:00:00 · 810 阅读 · 0 评论 -
在同一个 Blazor 应用中结合 SQL-DB 和 MongoDB
传统上,在单应用程序中,我们对整个应用程序使用单个数据库服务器。但是,我将 SQL 数据库和 MongoDB 结合在同一个应用程序中。此应用程序将是 RDBMS 和 No SQL 数据库的组合。我们将从头开始创建一个 Blazor 应用程序,并使用数据迁移创建一个 SQL 数据库和一个表。我们将使用此 SQL DB 来保存员工数据。我们将使用 MongoDB 数据库来保存城市数据。我们可以一步一步地看到所有操作。原创 2024-06-19 13:08:32 · 1305 阅读 · 0 评论 -
Blazor 中基于角色的授权
Blazor用于使用 .NET 代码库创建交互式客户端 Web UI。Microsoft 默认在 Blazor 应用程序中提供了一个用于身份验证和授权的身份框架。请注意,他们目前使用 MVC Core Razor 页面作为身份验证 UI。使用“Microsoft.AspNetCore.Identity.UI”包库来实现这一点。将来,他们可能会用 Razor 组件替换它。在这篇文章中,我们可以看到如何为 Blazor 应用程序添加身份验证和授权,并使用用户角色限制页面。我将逐步解释所有这些操作。原创 2024-06-19 13:07:35 · 739 阅读 · 0 评论 -
在 Blazor 中在子组件和父组件之间共享数据
在 Blazor 中创建了一个可重用的子组件,并可轻松在另一个父组件中使用。我们与子组件共享了父组件的数据,反之亦然。原创 2024-06-18 08:00:00 · 989 阅读 · 0 评论 -
Blazor 中的状态管理
状态管理是当代 Web 应用程序的基本特征之一。它的好处是可以避免频繁回发到服务器,因为数据是在浏览器中管理的。大多数前端 JavaScript 库和框架(如 React、Angular 等)通过使用全局状态容器对象(又名 Store)提供状态管理。由于 Blazor 应用程序(Web Assembly 项目)是在浏览器中加载和执行的,因此使用全局状态容器对象进行状态管理很容易构建。原创 2024-06-18 08:00:00 · 760 阅读 · 0 评论 -
在同一个 Blazor 应用中结合 ADO.NET、EF Core 和 Dapper
我们将了解如何将 ADO.NET、EF Core 和 Dapper 与 Blazor 应用程序结合使用。我在同一个 Blazor 应用程序中结合了这三种不同的方法。这样,人们就可以从一个地方了解这些不同的方法。请注意,这是我在一篇文章中结合不同方法的一次实验性努力。ADO.NET 提供对数据源(例如 SQL Server 和 XML)以及通过 OLE DB 和 ODBC 公开的数据源的一致访问。数据共享消费者应用程序可以使用 ADO.NET 连接到这些数据源并检索、处理和更新它们包含的数据。原创 2024-06-17 09:00:00 · 658 阅读 · 0 评论 -
使用 Dapper 创建 Blazor Server SPA
Blazor 是 Microsoft 构建的一个新框架,用于使用 .NET 代码库创建交互式客户端 Web UI。我们可以用 C#.NET 本身编写客户端和服务器端代码。Dapper 是一个微型 ORM(对象关系映射器),可帮助将本机查询输出映射到域类。它是由 StackOverflow 团队构建并作为开源发布的高性能数据访问系统。如果您的项目更喜欢编写存储过程或编写原始 SQL 查询,而不是使用 EntityFramework 等成熟的 ORM 工具,那么 Dapper 是您的更好选择。原创 2024-06-17 09:00:00 · 1107 阅读 · 0 评论 -
使用 Blazor Server 和 Entity Framework Core 3.0 创建单页应
我们将使用 Blazor 创建一个简单的员工应用程序。在此应用程序中,我们可以添加、编辑、读取和删除员工信息。我们将使用实体框架核心 3.0 将数据存储和检索到 SQL 数据库中。原创 2024-06-16 10:00:00 · 673 阅读 · 0 评论 -
在 Blazor WebAssembly 中使用 EF Core 7 进行 CRUD 操作
在本文中,我们将演示如何在 Entity Framework 核心的帮助下使用 Blazor WebAssembly 执行基于 CRUD 的操作。原创 2024-06-16 09:00:00 · 828 阅读 · 0 评论 -
Blazor 组件:创建、生命周期、嵌套和 UI 集成
什么是 Blazor 组件?如何使用组件?Blazor 组件的生命周期是什么?我们可以从一个组件调用另一个组件吗?如何创建 Blazor 组件?在组件中哪里写 C# 代码?原创 2024-06-15 09:00:00 · 800 阅读 · 0 评论 -
在 Blazor 组件中创建表单控件和基本表单
什么是表单控件?我可以在 Blazor 中使用 HTML 表单控件吗?Blazor 支持多少种类型的表单控件?HTML 中有多少个表单控件?Blazor 有内置的表单控件吗? Blazor 中有多少个内置表单控件/输入组件?使用 HTML 表单控件的示例 Blazor 表单。使用 InputComponents 内置的示例 Blazor 表单。原创 2024-06-15 09:30:00 · 936 阅读 · 0 评论 -
了解 Blazor Server App 项目结构
如何创建 Blazor Server App 项目?Blazor Server 应用程序的项目结构是什么样的?每个默认文件夹有什么用?如何设置启动razor组件或页面运行?原创 2024-06-14 08:33:35 · 415 阅读 · 0 评论 -
Blazor 概述
Blazor Server 借助 Asp.Net 核心 API 的功能在服务器上执行,并使用 SingalR 更新客户端,而 Blazor WebAssembly 借助 SPA 和 PWA 的功能在浏览器中执行。原创 2024-06-14 08:31:59 · 683 阅读 · 0 评论 -
了解 Blazor 中的 CRUD 操作
如何使用查询创建表?如何设置数据库连接并获取操作?需要哪些 NuGet 包?什么是服务? 如何在 Program.cs 中注册服务?如何在 Blazor 中实现 CRUD 操作? 如何重定向到其他组件?原创 2024-06-15 10:00:00 · 1168 阅读 · 0 评论