Blazor預研與實戰

来源:https://www.cnblogs.com/chenyishi/archive/2022/08/19/16601286.html
-Advertisement-
Play Games

背景 最近一直在搞一件事,就是熟悉Blazor,後期需要將Blazor真正運用到項目內。前期做了一些調研,包括但不限於 Blazor知識學習 組件庫生態預研 與現有SPA框架做比對 與WebForm做比對 自己動手做個演示項目 最終的體驗非常不錯,功能全面。現有的一些SPA思想Blazor基本都有, ...


背景

最近一直在搞一件事,就是熟悉Blazor,後期需要將Blazor真正運用到項目內。前期做了一些調研,包括但不限於

  • Blazor知識學習
  • 組件庫生態預研
  • 與現有SPA框架做比對
  • 與WebForm做比對
  • 自己動手做個演示項目

最終的體驗非常不錯,功能全面。現有的一些SPA思想Blazor基本都有,現有的WebForm開發思想Blazor基本也包含,甚至提供了混合開發,可以開發PC/移動端應用。

Blazor真正做到了集技術大成於一體,如果我們再給予一些關註度,必成為下一個主流框架!

Blazor目前已經接近30K的star,關註度持續升高。大家也去star吧!

https://github.com/dotnet/aspnetcore

 

Blazor知識學習

Blazor學習途徑還是推薦官方文檔,全而不亂,井井有條f,從基礎到高級用法,層層遞進。

https://docs.microsoft.com/zh-cn/aspnet/core/blazor/?view=aspnetcore-6.0

 

其次是Github,Github上各種組件庫、項目模板,提供了充分的學習,借鑒渠道。可以看到Blazor真正在活躍。

https://github.com/search?q=Blazor

 

一個彙總庫,提供了各個領域Blazor目前現有的一些模板、組件庫,非常全面

https://github.com/AdrienTorris/awesome-blazor

 

組件庫預研

Blazor組件庫目前看來太多了,比較優秀,關註度比較高的有。

https://github.com/MudBlazor/MudBlazor

https://github.com/ant-design-blazor/ant-design-blazor

https://github.com/dotnetcore/BootstrapBlazor

 

組件庫現在還在持續變多,可供選擇性越來越高

 

 

與現有SPA比對

Blazor作為一個SPA框架,現有SPA基本上理念一致,MVVM思想中有的Blazor全都有:雙向綁定、路由、依賴註入、組件化、事件處理...

也有不少人做過對應分析,十分不錯

https://devathon.com/blog/blazor-vs-angular-vs-react-vs-vue/

https://www.telerik.com/blogs/blazor-vs-vue-web-developers

我也做了個簡單的翻譯

https://www.cnblogs.com/chenyishi/p/16595037.html

 

與WebForm做比對

為啥要與WebForm做比對?Blazor從開發模式說與WebForm還是有一點相似的,包括頁面生命周期,項目結構,中間件...

官方也給我們提供了遷移文檔,減小從webform遷移到blazor的難度。

https://docs.microsoft.com/zh-cn/dotnet/architecture/blazor-for-web-forms-developers/introduction

 

動手實戰

光學不練可不行,就用MudBlazor做個Demo,試試Blazor WebAssemebly端和Blazor hybrid混合開發有多爽。

特別是Blazor hybrid混合開發,用HTML思想開發Winform,但邏輯用C#寫而不是JS,體驗原生性能,大家趕緊動起來吧!

別再聽一些人說Blazor不行.NETCore+不行了,自己嘗試下就知道多棒了!大家去star吧!https://github.com/dotnet/aspnetcore

 

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 發展史 1.早期的時候,網站都沒有保存用戶功能的需求,所有用戶訪問網站返回的結果都是一樣的,比如新聞、文章等網站! 2.但是,隨著網站的發展,出現了一些需要保存用戶信息的網站,比如:淘寶、京東、個人博客等! 3.以登錄功能為例,如果不保存用戶登錄的信息,就意味著用戶每次都需要重新登錄網站,為此非常的 ...
  • 1、標記實現參數化 通過@pytest.mark.parametrize(argnames, argvalues, indirect=False, ids=None, scope=None)裝飾器來實現參數化。 參數說明: argnames:參數名,使用逗號分隔的列表,或元祖,或字元串,表示一個或多 ...
  • 輕量容器引擎Docker Docker是什麼 ​ Docker 是一個開源項目,誕生於 2013 年初,最初是 dotCloud 公司內部的一個業餘項目。它基於 Google 公司推出的 Go 語言實現。項目後來加入了 Linux 基金會,遵從了 Apache 2.0 協議,項目代碼在GitHub ...
  • 一、時間輪演算法簡介 為了大家能夠理解下文中的代碼,我們先來簡單瞭解一下netty時間輪演算法的核心原理 時間輪演算法名副其實,時間輪就是一個環形的數據結構,類似於表盤,將時間輪分成多個bucket(比如:0-8)。假設每個時間輪輪片的分隔時間段tickDuration=1s(即:指針經過每個格子花費時間 ...
  • 由於net core 中預設沒有System.Drawing,可以通過nuget下載一個來代替System.Drawing.Common 直接壓縮圖片 /// <summary> /// 圖片壓縮 /// </summary> /// <param name="sFile">原圖片位置</param ...
  • 一、前言 在開發過程中經常有這樣的場景:一個工具性質的代碼會經常被用到,在.net中一般的做法是將這些代碼封裝成一個類庫,讓後需要用到這個功能時直接引入類庫的dll文件,然後就可以直接使用這些代碼了。但是相比於人工的方式引入dll文件,通過nuget來進行包的管理將會更加優雅方便,今天就來向大家介紹 ...
  • ASP.NET Core應用本質上,其實就是由若幹個中間件構建成的請求處理管道。管道相當於一個故事的框架,而中間件就相當於故事中的某些情節。同一個故事框架採用不同的情節拼湊,最終會體現出不同風格的故事。而我們的ASP.NET Core應用也正是如此,同一管道採用不同的中間件組合,最終也會呈現出不同的 ...
  • ABP的依賴註入基於Castle Windsor,可以通過Nuget搜索Castle.Windsor來安裝使用 ABP框架運行其實是以模塊進行載入的運行的,通過源碼得知AbpModule是所有模塊基類(也就是說一個程式集就是一個模塊,我們在創建類庫時,可以在創建一個模塊類的時候繼承AbpModule ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...