Blazor & MatBlazor MatAppBar - 腾讯云开发者社区

文章/答案/技术大牛

发布

MatBlazor：为 Blazor 和 Razor 组件量身打造的组件库

MatBlazor 是一个专门为 Blazor 和 Razor Components 开发的组件库，基于 Google 的 Material Design 规范实现了一系列常用的交互组件。...MatBlazor 是一个开源项目，提供了一组遵循 Material Design 设计语言的 UI 组件，适用于 Blazor 和 Razor Components 开发。...• 跨平台支持：兼容 Blazor Server 和 Blazor WebAssembly。 • 社区活跃：拥有活跃的开发者社区，持续更新和完善功能。二、快速入门 1....更多请查看下方项目地址四、项目地址项目：https://gitee.com/Blazor/MatBlazor 文档：https://www.matblazor.com/ 五、总结 MatBlazor...是一个功能强大且易用的组件库，能够显著提升 Blazor 和 Razor Components 开发的效率。

4180 0

一套基于 Material Design 规范实现的 Blazor 和 Razor 通用组件库

今天大姚给大家分享一套基于 Material Design 规范实现的、开源（MIT license）且免费的 Blazor 和 Razor 通用组件库：MatBlazor。...Blazor介绍 Blazor 是基于 HTML、CSS 和 C# 的现代前端 Web 框架，可帮助你更快地生成 Web 应用。...使用 Blazor，你可以使用可从客户端和服务器运行的可重用组件生成 Web 应用，以便提供出色的 Web 体验。...Blazor项目需要将脚本部分添加到 index.html 或 _Host.cshtml（head 部分）。...MatBlazor/dist/matBlazor.js"> MatBlazor/dist/matBlazor.css

3101 0

您找到你想要的搜索结果了吗？

是的

没有找到

一套基于 Material Design 规范实现的 Blazor 和 Razor 通用组件库

前言今天大姚给大家分享一套基于 Material Design 规范实现的、开源（MIT license）且免费的 Blazor 和 Razor 通用组件库：MatBlazor。...Blazor介绍 Blazor 是基于 HTML、CSS 和 C# 的现代前端 Web 框架，可帮助你更快地生成 Web 应用。...使用 Blazor，你可以使用可从客户端和服务器运行的可重用组件生成 Web 应用，以便提供出色的 Web 体验。...组件库安装命令安装 Install-Package MatBlazor 或者 dotnet add package MatBlazor NuGet包管理器安装脚本引入对于客户端和服务器端的Blazor...MatBlazor/dist/matBlazor.js"> MatBlazor/dist/matBlazor.css

3250 0

值得推荐的Blazor UI组件库

项目介绍 Ant Design Blazor是一套基于Ant Design和 Blazor的企业级组件库（喜欢Ant Design风格的同学推荐使用）。.../BootstrapBlazor 项目介绍 BootstrapBlazor是一套基于 Bootstrap 和 Blazor 的企业级组件库，可以认为是 Bootstrap 项目的 Blazor 版实现...项目截图 MatBlazor 使用文档：https://www.matblazor.com/ GitHub项目地址：https://github.com/SamProf/MatBlazor...项目介绍 MatBlazor是一套基于Material Design规范实现的Blazor和Razor通用组件库。.../microsoft/fluentui-blazor 项目介绍 Microsoft Fluent UI Blazor是一个基于Blazor的组件库，提供了一系列的UI组件以及Fluent UI的设计系统

1.7K2 0

Blazor入门_blazor视频教程

这篇文章演示了如何使用Blazor构建SPA应用。Blazor简化了可在任何浏览器中运行的快速且美观的SPA的任务。它通过使开发人员能够编写基于Dotnet的Web应用程序来实现此目的。...让我们开始使用Blazor吧。...开始使用首先，在创建新项目时搜索“Blazor”，然后选择“Blazor 应用”。点击“下一步”，在出现的页面上输入项目名称，并选择适当的项目存储的位置。...总结简而言之，本文试图介绍 Blazor，以及如何使用 Blazor创建你的第一个应用程序。除此之外，我们还讨论了托管模型，身份验证，授权的实现以及默认页面中使用的指令。...下一步工作除了此篇文章外，我还计划写其他几篇文章：使用 Blazor和 EntityFrameworkCore进行CRUD操作 Blazor中模型验证 Blazor应用程序的容器化

