天天看點

Blazor資源大全,很棒的Blazor(2)

作者:opendotnet

教程

  • 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。