Blazor资源大揭秘,Blazor(2)的全新视角

发表时间: 2023-07-16 08:21

教程

  • Blazor workshop - .NET Foundation提供的Blazor应用程序构建工作坊,Blazzing Pizza。
  • Blazor Meadow Web API Weather Chart.js - 2021年6月 - 在Blazor应用程序中使用Chart.js显示传感器数据。源代码 。
  • NextTechEvent by Coding After Work - 构建"NextTechEvent"网站,帮助演讲者、组织者和参与者找到下一个技术活动。源代码 。
  • Archives - 2021, 2020, 2019, 2018。

库和扩展

可重用的组件,如按钮、输入框、网格等。另请参阅Blazor组件包功能比较表。

组件包

  • FAST - FAST是一个基于Web组件和现代Web标准构建的技术集合,旨在帮助您高效地解决网站和应用程序设计与开发中的一些常见挑战。FAST和Blazor文档。
  • Ant Design Blazor - 一套基于Ant Design和Blazor的企业级UI组件。(演示文档)。
  • MudBlazor - MudBlazor是一个雄心勃勃的Material Design组件框架,专注于易用性和清晰的结构。它非常适合希望快速构建Web应用程序而不必费力处理CSS和Javascript的.NET开发人员。MudBlazor完全使用C#编写,使他们能够自由地调整、修复或扩展框架,文档中的众多示例使学习MudBlazor变得非常容易。文档。演示。
  • Blazorise - 支持Bootstrap、Bulma、AntDesign和Material CSS的Blazor组件。(Bootstrap演示), (Bulma演示), (AntDesign演示), (Material演示)。
  • MASA Blazor - 一套基于Material Design和Blazor的企业级UI组件。它几乎完美地复制了Vuetify,并制定了长期的路线图。它由MASA团队提供支持,并保持免费和开源。文档。专业演示。
  • Radzen.Blazor - Blazor的原生UI组件。DataGrid、DataList、Tabs、Dialog等。(演示)。
  • BlazorStrap - Blazor的Material Design组件。Blazor的Bootstrap 4组件(演示)。
  • FAST Blazor -Microsoft官方FluentUI Web组件的轻量级包装,用于.NET 6.0 Razor视图和Blazor。(示例和演示)。
  • Element-Blazor - 使用Element UI的Blazor组件库。API模仿Element,CSS直接使用Element的样式,HTML结构直接使用Element的HTML结构。Blazor WebAssembly版本演示。Blazor WebAssembly版本PWA模式演示。
  • BlazorFluentUI - 将FluenUI/Office Fabric React组件和样式简单移植到Blazor。客户端演示(WebAssembly)。服务器端演示(SignalR)。
  • BootstrapBlazor - 用于Blazor的可重用Bootstrap组件。(演示文档)。
  • ComponentOne Blazor UI Components - 外部链接。用于服务器端和客户端应用程序的快速数据网格、列表视图、输入框和其他原生Blazor组件。
  • DevExpress Blazor UI Components - 一套用于Blazor服务器端和Blazor客户端平台的原生UI Blazor组件(包括数据网格、数据透视表、调度器和图表)。
  • Syncfusion Blazor UI Components - 最全面的原生Blazor组件库,包括数据网格、图表、调度器、图表和文档编辑器组件。(演示)。
  • ADMINLTE - Blazor的ADMINLTE是一个可重用组件集合,可以轻松地作为设计师或开发人员开发数字服务。包括按钮、表单元素和页面模板。该项目改编了ADMINLTE 3,因此可以从dotnet core Blazor中使用这些组件。
  • Blazority - 基于Clarity UI设计的Blazor组件库。包括Datagrid和Tree-view等30多个组件(文档和演示)。
  • Makani - 用于Blazor和.NET MAUI Hybrid的轻量级、可定制和性能优化的组件库。使用TailwindCSS构建。演示。
  • Material.Blazor - 另一种Material Theme Razor组件库。Material.Blazor专注于提供来自Google的material-components-web的纯标记 - 我们不试图在您和您对Google的CSS和SASS的使用之间插入自己,因为他们比我们做得更好。我们还有一些很酷的“加号”组件。查看我们的演示和全面的文档。
  • Majorsoft Blazor Components - Majorsoft Majorsoft Blazor Components是一套用于Blazor应用程序的UI组件和其他有用的扩展。所有组件都是免费的,并且可以在NuGet上获得。该项目的主要目标是提供一套易于使用、功能丰富的可自定义组件集合和其他有用的扩展。NuGet 演示应用程序 文档。
  • MComponents - 开源MIT Blazor组件:网格、选择、向导等。
  • PanoramicData Blazor UI Components - 包括表格、树形视图、工具栏和文件资源管理器在内的一组开源Blazor组件。演示。
  • HAVIT Blazor - Bootstrap 5组件+在Bootstrap 5之上构建的其他组件(网格、自动建议、消息框等)。带有gRPC代码优先客户端/服务器通信、本地化等的企业项目模板。交互式文档和演示。
  • Blazority - 基于Clarity UI设计的Blazor组件库。包括Datagrid和Tree-view等30多个组件(文档和演示)。
  • Telerik UI for Blazor - 外部链接(telerik.com)。用于Blazor的一套原生UI组件,包括网格、图表和日历组件。
  • Start Blazoring - 使用您选择的Blazorise或MudBlazor构建的Blazor起始模板,更多UI库集成即将推出。它提供了许多功能,如用户注册、登录、密码重置、双因素认证;用户管理、角色、权限;后台工作、日志记录、缓存、电子邮件模板、本地化等等。
  • Smart UI for Blazor -包括网格、看板、甘特图、图表、停靠、枢轴等在内的Blazor组件库。网站。
  • TabBlazor -基于Tabler UI的Blazor管理主题。最小化的JavaScript。演示。
  • Blazor.Ionic - Blazor的Ionic框架集成。
  • Blazor Controls Toolkit - 用于实现商业应用程序的完整工具集。包括所有Bootstrap JavaScript组件的等效组件,所有html5输入类型的小部件回退,高级可编辑组件,如DataGrid、TreeView、DetailView、ModalDetail、DetailList。所有组件都有默认可自定义的模板,并支持虚拟化和拖放。组件渲染是元数据驱动的,因此组件配置部分是自动的,部分可以通过数据注释驱动。该工具集还包括查询工具,用于发出复杂的本地或远程查询,更改跟踪工具,将仅更改的记录发送到服务器,高级验证属性,全球化工具,修改现有组件的“行为”,状态管理和保存等等。
  • BlazorOcticons - Github上的Octicons作为.razor组件创建,并通过NuGet包提供。该项目的网站是使用生成的组件的示例。
  • Nevron Open Vision Components for Blazor - 用于Blazor的图表、图表、文本编辑器、仪表、条形码和用户界面组件。演示。

单独的组件

API

  • Head Element Helper - 用于更改文档标题和元素的<Title><Meta>组件,支持服务器端预渲染以用于SEO/OGP。(演示).
  • Blazor.Canvas - 用于HTML画布API的C#封装库(无需JS依赖)(演示).
  • BlazorIntersectionObserver - 这是对Intersection Observer API的封装。

图表

  • ChartJs.Blazor - 将ChartJs图表带到Blazor中。
  • GG.Net Data Visualization - 用于Blazor Web应用程序的交互式和灵活的图表。受到广受欢迎的ggpplot2 R包的启发,GG.Net为您的数据分析工作流程提供了丰富的功能。只需几行代码即可构建出版质量的图表。网站。
  • Blazor-ApexCharts -Blazor封装器,用于ApexCharts。演示.
  • Plotly.Blazor - 将具有40多种图表类型的图表库plotly.js带到Blazor中(演示).

CSS

  • BlazorSize - BlazorSize是用于Blazor的JavaScript互操作库,用于检测浏览器的当前大小、大小变化和测试媒体查询。
  • BlazorAnimation - 基于animate.css的Blazor组件,用于轻松地为内容添加动画效果。演示.

数据库

  • DexieNET - DexieNET旨在成为Dexie.js的功能完整的.NET封装,Dexie.js是著名的JavaScript IndexedDB封装库。它专为Blazor设计,并包含一个易于使用的Razor组件。

数据表格/表格

  • Grid.Blazor - 带有CRUD表单的网格组件,适用于Blazor和ASP.NET MVC,支持过滤、排序、搜索、分页、子网格等功能(演示).
  • BlazorGrid - 虚拟化数据表格组件,专注于显示远程数据。(演示和文档).