6K2 0

Blazor-Blazor呈现概念

静态和交互式呈现概念在Blazor开发中，Razor 组件具备两种重要的呈现方式，分别是静态呈现和交互式呈现。静态呈现也被称为静态渲染，是一种典型的服务器端方案。...另一方面，在客户端的浏览器中，基于 WebAssembly 的 Blazor 运行时能够处理事件，这使得用户在浏览器端就能获得即时的交互反馈，极大地提升了用户体验，像一些在线表单填写、实时数据可视化展示等功能...CSR 假定是交互式的，因此行业或文档中不使用“交互式客户端呈现”和“Blazor CSR”。...○ 交互式 SSR：Blazor 事件允许用户交互，并且 Razor 组件状态由 Blazor 框架维护。

6090 0

Blazor学习之旅 (14) Blazor WebAssembly

Blazor 是在 .NET 和 Razor 上构建的用户界面框架。...除此之外，Blazor还提供了另一种模式，就是我们今天要学习的 Blazor WebAssembly！...Blazor WebAssembly（有时简称为 Blazor WASM）是 Blazor 用户界面框架的实现，在所有新式浏览器中均包含的 HTML5 标准 WebAssembly 运行时上运行。...接下来，我们就来使用Blazor WebAssembly来体验一下。...F5开始运行，浏览器会显示一定时间（大概好几秒钟）的Loading，在Blazor WebAssembly首次访问时需要下载相比Blazor Server更多的文件到浏览器。

1.6K1 0

Blazor-Blazor WebAssmbly项目结构（下）

Blazor-Blazor WebAssmbly项目结构（上）接上次这次我们继续来说说剩余的项目文件 _Imports.razor _Imports.razor 文件的功能是定义一组 Razor 指令或命名空间

3870 0

Blazor资源大全，很棒的Blazor(2)

Verify.Blazor - 用于Blazor组件的快照测试库 - 用于Blazor组件的快照测试库。支持通过bunit或原始Blazor渲染将Blazor组件渲染到快照文件中。...Blazor Analytics - Blazor的分析扩展。 Blazor PDF - 使用iTextSharp从Blazor Server应用程序生成PDF文档。...Blazor Gamepad - 为Blazor提供游戏手柄API访问。 Blazor Hotkeys2 - 为Blazor提供基于配置的键盘快捷键。...Blazor.SpeechSynthesis - 为Blazor提供语音合成API访问的库。 Blazor BarCode - 一个使用条形码字体的Blazor条形码库。...从头开始制作Blazor文本编辑器，Blazor文本编辑器第1部分 - 2022年9月8日 - 从头开始制作Blazor文本编辑器，Blazor文本编辑器第1部分。

3.5K2 0

Blazor 修仙之旅 - Ant Design of Blazor

一.前言这是《Blazor 修仙之旅》的第三篇，前面两分别是《初次尝试》、《组件与数据绑定》，直接到这里上 Ant Design 确实连不起来，跨度比较大，其实我也是在边学边写，看的是官方文档，我觉得中间这部分重复写博客的意义不大...Ant Design of Blazor 介绍 ant-design-blazor 是国内开发者 ElderJames 创建的一个开源项目。...顾名思义，ant-design-blazor 是 Ant Design 的 Blazor 实现，开发和服务于企业级后台产品。 ✨ 特性 ? 提炼自企业级中后台产品的交互语言和视觉风格。 ?...从ant-design-blazor README 摘点内容撑一撑篇幅（手动滑稽）三.使用直接新建一个 Blazor WebAssembly 项目，或者使用前两篇文章中的 Demo。...四.Ant Design of Blazor 资料文档：点我开源地址：点我

1.4K1 0

C#.NET.NET Core技术前沿周刊 | 第 28 期（2025年2.24-2.28）

文章地址： https://mp.weixin.qq.com/s/STOF-VtVtQTiE_NkNh-FVA 一套基于 Material Design 规范实现的 Blazor 和 Razor 通用组件库...文章简介：今天大姚给大家分享一套基于 Material Design 规范实现的、开源（MIT license）且免费的 Blazor 和 Razor 通用组件库：MatBlazor。

2091 0

C#.NET.NET Core技术前沿周刊 | 第 29 期（2025年3.1-3.9）

文章简介： .NET 团队于2025年2月25日发布博文，宣布推出 .NET 10 首个预览版更新，重点改进.NET Runtime、SDK、Libraries 、C#、ASP.NET Core、Blazor...文章地址： https://www.cnblogs.com/kklldog/p/18747156/aspire-agileconfig 一套基于 Material Design 规范实现的 Blazor...和 Razor 通用组件库文章简介：今天大姚给大家分享一套基于 Material Design 规范实现的、开源（MIT license）且免费的 Blazor 和 Razor 通用组件库：MatBlazor

3071 0

Blazor学习之旅(1)初步了解Blazor

什么是Blazor？ Blazor是微软近年来主推的，基于C#、HTML与CSS来构建交互式Web UI的框架。借助 Blazor，开发人员可以使用 C# 生成客户端和服务器代码。...Blazor的两种模式（1）Blazor Server模式 Blazor Server 是 Blazor 用户界面框架（作为 ASP.NET Core Web 开发框架的一部分）的实现，并部署到 Web...其次，什么是Blazor WebAssembly? 使用 Blazor WebAssembly，开发人员可以在浏览器中运行 .NET 代码。...综合上述准则，决定在下一个应用程序中使用 Blazor WebAssembly 还是 Blazor Server 时，请参考下表。 Blazor和主流前端框架如何选择？...这样开放的思路，给了Blazor开源社区非常大的发展空间，比如很多早先由原生JS编写的图表开源项目，可以以相对较低的成本迁移到Blazor上来；又比如可以使用Blazor封装三大框架已有的组件，或者原生组件

2.3K2 0

Blazor-Ant Design of Blazor快速开始

近期准备选用个Blazor的前端UI框架来进行系统的开发，快速实现，准备从主流的UI组件框架中进行选择，我们先来看看你Ant Design of BLazor框架如何？...Ant Design Blazor 是一个基于 Blazor 框架的开源组件库，采用了 Ant Design 的设计风格。...模板来创建一个开箱即用的 Ant Design Pro 新项目：安装模板 dotnet new --install AntDesign.Templates 运行：从模板创建 Ant Design Blazor

3461 0

Blazor-Blazor WebAssmbly项目结构（上）