日期和时间

  • BlazorDateRangePicker - 用于Blazor的日期范围选择器组件库。演示.
  • Toast_UI.Blazor_Calendar - 用于查看和创建事件、任务和里程碑的全功能日历UI组件。支持月、周和日视图。Blazor Calendar包装了功能齐全的Toast UI Calendar JS库。MIT许可证。示例项目.

地图

  • BlazorGoogleMaps - 用于GoogleMap库的Blazor互操作。
  • UnlockedData.Mapael - 矢量绘图/映射库的Blazor封装。Jquery Mapael。

模态框、Toast和通知

  • Blazored.Modal - 用于Blazor和Razor组件应用程序的无需JavaScript的模态框库。
  • Blazored.Toast - 用于Blazor和Razor组件应用程序的无需JavaScript的Toast库。
  • Blazor.Sidepanel - 用于Blazor应用程序的强大可自定义的侧边栏实现。

标签页

  • BlazorXTabs - 提供各种标签页功能的扩展标签页组件库,适用于Blazor。

测试

  • bUnit - 用于Blazor组件的测试库 - 用于Blazor组件的测试库。您可以轻松地使用C#或Razor语法定义要测试的组件,并使用语义化的HTML差异/比较逻辑验证结果。您可以轻松地与组件交互和检查组件,触发事件处理程序,提供级联值,注入服务,模拟IJsRuntime,并执行快照测试。
  • Verify.Blazor - 用于Blazor组件的快照测试库 - 用于Blazor组件的快照测试库。支持通过bunit或原始Blazor渲染将Blazor组件渲染到快照文件中。

其他

  • Stl.Fusion - .NET Core和Blazor库,通过引入一种新颖的“计算可观察对象”(computed observables)来显著改进实时和高负载服务的实现方式 - 不可变、线程安全,最重要的是对开发人员几乎是透明的。示例。概述。
  • BlazorContextMenu - 用于Blazor的上下文菜单组件(演示)。
  • Z.Blazor.Diagrams - 一个完全可定制和可扩展的通用图表库,用于Blazor,灵感来自流行的react-diagrams库,并添加了许多功能。演示。
  • Blazored.Typeahead - 自动完成文本框,支持本地和远程数据源,适用于客户端和服务器端Blazor。
  • Blazor-DragDrop - 用于Blazor的易于使用的拖放库。
  • BlazorDownloadFile - 无需任何JavaScript库或依赖项,从C#将文件下载到浏览器的Blazor下载文件解决方案。BlazorDownloadFile是在客户端保存文件的解决方案,非常适合在客户端生成文件的Web应用程序。但是,如果文件来自服务器,我们建议您首先尝试使用Content-Disposition附件响应头,因为它具有更广泛的跨浏览器兼容性。
  • Excubo.Blazor.Diagrams - 交互式图表组件(流程图、UML、BPMN等),可根据用户需求进行自定义和扩展(节点类型、样式)。演示。
  • Blazor.FileSystemAccess - 用于从浏览器读取和写入本地文件系统的Blazor包装器,支持文件和目录。[演示](The API makes it possible to read and write to your local file system from the browser both files and directories.)。
  • Blorc.PatternFly - PatternFly的Blazor封装。要查看最新的开发分支,请访问demo应用程序。
  • BlazorTransitionableRoute - 允许当前和上一个路由同时存在,从而实现UI/UX设计系统的过渡动画。
  • Razor.SweetAlert2 - 实现流行的SweetAlert2 JavaScript库的Blazor组件。
  • BlazorMonaco - 用于Microsoft的Monaco Editor的Blazor组件,用于支持Visual Studio Code。(演示)。
  • Blazor.Grids - 带有额外功能的CSS网格组件库,例如交互式移动和调整大小。轻松创建自己的仪表板。(演示)。
  • Blazor.TreeViews - 树视图组件库。(演示)。
  • GEmojiSharp.Blazor - 用于Blazor的GitHub表情符号。(演示)。
  • Texnomic.Blazor.hCaptcha - 用于服务器端Blazor的hCaptcha组件。
  • BlazorLocalizationSample 使用XLocalizer本地化的默认项目模板,支持在线翻译和自动资源创建。
  • TimeCalc - 使用Blazor WebAssembly实时跟踪速度魔方平均值的应用程序。演示。
  • BlazorSliders - 创建由滑动分隔器分隔的多个面板。
  • BlazorTimeline - 响应式的垂直时间轴组件。
  • BlazorTypewriter - 用于Blazor的打字机效果。
  • BlazorMergely - 基于Mergely的Blazor差异和合并组件的实现,支持服务器端。
  • MetaMask.Blazor - 一个库,为Blazor WebAssembly提供了使用MetaMask的简便助手。
  • Blazor File Drop Zone - 将“input type=file”元素包围在这个Blazor组件中,以创建一个接受拖放文件的区域(演示)。
  • BlazorCurrentDevice - 使用current-device.js为Blazor进行设备检测。
  • BlazorStyledTextArea - 一个带有样式的文本区域。该组件本质上仍然是一个文本区域,但可以根据应用程序的需要对文本进行任意样式设置。它的简单性是有意设计的,以避免富文本编辑器带来的复杂性和问题。
  • SignaturePad - 一个简单易用的Blazor组件,用于绘制自定义签名。演示。

工具和实用程序

用于状态管理、Cookie、本地存储和其他特定工具的库和扩展。

  • Fluxor - 用于DotNet的零样板Flux/Redux库。
  • Blazored.LocalStorage - 一个库,为Blazor应用程序提供对本地存储的访问。
  • Blazor-State - 使用MediatR管道在Blazor中管理客户端状态。
  • bUnit - 用于Blazor组件的测试库 - 用于Blazor组件的测试库。您可以使用C#或Razor语法轻松定义要测试的组件,并使用语义HTML差异/比较逻辑验证结果。您可以轻松地与组件交互和检查组件,触发事件处理程序,提供级联值,注入服务,模拟IJsRuntime,并执行快照测试。
  • TextCopy - 一个跨平台的将文本复制到剪贴板和从剪贴板复制文本的包。支持Blazor通过Clipboard浏览器API。
  • CssBuilder - CssBuilder是用于Razor组件的CSS类的构建器模式。
  • Blazor.FileSystemAccess - 用于浏览器文件系统访问API的Blazor封装器。
  • Blazor.Polyfill - 用于Blazor的Polyfill(用于支持Internet Explorer 11和其他一些浏览器)。
  • Blazor I18n/Localization Text - 用于Blazor的本地化内容文本库(演示)。
  • BlazorGoogleMaps - 用于Blazor的GoogleMap库。
  • BlazorWorker - 在Blazor中创建DotNet Web Worker线程/多线程的库。在线演示。
  • MvvmBlazor - BlazorMVVM是一个用于构建Blazor和BlazorServerside应用程序的小型框架。通过其简单易用的MVVM模式,您可以提高开发速度,同时最大限度地减少麻烦。
  • Blazor.BrowserExtension - 使用Blazor WebAssembly开发浏览器扩展/插件。已在Google Chrome、Mozilla Firefox和MS Edge上进行了测试。
  • Blazor Analytics - Blazor的分析扩展。
  • Blazor PDF - 使用iTextSharp从Blazor Server应用程序生成PDF文档。
  • BlazorRouter - BlazorRouter是一个受react-router启发的令人敬畏的路由器,为Blazor提供声明式路由。
  • DataJuggler.Blazor.FileUpload - Steve Sanderson的BlazorFileInput组件的包装器。
  • BlazorPrettyCode - 用于文档站点的Blazor代码组件。演示。
  • Blazor.EventAggregator - Blazor(Razor组件)的轻量级事件聚合器。
  • Blazor Gamepad - 为Blazor提供游戏手柄API访问。
  • Blazor Hotkeys2 - 为Blazor提供基于配置的键盘快捷键。
  • BlazorRealm - Blazor的Redux状态管理。
  • Blazor.LocalFiles - 在浏览器中打开文件并加载到Blazor中。
  • Blazor.SpeechSynthesis - 为Blazor提供语音合成API访问的库。
  • Blazor BarCode - 一个使用条形码字体的Blazor条形码库。
  • BlazorState.Redux - 使用Redux开发Blazor应用程序。
  • Howler.Blazor - 用于Howler.js的Blazor JSInterop包装器,一个音频库。
  • jsMind.Blazor - 用于jsMind的Blazor JSInterop包装器,一个思维导图工具。
  • Blazor Highcharts - 受欢迎的Highcharts库的端口。演示。
  • Blazor.LazyStyleSheet - 用于CSS样式表的延迟加载。
  • Blazor.ScriptInjection - Blazor组件中的智能脚本标签,非常适合延迟加载JavaScript文件。
  • DnetIndexedDb - 用于IndexedDB DOM API的Blazor库。
  • BlazorIndexedDbJs - BlazorIndexedDbJs是IndexedDB DOM API的包装器,支持Blazor WASM和Server。
  • Blazor-Color-Picker - 打开一个调色板,用于Blazor应用程序的Material颜色。
  • Blazm.Bluetooth - 用于使用蓝牙连接设备的Blazor库。
  • WebBluetooth - 用于实验性WebBluetooth功能的Blazor服务。基于Blazm.Bluetooth。
  • BlazorApplicationInsights - 用于Blazor Web应用程序的Application Insights。
  • Blazor Printing - 使用本地打印对话框在Blazor Server或客户端应用程序中打印和保存PDF文档。
  • BlazorTemplater - 使用.razor组件为电子邮件内容呈现HTML字符串。
  • MediaSession.Blazor - 用于Media Session API的Blazor JSInterop包装器。Media Session API提供了自定义媒体通知的方法。(演示)。
  • BlazorAntivirusProtection - 用于Blazor Wasm项目的防病毒保护。该软件包试图在将Blazor Wasm标记为恶意软件的杀毒软件产生误报之前提供保护,直到Microsoft提供官方解决方案。
  • Phork.Blazor.Reactivity - 一个无偏见的Blazor状态管理库,利用INotifyPropertyChanged和INotifyCollectionChanged .NET接口自动检测组件中的状态更改。
  • CodeBeam.GoogleApis.Blazor - 用于Blazor的GoogleApis的开源实用程序包。从头开始编写,旨在提供最简单的使用方式。

其他

  • Blazor Extensions Home - Blazor扩展的主页。
  • Bolero - F#的Blazor,具有热重新加载的模板、类型安全的端点和路由、远程调用等等。
  • BlazorFabric - 使用流畅设计的Blazor版Microsoft UI Fabric。(演示)。
  • BlazorWebView - 用于WPF、Android、macOS和iOS的Blazor WebView控件。在Webview内本地运行基于.NET Core和Mono的Blazor。文档。
  • BlazorLazyLoading - 生产就绪的延迟加载实现。对WASM和服务器(页面、组件、dll)提供完整的延迟加载支持,如果需要,还可以实现模块化(自定义端点、自定义清单等)。
  • Fun.Blazor - 使F#开发人员更容易编写Blazor的项目。使用F#进行Blazor开发,使用计算表达式(CE)风格的DSL进行内部和第三方Blazor库的开发,依赖注入,自适应和Elmish模型,Giraffe风格的路由,类型安全风格。
  • Blazor.DownloadFileFast - 从Blazor快速下载文件到浏览器,无需任何JavaScript库引用或依赖。(演示)。
  • SpotifyService - 用于Blazor WebAssembly项目的高级Spotify API库,可在浏览器中播放Spotify音乐,管理OAuth 2.0授权,提供对Spotify Web API的简单访问,并使用IndexedDB缓存。
  • Blazor.DynamicJavascriptRuntime.Evaluator - 在Blazor客户端应用程序中执行动态对象表达式的Javascript。
  • Bionic - 用于Blazor项目的Ionic CLI克隆。
  • EventHorizon Blazor TypeScript Interop Generator - 该项目接收TypeScript类型定义文件,并创建一个与提供的Interop抽象项目配合使用的.NET Core项目。
  • Generators.Blazor - 用于提高Blazor性能的源代码生成器。该项目还包含用于检测Blazor应用程序中常见问题的分析器。

实际应用

  • Try .NET - Try .NET为开发人员和内容作者提供了创建交互式体验的工具。