public class Program { public static async Task Main(string[] args) { //运行 Blazor...builder.RootComponents.Add("#app"); //表示在根组件集合中添加 HeadOutlet 组件，该组件是 Blazor...4.inspectUri：在 Blazor WebAssembly 应用程序上启用调试的 URL 地址。

6351 0

Blazor资源大全，很棒的Blazor（1）

介绍什么是Blazor？ Blazor是一个用于使用C#构建客户端Web应用程序的.NET Web框架。 Blazor允许您使用C#而不是JavaScript构建交互式Web用户界面。...入门要开始使用Blazor，请按照Blazor入门[23]文档中的说明进行操作。在Microsoft Learn上完成使用Blazor构建Web应用程序[24]学习会议也是一个不错的主意。...通用 ASP.NET博客存档[27] - 关于Blazor的ASP.NET博客存档。 Blazor[28] - Blazor的官方网站，来自Microsoft。....NET基金会上的Blazor-Dev库[30] - Blazor“dev”分支的每日构建。 Blazor扩展[31] - 为Microsoft ASP.Net Core Blazor精选的扩展。...移动 Mobile Blazor Bindings[118] - 实验性的Mobile Blazor Bindings - 使用Blazor构建原生移动应用程序。

2.4K5 0

Blazor资源大全，很棒的Blazor(3)

Blazor 快速入门指南：使用 Blazor、EF Core 和 SQL Server 构建 Web 应用程序 - Blazor 快速入门指南：使用 Blazor、EF Core 和 SQL Server...Blazor 简明指南 - 2020年4月16日 - 一本免费的入门 Blazor 框架的电子书。 Blazor，入门指南 - 2020年3月18日 - 一本免费的入门 Blazor 框架的电子书。...Learn Blazor - Blazor 的社区文档。 Blazor 帮助网站 - 主要涵盖服务器端 Blazor 的博客和代码示例。 Blazor 实用示例 - Blazor 的实用示例。...Blazor 服务器端实用示例 - Blazor 服务器端的实用示例。 Reddit - Blazor 的 Reddit 子论坛。...现代化的 Blazor Web 应用 - [意大利语] 关于 Blazor 的视频。

1.9K4 0

Blazor 初探

Blazor 初探目录一、新建项目二、ASP.NET Core Blazor 项目结构三、结合代码讲解四、改造五、配置文件的使用六、发布到 Linux（CentOS）题外话，期间遇到个问题...程序部署到 Linux 系统）》中提到的 VPS 文件中转下载服务后，如何将下载的文件以 Blazor 的方式传出到浏览器的方法。...那么这篇文章就回过头来，介绍一下本项目（VPSDownloader.NET）使用 Blazor 的过程。...一、新建项目在 VisualStudio 中选择 “Blazor 应用” 项目模板：填写项目名称：选择 Blazor Server 应用：二、ASP.NET Core Blazor 项目结构...微软官方文档：https://docs.microsoft.com/zh-cn/aspnet/core/blazor/project-structure?

2.7K1 0

Day 03：Blazor Server和Blazor WebAssembly的差异

下载Visual Studio后首先建立一个Blazor解决方案，里面建立Blazor Server项目，方案位置可以自己选择(注：新版Visual Studio将Blazor Server跟Blazor...创建解决 Blazor 两种模板应用创建Blazor Server应用配置Blazor Server应用选择.NET 6 运行运行+F12 F5重新加载网页 SignalR连接...同一解决方案新建项目选择Blazor WebAssembly应用 Blazor WebAssembly应用其他信息配置项目建好后可以直接启动项目，但如果想同时看到Blazor Server跟Blazor...两种模式项目结构对比 Blazor Server的Program.cs文件： Blazor Server Program.cs Blazor Wasm的Program.cs文件： Blazor Wasm...Blazor Server Program.cs Blazor Server _Host.cshtml_ 接着看2号框，可以看到Blazor Server多了_Host.cshtml、_Layout.cshtml

3.8K3 0

ASP.NET Core Blazor 初探之 Blazor Server

上周初步对Blazor WebAssembly进行了初步的探索(ASP.NET Core Blazor 初探之 Blazor WebAssembly)。这次来看看Blazor Server该怎么玩。...Blazor Server Blazor 技术又分两种： Blazor WebAssembly Blazor Server Blazor WebAssembly上次已经介绍过了，这次主要来看看Blazor...因为前面Blazor Webassembly已经讲过了，相同的东西，比如数据绑定，属性绑定，事件绑定等内容就不多说了，请参见ASP.NET Core Blazor 初探之 Blazor WebAssembly...新建Blazor Server项目打开vs找到Blazor Server模板，看清楚了不要选成Blazor Webassembly模板。 ? 看看生成的项目结构： ?...从返回的html代码上来看绑定的数据已经有值了，这可以清楚的证明Blazor Server技术使用的是服务端渲染技术。 ? ? _blazor?

2.5K2 0

点击加载更多

MatBlazor：为 Blazor 和 Razor 组件量身打造的组件库

一套基于 Material Design 规范实现的 Blazor 和 Razor 通用组件库

一套基于 Material Design 规范实现的 Blazor 和 Razor 通用组件库

值得推荐的Blazor UI组件库

Blazor入门_blazor视频教程

Blazor-Blazor呈现概念

Blazor学习之旅 (14) Blazor WebAssembly

Blazor-Blazor WebAssmbly项目结构（下）

Blazor资源大全，很棒的Blazor(2)

Blazor 修仙之旅 - Ant Design of Blazor

C#.NET.NET Core技术前沿周刊 | 第 28 期（2025年2.24-2.28）

C#.NET.NET Core技术前沿周刊 | 第 29 期（2025年3.1-3.9）

Blazor学习之旅(1)初步了解Blazor

Blazor-Ant Design of Blazor快速开始

Blazor-Blazor WebAssmbly项目结构（上）

Blazor资源大全，很棒的Blazor（1）

Blazor资源大全，很棒的Blazor(3)

Blazor 初探

Day 03：Blazor Server和Blazor WebAssembly的差异

ASP.NET Core Blazor 初探之 Blazor Server

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