视频

  • ASP.NET社区直播 - 使用Playwright进行Blazor应用测试 - 2023年2月23日至2023年3月14日 - 学习如何使用Playwright为您的Blazor应用实现端到端测试。社区链接。
  • Steve Sanderson关于Blazor United的访谈 - 2023年2月23日 - Carl与Blazor的创建者Steve Sanderson进行访谈,回答关于即将推出的.NET 8中的Blazor United的问题。
  • 使用Blazor探索OpenAI - 2023年2月23日 - 与Michael Washington聊聊.NET开发人员如何在他们的Blazor应用中利用OpenAI GPT-3。
  • ASP.NET社区直播 - .NET 8中的Blazor United - 2023年2月14日 - Blazor团队分享了关于.NET 8中Blazor United的初步想法,这是一个旨在为您的所有Web UI场景创建一个统一模型的努力,结合了Razor Pages、Blazor Server和Blazor WebAssembly的优点。社区链接。
  • 在React中运行Blazor组件 - 2022年12月21日 - 您是否厌倦了慢而笨重的Web应用程序?不要再寻找了,Blazor在React中运行!Blazor是一个强大的框架,用于使用C#构建交互式客户端Web应用程序,当与React的速度和灵活性相结合时,您将获得令人惊叹的高性能Web体验的绝佳组合。在这个视频中,我们将使用新的自定义元素功能在React中运行Blazor,并展示这个动态二人组的其他令人兴奋的功能和优势。不要错过Web开发的未来。
  • ASP.NET社区直播 - 探索Blazor中的新功能和实验性功能 - 2023年1月10日 - 展示使用新功能和当前实验性功能构建.NET 7 Blazor应用程序的过程。特邀嘉宾:Daniel Roth、Jon Galloway、Mackinnon Buck。社区链接。
  • 使用IDE创建Fluxor CRUD应用程序 | Blazor IDE第2部分 - 2022年11月18日 - 使用IDE创建Fluxor CRUD应用程序。
  • .NET 7中的Blazor新功能 | .NET Conf 2022 - 2022年11月10日 - .NET 7中的Blazor加载了许多使构建美观交互式Web UI更加轻松和高效的新改进。在本次演讲中,我们将看看对自定义元素的新支持、改进的数据绑定、处理位置更改事件、显示加载进度、动态身份验证请求等方面的支持。
  • 使用Blazor构建音频浏览器应用程序 | .NET Conf 2022 - 2022年11月10日 - 您已经了解了.NET 7中的新功能,但是当您构建应用程序时,它们如何协同工作呢?加入Steve,他将使用新旧功能快速构建一个端到端的音频管理器应用程序,使用Blazor WebAssembly。这是一个中等难度的演讲(假设您已经了解Blazor),充满了提示和技巧,包括:更清晰地组织JS互操作、直接访问最终用户文件系统上的文件、动态生成SVG、创建优雅的“加载”体验以及AOT编译的性能影响。提供完整的源代码!
  • .NET 7中的WebAssembly ❤️ .NET | .NET Conf 2022 - 2022年11月10日 - .NET 7引入了在WebAssembly上运行.NET代码的强大新功能。在本次演讲中,我们将展示如何使用新的和改进的JavaScript互操作支持从任何JavaScript代码中运行.NET。我们将介绍.NET在WebAssembly上的调试和热重载改进,并展示.NET 7中的.NET WebAssembly构建工具如何利用最新的WebAssembly功能(如SIMD和异常处理)来提高性能。我们还将介绍一些即将推出和实验性的.NET WebAssembly功能,如多线程支持。
  • 使用Playwright测试Blazor应用程序 | .NET Conf 2022 - 2022年11月10日 - 测试很难,测试需要时间学习和编写,而时间就是金钱。作为开发人员,我们想要测试。我们知道我们应该测试,但我们没有时间。那么我们如何让更多的开发人员进行测试呢?我们可以创建更好的工具。让我向您介绍Playwright - 一种可靠的端到端跨浏览器测试工具,由Microsoft全面开源。Playwright的代码生成为您生成测试,所以现在您真的没有借口了。是时候玩转您的测试了。
  • 使用Blazor Hybrid使用Web技术创建本机桌面和移动应用程序 | .NET Conf 2022 - 2022年11月10日 - 您是Web开发人员,需要针对iOS、Android、macOS和Windows进行开发吗?使用.NET MAUI和Blazor Hybrid直接发布到商店并构建世界级应用程序,具有本机API访问权限。
  • 使用Blazor现代化您的WPF和Windows Forms应用程序 | .NET Conf 2022 - 2022年11月10日 - 桌面应用程序并未消亡,有许多使用WPF和Windows Forms编写的应用程序需要转移到Web上,或者重用由Web团队编写的现成组件。Blazor可以满足这两个要求,感谢Blazor Hybrid。让我们看看您如何使用它。
  • Blazor开发人员的CSS技术 | .NET Conf 2022 - 2022年11月10日 - 您的CSS代码是否让您想起《收藏者》的一集?在本次演讲中,我们将探讨Blazor开发人员面临的各种与CSS相关的架构决策。与会者将学习何时以及如何使用纯CSS、Sass或CSS隔离与Blazor。我们将讨论自定义CSS属性等现代CSS技术。我们将探索通过利用CSS原则和整合辅助库构建模块化和智能CSS的技术。本次演讲旨在打破对Bootstrap和Tailwind等CSS系统的依赖。
  • 使用Blazor和.NET构建Azure静态Web应用程序 | .NET Conf 2022 - 2022年11月10日 - 您是一名.NET开发人员,想要快速构建和部署全栈.NET无服务器应用程序吗?那么这个演讲适合您!在本次演讲中,我们将学习如何使用Azure静态Web应用程序与Blazor和.NET。首先,我们将探索Azure静态Web应用程序。然后,看看如何使用与.NET Azure Functions或Azure Container Apps配对的Blazor WebAssembly入门。我们将继续探索其他现有的.NET API选项。最后,我们将发现如何从我们的代码存储库自动构建和部署到Azure。
  • Blazor本地化:Carl Franklin的Blazor培训第90集 - 2022年11月3日 - Carl展示了如何在Blazor WebAssembly应用程序中轻松支持多种语言。
  • 使用Blazor和RavenDB构建“Next Tech Event”第12部分 - 2022年11月2日 - 项目“NextTechEvent”的第12部分,该网站将帮助演讲者、组织者和参与者找到他们的下一个技术活动。在本次直播中,我们使用RavenDB添加了搜索功能,通过添加索引的方式。组织者可以按名称、国家、位置、城市和标签或它们的组合来筛选会议。这样我们就可以看到在“斯德哥尔摩”有多少个会议,或者所有名为“NDC”的会议。 源代码。
  • MAUI Blazor Podcast Client Part 2: The .NET Show with Carl Franklin Ep 30 - 2022年10月20日 - 添加嘉宾、链接和播放列表功能。
  • ASP.NET Community Standup - Blazor in .NET 7 Part III - 2022年10月11日 - 了解Blazor在.NET 7中的最新多线程和MSAL开发。社区链接。
  • MSAL Auth in Blazor Server - 2022年9月22日 - Carl展示如何使用MSAL和Azure AD B2C对用户进行身份验证并调用安全API。
  • ASP.NET Community Standup - Blazor in .NET 7 Part II - 2022年9月13日 - 了解Blazor在.NET 7中的令人兴奋的运行时变化。社区链接。第一部分。
  • 从头开始制作Blazor文本编辑器,Blazor文本编辑器第1部分 - 2022年9月8日 - 从头开始制作Blazor文本编辑器,Blazor文本编辑器第1部分。
  • Roslyn语法高亮 | Blazor文本编辑器第2部分 - 2022年9月8日 - Roslyn语法高亮 | Blazor文本编辑器第2部分。
  • 从头开始制作Blazor文本编辑器 | Blazor文本编辑器第1部分 - 2022年9月8日 - 从头开始制作Blazor文本编辑器 | Blazor文本编辑器第1部分。
  • .NET MAUI和Blazor - 在应用和Web之间共享代码 - 2022年9月2日 - 在这个视频中,Daniel将向您展示如何为.NET MAUI和Blazor创建一个项目,并如何组织代码,以便在应用和Web之间共享。 源代码。
  • Blazor在100秒内 - 2022年9月1日 - 简短介绍Blazor。Blazor是一个使用HTML、CSS和C#构建前端Web应用程序的框架。它利用WebAssembly来消除通常的客户端技术栈中的JavaScript。
  • 在几分钟内使用Blazor构建交互式待办事项列表 - 2022年8月28日 - 在本教程中,我们将学习如何使用Blazor创建一个待办事项列表,并使用Bootstrap改进页面。
  • Blazor在.NET 7中 - .NET社区站立 - 2022年8月23日 - 由Daniel Roth、Jon Galloway、Mackinnon Buck和Tanay Parikh概述了.NET 7中的Blazor。了解Blazor在.NET 7中即将推出的伟大新功能。
  • Blazor绝对初学者21分钟 - 2022年8月22日 - 在本教程中,您将学习使用Blazor构建网站的基础知识,以及默认的Blazor项目模板的工作原理。如果您有任何问题,请随时留言,我会尽力回复。我还在下面添加了一些您可能会发现有用的注释。
  • 在Blazor中实现主页标题 - 2022年7月18日 - 在本次会议中,Josh和我将继续在开源空间中构建一个去中心化的社交媒体平台。在这个特定的会议中,我们将讨论、设计和实现使用SharpStyles在Blazor中的主页标题。
  • Blazor:Blazor WebAssembly中的状态管理方式 - 2022年7月12日 - ASP.NET社区站立 - Blazor:Blazor WebAssembly中的状态管理方式。在使用Blazor WebAssembly应用程序时,我们经常忽视适当的状态管理的重要性。如果没有良好的理解和正确的策略,我们的应用程序可能会被具有不良行为的组件污染,我们最终会后悔糟糕的选择。- 本次会议涵盖了简单的状态管理方式,然后逐渐发展到像Redux模式这样更有趣的东西。我们将看到每种方式的优点和缺点。接下来,我们将退后一步,确定与我们的应用程序配对的适当状态管理调味品。您将在本次会议中品尝到所有美味的风味,并能够做出明智的决策,以获得最佳的开发体验。社区链接。
  • 使用AAD保护Blazor和Web API - 2022年7月11日 - 本视频展示了如何使用Azure Active Directory (AAD)保护您的Blazor应用程序和Web API。
  • Blazor和.NET在WASI上的未来 - 2022年7月7日 - Blazor和.NET在WASI上的未来,由Steve Sanderson在NDC Porto上的演讲。在这个以演示为中心的演讲中,微软开发者/架构师Steve将展示用于构建浏览器和本地应用程序的Blazor的最新技术。这将包括.NET 6中提供的强大新功能,以及正在开发的.NET 7和.NET MAUI的即将推出的增强功能。我们还将探讨更多实验性的未来可能性,包括在服务器上运行.NET Core的WASI(WebAssembly on the server),这将创建全新的云和边缘托管选项,并使您能够将.NET代码带到以前从未到达过的地方。
  • 在Visual Studio内部测试新的Blazor实验性教程 - 2022年6月29日 - Visual Studio团队的Grace Taylor加入James,谈论他们正在进行的一个改进Visual Studio内部教程的新实验!他们的第一个实验将帮助开发人员开始学习和构建使用Blazor的Web应用程序。安装Visual Studio,您可能有机会测试团队的这个新实验性功能。
  • 在Blazor中测试驱动CSS样式 - 2022年6月20日 - 本视频介绍了在Blazor中测试驱动的CSS样式。
  • 我应该专注于Blazor还是ASP.NET Core? - 2022年6月16日 - 我应该更深入地学习Blazor还是更好地了解ASP.NET Core?哪个是首先学好的更好的选择?我应该来回跳动还是专注于一个?
  • 在Blazor WebAssembly中持久化数据 - 2022年6月3日 - Carl使用基于IndexedDB的客户端存储库来持久化数据,即使没有互联网连接。
  • 使用TypeScript与Blazor - 2022年5月27日 - Carl向您展示如何在创建Blazor组件时使用TypeScript。
  • 使用.NET和Visual Studio为任何设备构建原生应用程序 - 2022年5月25日 - 了解如何使用Visual Studio和.NET Multi-platform App UI (.NET MAUI)快速、迭代地构建现代、原生和混合式Web应用程序,以适用于任何设备。我们将为您介绍可以加快开发时间、从单个代码库创建功能强大的原生桌面和移动应用程序(适用于Windows、macOS、iOS和Android)的工具和框架。我们还将向您展示如何通过原生设备功能增强您的Blazor Web应用程序。
  • 使用Blazor Hybrid构建原生客户端应用程序 - 2022年5月25日 - Blazor使用最新的开放Web标准,实现了使用.NET进行全栈Web开发。但是,如果您需要构建原生客户端应用程序呢?Blazor正在扩展到Web以外的领域,通过使用Web技术和.NET的混合方式来支持构建原生客户端应用程序。在本次演讲中,我们将介绍.NET MAUI中的新的Blazor Hybrid支持,用于构建跨平台的原生客户端应用程序(适用于移动设备和桌面),以及用于现代化WPF和Windows Forms应用程序的Blazor Hybrid支持。
  • .NET Core和WASI(服务器上的WebAssembly)的未来可能性 - 2022年5月25日 - WebAssembly正在超越浏览器,成为现代云原生架构的基础元素。它可以让任何语言编译为在任何操作系统或处理器上运行的通用二进制文件,具有强大的沙箱和出色的性能。本次演讲介绍了在WASI环境中运行.NET的新方法。您将了解到如何将现有的.NET代码构建为符合WASI标准的模块,以及这样做带来的机会。这是一个实验性的项目,尚未成为正式产品。
  • .NET MAUI入门教程-面向初学者的完整课程|使用C#在iOS、Android、Mac和Windows上进行教程 - 2022年5月23日 - 让我们一起开始我们的旅程,使用.NET MAUI、C#和Visual Studio构建美观的原生跨平台应用程序,适用于iOS、Android、macOS和Windows!在这个完整的工作坊中,我将带您了解关于.NET MAUI和构建您的第一个应用程序的所有基础知识。您将学习基础知识,包括如何使用XAML构建用户界面,如何使用MVVM和数据绑定简化开发,如何在页面之间导航,访问平台功能(如地理位置),优化数据集合,并为浅色和深色主题设置应用程序主题。这门课程包含了您学习基础知识所需的一切,并为您在使用.NET MAUI构建应用程序时取得成功做好准备。
  • 使用Syncfusion在Blazor中显示自定义报告 - 2022年5月20日 - 在上一个视频中,我们使用Bold Reports Designer创建了一个自定义报告。我们可以使用提供的Bold Reports Viewer来显示报告,但这并不总是符合您的要求。因此,今天我们将在Blazor Server应用程序中实现一个报告查看器。这样,我们可以在我们的网站内直接向客户展示我们的自定义报告,而不是将他们发送到单独的应用程序中。
  • 将WebAssembly引入.NET主流-Steve Sanderson - 2022年5月19日 - 许多开发人员仍然认为WebAssembly是一种与低级系统编程语言相关的前沿技术。然而,自2017年以来,C#和.NET就已经可以在WebAssembly上运行。Blazor WebAssembly将.NET引入了基于开放标准的浏览器中,现在已经成为.NET在企业、初创公司和爱好者中增长最快的部分之一。接下来,通过WASI,我们可以让您在更多地方运行.NET,为全球开发者社区的更广泛部分引入云原生工具和技术。这是一个技术性的演讲,展示了我们如何将.NET引入WebAssembly。Steve将演示它如何同时运行解释和AOT编译,IDE调试器如何附加,性能权衡以及从Emscripten迁移到WASI SDK如何使其在Wasmtime/Wasmer或像wasmCloud这样的更高级运行时中运行。其次,您将了解到Blazor作为一个开源项目的经验教训-在将WebAssembly引入早期采用者之外所面临的挑战和误解。
  • 使用ServiceStack在Blazor中进行快速开发模型和类型化的端到端服务 - 2022年5月19日 - 在这个视频中,我们使用ServiceStack Blazor WASM模板,展示了使用类型化的端到端服务和Blazor构建业务应用程序的强大性。该模板提供了关注点清晰分离、类型化的端到端安全性以及由于共享的C#语言、Visual Studio Hot Reload和ServiceStack消息中心设计而带来的快速迭代。
  • ASP.NET社区站立 - 让我们使用.NET MAUI和Blazor构建应用程序 - 2022年5月17日 - 展示将Blazor WASM PWA迁移到.NET MAUI和Blazor Hybrid。社区链接。
  • 使Blazor与所有内容兼容,以及服务器上的WebAssembly - 2022年5月13日 - Steve Sanderson在NDC London 2022上的演讲。现实世界的软件项目通常涉及多种技术的组合。那么,现代Blazor是否足够强大和灵活,适合您团队的需求?在这个以演示为主的演讲中,Steve将展示Blazor WebAssembly/Server如何无缝嵌入其他语言(如Rust或C/C++)编写的库和逻辑,Blazor WebAssembly/Server组件如何在其他SPA框架(如React或Angular)中使用(或反之),以及Blazor组件如何不仅用于Web项目,还与macOS、iOS、Android和Windows的原生应用程序共享(包括WPF和WinForms)。这些功能应该使您的团队能够自信地承担最具雄心的项目。然后,我们将进一步展望未来,考虑WebAssembly如何超越浏览器,成为云原生服务器应用程序的基础元素。您将是第一个看到将.NET应用程序编译为符合WASI标准的通用二进制文件的实验性新方法,这些文件可以在任何操作系统或处理器上运行,具有强大的沙箱和出色的性能。
  • 使用Syncfusion在Blazor中创建自定义报告-PDF、Word、Excel和PowerPoint - 2022年5月13日 - 使用C#创建办公文件一直是一种受欢迎的解决方案。您可以生成用户熟悉的格式的报告。使用Syncfusion文件控件,您不仅可以创建Excel文件,还可以创建Microsoft Word文档、PowerPoint演示文稿和PDF文档。在这个视频中,我们将介绍Syncfusion中的办公文件控件以及如何使用它们。
  • 使用.NET和Blazor构建Microsoft Teams应用程序 - 2022年5月11日 - John Miller加入James在本周的On .NET节目中,讨论了.NET开发人员如何完全使用C#、.NET和Blazor构建Microsoft Teams应用程序和机器人!John将向我们展示一切我们需要了解的内容,甚至如何发布Teams应用程序。
  • Syncfusion中的Blazor控件介绍 - 2022年5月11日 - Syncfusion中的Blazor控件非常强大。在这个视频中,我们将介绍DataGrid、图表、看板式面板、仪表板、自动完成文本框、上下文菜单、签名板、菜单栏、弹出消息等控件。实际上有很多控件要介绍,因此我们将有意忽略办公文件创建和显示控件,以及报告。这样,我们今天可以在其他控件上花更多时间,然后在另一个视频中专注于办公文件。报告将有两个不同的视频专门介绍。
  • 使用BFF模式保护SPAs和Blazor应用程序 - 2022年5月10日 - 现代Web开发意味着越来越多的应用程序代码在浏览器中运行。传统上,这是使用JavaScript完成的,但最近越来越多地使用C#/WASM和Blazor。这些现代应用程序通常还需要身份验证和单点登录,以及基于令牌的调用API的安全性-换句话说,OpenID Connect和OAuth 2。有不同的模式可以保护此类应用程序,本次演讲涵盖了各种方法的一些问题,特别是考虑到不断变化的浏览器环境。我们将以“前端后端”(或BFF)模式结束,这已成为这些方法中最安全和最稳定的模式。
  • 使用Azure DevOps和Static Web Apps进行多环境部署 - 2022年5月5日 - 应用程序演示,使用Azure DevOps管道创建静态Web应用程序,添加Azure DevOps环境并配置批准,配置多阶段管道,静态Web应用程序命名的预览环境,Playwright测试,生产部署之前的手动批准,使用密码保护分段环境。源代码。
  • On .NET Live - 在Blazor WASM中封装浏览器API - 2022年5月2日 - 在本周的节目中,Kristoffer Strube加入了小组,向我们展示了一个用于浏览器文件系统访问API的Blazor WASM封装。他带来了演示和代码分享,所以这是一个您不想错过的节目。
  • 使用BFF模式保护SPAs和Blazor应用程序 - 2022年4月29日 - 在NDC Porto上,Dominick Baier介绍了使用BFF(前端后端)模式保护SPAs和Blazor应用程序的方法。
  • Blazor中的状态管理 - 2022年4月29日 - 在开发单页面应用程序时,状态管理是非常重要的一个方面。由于Blazor是一个基于组件的UI框架,当应用程序的状态发生变化时,我们如何更新UI呢?
  • 使用Blazor进行流式传输:REST、gRPC和SignalR - 2022年4月29日 - 使用Blazor进行流式传输:REST、gRPC和SignalR,由Carl Franklin在NDC Porto 2022上演讲。学习如何从服务器流式传输数据到客户端,以提高感知性能和增加可扩展性。Carl展示了流式传输的工作原理,以及如何使用这三种传输方式进行实现。
  • C#中的SignalR入门第1部分 - 使用Blazor、WPF、最佳实践等 - 2022年4月25日 - SignalR是一种连接两个或多个客户端进行实时通信的绝佳方式。最好的部分是,这个库只是对Web Sockets和Long-Polling等Web标准技术的封装。它只是让它们更容易使用。这意味着我们甚至可以将SignalR与其他客户端(如Java或JavaScript)一起使用。在这个视频中,我们将学习如何设置SignalR以及如何使用Web客户端和桌面客户端连接到它。在整个视频中,我们将涵盖最佳实践,以及如何在实际应用中使用它。
  • 重新审视MVVM - 2022年4月21日 - Carl重新审视了使用Blazor的MVVM主题,澄清了您的选择。
  • 可查询的存储库 - 2022年4月14日 - 构建一个客户端可以查询的通用存储库。
  • ASP.NET社区站立 - Blazorators:Blazor C#源代码生成器 - 2022年4月12日 - David Pine在本月的Blazor社区站立上介绍了Blazorators,Blazor C#源代码生成器。社区链接。
  • .NET MAUI Blazor - 构建混合移动、桌面和Web应用程序 - 2022年4月1日 - Blazor使得使用.NET构建客户端Web UI成为可能,但有时您需要更多的功能。有时您需要完全访问设备的本机功能。现在,您可以在.NET MAUI应用程序中托管Blazor组件,使用Web UI构建跨平台本机应用程序。这些组件在.NET进程中运行,并使用本地互操作通道将Web UI呈现到嵌入的Web视图控件中。这种混合方法使您可以兼具本机和Web的优点。您的组件可以通过.NET平台访问本机功能,并呈现标准的Web UI。.NET MAUI Blazor应用程序可以在任何.NET MAUI上运行(Windows、Mac、iOS和Android)。
  • 使用Fluxor管理应用程序状态 - 2022年3月31日 - 使用Fluxor进行应用程序状态管理,Flux/Redux库适用于Blazor。
  • 带有Identity的Blazor基础知识 - 2022年3月14日 - Fritz向您展示如何将身份验证和授权连接到您的Blazor应用程序。我们将重点介绍如何将正确配置的Microsoft Identity应用程序连接到您的Blazor框架。
  • ASP.NET社区站立 - 使用Blazor Hybrid创建本机客户端应用程序 - 2022年3月8日 - 加入这个Blazor社区站立,了解如何使用Blazor Hybrid创建适用于Windows、iOS、Android和Mac的跨平台本机客户端应用程序。社区链接。
  • 使用Tailwind CSS构建漂亮的Blazor应用程序 - 2022年3月2日 - Tailwind CSS已经成为一段时间以来越来越受欢迎的框架。它正在迅速成为在样式化应用程序时使用的顶级框架之一。它提供了一种与传统框架(如Bootstrap)不同的方法-基于实用程序的样式化。与使用预构建组件(导致您的应用程序看起来像网络上的其他应用程序)不同,您可以通过应用小而专注的CSS类来定制设计,从而为您的应用程序创建独特的样式。在这个演讲中,您将学习如何将Tailwind CSS的强大功能带到您的Blazor应用程序中。我们将从介绍Tailwind以及它与其他CSS框架的区别开始。然后,我们将进入一些代码,并看看如何将Tailwind与Blazor集成。在接下来的时间里,我们将探索Tailwind的各种功能,并看看我们可以为我们的Blazor应用程序创造多么美丽的界面。由Chris Sainty在NDC Oslo 2021上演讲。
  • 使用bUnit对Blazor组件进行最佳实践单元测试 - 2022年3月1日 - 为什么要创建UI组件的测试?UI测试不是天生脆弱、运行缓慢且难以维护吗?由Egil Hansen在NDC Oslo 2021上演讲。
  • 使用CSharpFritz学习C# - Blazor应用程序托管 - 2022年2月28日 - 您已经构建了Blazor应用程序,现在在哪里运行它?在这个充满演示的会议上,Fritz将介绍渐进式Web应用程序、使用Docker打包以及将Blazor应用程序部署到Azure。社区链接。
  • Blazor、.NET 6和WebAssembly - 2022年2月21日 - Steve Sanderson在NDC Oslo 2021上的演讲。.NET 6对于Blazor来说是一个重要的版本,为.NET Web开发人员增加了许多强大的新功能。这个演讲将充满演示,让您了解这个热门框架的最新情况。
  • 使用Blazor构建经典冒险游戏 - 2022年2月14日 - Blazor是一个免费且开源的Web框架,使开发人员能够使用C#和HTML创建Web应用程序。作为一名.NET开发人员,我也是经典指向和点击冒险游戏的忠实粉丝,我将我的Game-a-Tron 4000冒险游戏引擎移植到了Blazor上。
  • ASP.NET社区站立 - Blazor .NET 7路线图 - 2022年2月8日 - 了解Blazor在.NET 7中的计划。社区链接。
  • C# Corner .NET大会第1天 - 2022年1月24日 - 大会的第一天以Scott Hunter的主题演讲开始。第一天的重点是前端技术(Blazor)。会议网站。
  • ASP.NET社区站立 - Blazor WebAssembly在.NET 6上 - 2022年1月11日 - 加入Blazor创始人Steve Sanderson,了解Blazor WebAssembly在.NET 6上的特殊情况。社区链接。
  • 档案 - 2021, 2020, 2019, 2018, 2017。

文章

  • 状态没有改变?为什么和何时重新渲染 Blazor 组件 - 2023年4月12日 - 迟早,当您构建 Blazor UI 时,您会遇到一个情况,即您的组件在您期望时没有重新渲染。
  • 如何构建快速且可重用的 Blazor 代码 - 2023年4月3日 - 微软甚至提供了一个使用 Blazor 构建可重用组件的学习模块,展示了如何构建包含 Blazor 组件的 Razor 类库,将 Razor 类库打包供其他 Blazor 应用程序使用,并在 Blazor 应用程序中引用 Razor 类库并使用其组件。作者:Jeffrey T. Fritz。
  • Blazor United - 解决 Blazor 的最大挑战? - 2023年2月23日 - .NET 8 中的 Blazor 将有一些重大变化,看起来非常有前途。
  • Blazor NavigationManager - 2023年2月23日 - NavigationManager 是一种服务,使开发人员能够以编程方式将用户导航到不同的页面或外部 URI。在 ASP.NET Core 7 中,添加了一些新功能,使我们能够在页面之间解析简单状态并监听和拦截导航。在本文中,我们将介绍 NavigationManager 的基本功能,介绍 ASP.NET Core 7 中添加的新功能,讨论它如何适应 Blazor/.NET 生态系统,并最后介绍一个现在可以相对轻松实现的场景。
  • 宣布 .NET 8 预览版 1 - 2023年2月21日 - .NET 8 的第一个预览版已经准备好下载。这篇博文介绍了驱动增强开发的主要主题和目标。.NET 8 的预览版和候选版本将每月发布。正式版本将像往常一样在 11 月的 .NET Conf 中发布。
  • 使用 Blazor WASM 集成 Azure Active Directory 多租户 - 第 1 部分 - 2023年2月19日 - 这篇博客分为两部分。第一部分描述了在 Azure 上设置 Azure Active Directory 多租户的过程,第二部分描述了如何与 Blazor WASM 应用程序集成。源代码 。
  • 在原生 Blazor 应用程序中嵌入报表 - 2023年2月14日 - 查看使用 Telerik UI for Blazor 控件实现的最新 Progress Telerik Reporting 查看器的设置和自定义,包括 Blazor Wasm 和 Blazor Server。
  • 宣布 Blazorise 1.2 - 2023年2月1日 - 发布 Blazorise v1.2,为框架带来了许多新功能、改进和错误修复。
  • WebAssembly 的现状 - 2022 年和 2023 年 - 2023年1月30日 - 本文介绍了 WebAssembly(wasm)的当前状态。首先回顾了 2022 年的发展情况,然后尝试预测我认为 2023 年的发展方向。
  • Blazor WebAssembly 简明指南 - 电子书更新 - 2023年1月30日 - Michael Washington 的电子书《Blazor WebAssembly 简明指南》的第二版。
  • 在服务器端 Blazor 中播放动态音频 - 2023年1月28日 - 您可以在 Blazor Server 应用程序中播放动态音频,并完全控制用户界面。关于本文的 YouTube 视频。
  • .NET MAUI Blazor - 移动 UI 的最佳实践 - 2023年1月27日 - Blazor 和 .NET MAUI 都是强大的框架。使用 .NET MAUI,您可以构建完全本机的跨平台应用程序,并使用 Blazor 完全使用 C# 构建 Web 应用程序。但是,当您将它们与 MAUI Blazor 模板结合使用时,您需要知道它应该感觉像一个移动应用程序,而不是一个网页。本文解释了一些技巧和诀窍。
  • Steve Sanderson 通过 "Blazor United" 为 .NET 8 吸引了 Web 开发人员 - 2023年1月26日 - 我们开始了一些实验,将 Razor Pages、Blazor Server 和 Blazor WebAssembly 的优势结合到一个项目中。
  • 使用 WebAssembly 从 JavaScript 中调用 .NET 代码 - 2023年1月23日 - Blazor WebAssembly 允许在浏览器中运行 .NET Web 应用程序。从 .NET 7 开始,您可以轻松地从 JavaScript 中运行任何 .NET 方法,而无需整个 Blazor 框架。让我们看看如何从 JavaScript 中运行 .NET 方法。
  • 改善 Blazor 启动过程的用户体验 - 2023年1月21日 - 您可以使用 Blazor 做很多事情:PWA、SSR、SPA、混合应用程序...每种模式下用户看到第一个页面的过程都不同。
  • 通过提供自定义 ICU 数据来减小 Blazor WASM 的大小 - 2023年1月16日 - 通过提供自定义 ICU 数据来减小 Blazor WASM 的大小。
  • 在 HTML 或 React 中使用 Blazor 自定义元素 - 2022年12月22日 - 自 .NET 7.0 版本以来,Microsoft 增强并集成了创建 HTML 自定义元素 的能力。这些自定义元素为开发人员提供了一种创建自己的功能齐全的 DOM 元素的方法。在 Blazor 中,这允许将这些组件发布到其他 SPA 框架(如 Angular 或 React)。有关详细信息,请参阅 Microsoft 文档。
  • 使用 .NET 7、Blazor 和 .NET MAUI 构建自己的播客应用程序 - 2022年12月19日 - .NET Podcast 应用程序首次在 .NET Conf 2021 上亮相,并最近更新以突出显示 .NET 7 中的新功能。播客应用程序是一个可用的示例应用程序,展示了 .NET、ASP.NET Core、Blazor、.NET MAUI、Azure 容器应用程序、Orleans、Power Platform、Playwright 等的新功能。本文解释了所有新功能,并展示了我们如何升级 .NET Podcast 应用程序以利用这些功能。
  • .NET 与 WASM 的未来 - 2022年12月15日 - 本文介绍了在浏览器之外使用 WASM 的好处,以及它作为服务器上的一种变革性技术的潜力。
  • 从 Blazor WebAssembly (WASM) 应用程序使用 Keycloak 作为身份提供者 - 2022年12月8日 - 了解如何从 Blazor WASM 集成 Keycloak。创建一个公共客户端,并使用 Microsoft.AspNetCore.Components.WebAssembly.Authentication 的内置功能,与符合 OpenId Connect 的提供者集成。源代码 包含 ChartJs。
  • Microsoft Fluent UI 库为 Blazor 版本 2.0 带来了什么新功能 - 2022年12月5日 - Microsoft Fluent UI 库为 Blazor 版本 2.0 带来了什么新功能。
  • 使用 Blazor 构建管理 Viva Learning 中自定义提供程序的 Web 应用程序 - 2022年11月29日 - 在本文中,我们将重复使用我们学到的概念来构建更好的体验:一个 Web 应用程序,我们可以用它来管理我们的自定义学习提供程序及其内容。我们将重点介绍如何在真实应用程序中实现我们已经了解的这些 API 的一些特殊功能,例如根据您正在处理的内容类型需要不同的权限集。
  • 维护版本发布:Blazorise 1.1.4 - 2022年11月24日 - 这个新的 Blazorise 1.1.4 是一个热修复版本,解决了这个问题以及其他一些较小的问题。对于所有 Blazorise 1.1 和 Blazorise 1.1.3 的用户,Blazorise 1.1.4 是一个推荐的升级版本。
  • Blazor WebAssembly:使用自定义 Chrome 开发者工具调试 gRPC-Web - 2022年11月17日 - 如果您正在使用 Blazor,gRPC 是将数据从 API 传输到客户端的一个大问题。使用 gRPC-Web 进行开发的一个问题是调试传输的数据,因为数据是以高效的二进制消息格式。本文将向您展示如何使用我的 NuGet 解决此问题。
  • 发布:Blazorise 1.1.3 - 2022年11月8日 - 这个 Blazorise 版本本应只是一个小的维护版本。然而,我们得到了一些相对较大的功能和公告,包括对 .NET 7 的支持。
  • 容器化的 Blazor:Microsoft 考虑为客户端 Blazor WebAssembly 应用程序提供内置容器支持 - 2022年11月2日 - Microsoft 正在探索为客户端 Blazor WebAssembly 应用程序提供内置容器支持。Visual Studio Magazine 上的文章。
  • 在 Blazor Web Assembly 中上传前调整图像大小 - 2022年10月31日 - 在 Blazor Web Assembly 中上传前调整图像大小。
  • 尝试使用 Docker 上的 .NET 7、WASM 和 WASI 进行实验 - 2022年10月31日 - 在 10 月 24 日,Docker 宣布在新的技术预览版本中支持 WASM 和 WASI。本文尝试使用 .NET 7 进行实验,并看看它如何与 WASM 一起工作。
  • 如何使用 Razor 类库在各处运行 Blazor 项目? - 2022年10月29日 - Blazor 的一个很酷的功能是代码的可重用性。使用 Razor 类库,我们可以在所有 Blazor 类型的项目中使用我们的 Razor 组件,如 Blazor Server、WASM 和 MAUI Hybrid。
  • 使用 WASM 和 WASI 在 Raspberry PI Zero 2 W 上运行 .NET 7 - 2022年10月29日 - 本文将向您展示如何使用 WASM 和 WASI 在 Raspberry PI Zero 2 W 上运行 .NET 7。
  • 介绍 Docker+Wasm 技术预览版 - 2022年10月24日 - Docker+Wasm 的技术预览版现已推出!Wasm 最近引起了很多关注,这个功能将使您能够更轻松地快速构建针对 Wasm 运行时的应用程序。
  • 第 1 部分 - 由 Elsa 工作流驱动的用户界面 - 2022年10月12日 - 本系列描述了由 Elsa 工作流引擎驱动的用户界面的实现。
  • .NET 7 发布候选版 2 中的 ASP.NET Core 更新 - 2022年10月11日 - .NET 7 发布候选版 2 (RC2) 现已发布,其中包含许多 ASP.NET Core 和 Blazor 的重大改进:改进了 Blazor WebAssembly 中的身份验证诊断和 WebAssembly 多线程(实验性)。
  • 无需等待 .NET 8 即可尝试实验性的 WebAssembly 多线程 - 2022年10月11日 - 客户端 Blazor WebAssembly 应用程序的多线程支持计划于 2023 年 11 月的 .NET 8 中推出,但开发人员现在可以通过全新的 .NET 7 发布候选版 2 中的实验功能来尝试它。
  • 使用 .NET 7 的 Blazor 自定义元素呈现动态内容 - 2022年10月5日 - 使用 .NET 7 的 Blazor 自定义元素呈现动态内容,作者:Jon Hilton。
  • 创建通用的树视图 Blazor 组件 - 2022年10月4日 - 本文展示了一个可以以树视图递归显示对象的 Blazor 组件。该组件是作为项目 FHIR Watch 的一部分而创建的,FHIR Watch 是一个用于比较来自两个不同数据源的 FHIR 数据的工具:FHIR API 服务和 Dataverse。因此,它特别适用于显示 FHIR 数据。
  • Blazor WebAssembly 的干净架构解决方案模板 - 2022年9月30日 - 本文展示了如何安装新模板,使用模板创建和运行新应用程序,然后分享一些推荐的资源。
  • WebAssembly 在 .NET 7 RC1 中成为 ASP.NET Core 的焦点 - 2022年9月20日 - WebAssembly,使客户端端 Blazor 工作的开源技术,成为新的 ASP.NET Core 更新中的焦点。
  • C# / Blazor Wolfenstein - 第 7 部分 - 实心墙、门和 C# 观察 - 2022年9月20日 - 解释如何将游戏 Wolfenstein 3D 移植到 C# 和 Blazor 的文章的第 7 部分。源代码 。
  • C# / Blazor Wolfenstein - 第 6 部分 - 基本射线投射器 - 2022年9月18日 - 解释如何将游戏 Wolfenstein 3D 移植到 C# 和 Blazor 的文章的第 6 部分。源代码 。
  • ASP.NET Core 更新中的 .NET 7 发布候选版 1 - 2022年9月14日 - .NET 7 发布候选版 1 (RC1) 现已发布,其中包含许多 ASP.NET Core 的重大改进。
  • 为什么即使重新加载,您的支持离线的 Blazor WebAssembly PWA 也无法更新? - 2022年9月7日 - 请想象一下,您有一个支持离线模式的 Blazor WebAssembly PWA 站点,并且一直在通过 Web 浏览器打开该 PWA。如果您发布了该 PWA 的新版本,您可能希望进行验证,我猜测。在这种情况下,您将重新加载该 Web 浏览器上的页面。然而,即使您进行硬刷新,您也可能意外地看不到新版本的内容。
  • 为 Blazor WebAssembly 实现 OpenAPI 支持 - 2022年9月2日 - OpenAPI 是一种语言无关的规范,用于记录 RESTful API。它使人类和计算机都能够了解服务的功能,而无需访问代码、文档或使用其他方法。托管的 Blazor WebAssembly 应用程序包括用于文件和 API 访问的 ASP.NET Core 后端,因此实现对 OpenAPI 的支持提供了许多好处。
  • .NET Blazor WASM 调试故障排除 - 2022年8月30日 - .NET Blazor WASM 调试故障排除。
  • Oqtane 3.1.4发布 - 2022年7月27日 - 3.1.4版本主要集中在稳定性方面。这包括各种性能优化、用户体验改进和本地化增强。
  • ClassFly UI - XAML vs Blazor - 第1部分 - XAML - 2022年7月23日 - 这个系列文章比较了XAML和Blazor的方法。将使用XAML和Blazor创建相同的应用程序,以发现优缺点。第1部分专注于XAML。
  • 使用Azure Static Web Apps对Blazor WebAssembly进行身份验证 - 2022年7月22日 - Azure Static Web Apps是托管Blazor WebAssembly应用程序的绝佳选择。在Static Web Apps的众多功能中,它具有使用社交登录进行身份验证的内置支持。在本文中,我们将看看如何在Blazor WebAssembly应用程序中利用Static Web Apps身份验证。作者是来自微软的Anthony Chu。
  • 使用依赖注入共享Blazor组件 - 2022年7月19日 - 使用依赖注入共享Blazor组件。
  • 在Razor组件中使用IAsyncEnumerable - 2022年7月18日 - 在Razor组件中使用IAsyncEnumerable。
  • Blazor贴纸赠送活动 - 2022年7月15日 - 在Visual Studio中尝试新的Blazor指南。继续阅读以了解如何尝试并有机会获得贴纸。
  • .NET 7 Preview 6中的ASP.NET Core更新 - 2022年7月12日 - .NET 7 Preview 6现已发布,包含许多对ASP.NET Core的重大改进。Blazor自定义元素不再是实验性的,Blazor的实验性QuickGrid组件,WebAssembly上的System.Security.Cryptography支持,空的Blazor项目模板等等。有关.NET 7中计划的ASP.NET Core工作的更多详细信息,请参阅GitHub上的完整ASP.NET Core .NET 7路线图。
  • Uno Platform在.NET 7之前几个月实现了WebAssembly线程 - 2022年6月29日 - Uno Platform在.NET 7之前几个月实现了WebAssembly线程,作者是David Ramel,发表在Visual Studio Magazine上。
  • 我为什么为Blazor应用程序创建了另一个下载库的3个原因 - 2022年6月29日 - 我为什么为Blazor应用程序创建了另一个下载库的3个原因。
  • Blazor在WebAssembly使用中取得最大增长:报告 - 2022年6月24日 - Blazor在WebAssembly使用中取得最大增长:报告,作者是David Ramel,发表在Visual Studio Magazine上。
  • 在Blazor项目中实现RavenDB时间序列 - 2022年6月21日 - 在Blazor项目中实现RavenDB时间序列。
  • Microsoft Fluent UI库的Blazor版本1.3和1.4中的新功能 - 2022年6月9日 - FAST团队和其他人一直在努力不仅改进Microsoft的核心Web组件平台,还改进了Blazor的Fluent UI集成。本文将为您介绍版本1.3和1.4的新功能和更改的概述Microsoft Fluent UI Blazor库。
  • 使用Blazor WebAssembly和GraphQL创建全栈Web应用程序:第3部分 - 2022年6月8日 - 使用Blazor WebAssembly和GraphQL创建全栈Web应用程序:第3部分。第1部分。
  • Blazor中的依赖注入作用域 - 2022年5月31日 - 依赖注入系统是现代ASP.NET Core内部工作的重要组成部分:它为开发人员提供了一种灵活的解决方案,用于构建项目、解耦依赖项并控制应用程序中组件的生命周期。然而,在Blazor - ASP.NET Core的一个新部分中,DI系统感觉有点奇怪,事情似乎与预期有些不同。本文将解释为什么这不仅仅是一种感觉,而是确实是第一位的情况,以及如何处理这些差异,以避免以后出现问题。
  • .NET 7 Preview 4中的ASP.NET Core更新 - 2022年5月10日 - .NET 7 Preview 4现已发布,包含许多对ASP.NET Core的重大改进。来自微软的Dan Roth撰写的文章。
  • 关于Blazor的深入探讨问答 - 2022年5月9日 - 关于Blazor的深入探讨问答,发表在Visual Studio Magazine上。
  • Syncfusion Essential Studio发布增强了.NET MAUI、WinUI、Blazor等 - 2022年5月6日 - Syncfusion Essential Studio发布增强了.NET MAUI、WinUI、Blazor等,发表在Visual Studio Magazine上。
  • 使用查询字符串在Blazor页面之间传递选定值的数组 - 2022年4月28日 - 使用查询字符串在Blazor页面之间传递选定值的数组。
  • 使用Docker容器化Blazor WASM、ASPNET Core WebApi、NGINX和Let's Encrypt - 2022年4月26日 - 关于将由多个Blazor WASM应用程序、ASPNET Core Web Api、NGINX和Let's Encrypt SSL证书组成的复杂系统容器化的指南。
  • Blazor WebAssembly:在浏览器中使用EF Core和SQLite的强大功能 - 2022年4月12日 - 预览如何在浏览器中使用Blazor WebAssembly使用SQLite和EF Core的强大功能。
  • 精通Blazor - 第1部分:DOM集成 - 2022年3月31日 - 精通Blazor - 第1部分:DOM集成。
  • 条件Blazor样式(无需if语句) - 2022年3月24日 - 条件Blazor样式(无需if语句)。
  • 使用Azure Active Directory保护Blazor WebAssembly托管应用程序 - 2022年3月18日 - 使用Azure Active Directory保护Blazor WebAssembly托管应用程序。第2部分。
  • 使用Blazor WebAssembly和GraphQL创建全栈Web应用程序:第1部分 - 2022年2月17日 - 本文介绍了如何使用Blazor WebAssembly和GraphQL以及SQL Server作为数据库创建全栈Web应用程序。
  • .NET 7中Blazor Hybrid的新功能 - 2022年2月10日 - .NET 7中Blazor Hybrid的新功能,发表在Visual Studio Magazine上。
  • 在开发Blazor应用程序时使用Tailwind的新JIT模式 - 2022年1月19日 - 在开发Blazor应用程序时使用Tailwind的新JIT模式。
  • 存档 - 2021,2020,2019,2018,2017。