[Asp.Net Core] 關於 Blazor Server Side 的一些雜項, 感想

来源:https://www.cnblogs.com/zhgangxuan/archive/2020/04/05/asp_net_core_blazor_server_side_001_01.html

關於 Blazor Server Side 的開篇 , Blazor與 C/S , B/S 有什麼不一樣 , Blazor有什麼優缺點? ...



在2016年, 本人就開始了一個內部項目, 其特點就是用C#構建DOM樹, 然後把DOM同步到瀏覽器中顯示. 並且在一些小工程中使用.

3年下來, 效果很不錯, 但因為是使用C#來構建控制項樹, 在沒有特定語法的情況下, 代碼風格不是那麼好.

典型的風格大概是這樣的:

這個模式挺好的, 有點嫌棄C#代碼占比太高, HTML代碼靠字元串來完成, 在界面的設計上, 比較吃力. 

 


 

在2019年秋, Asp.Net 3.0出來了, Blazor Server Side 也正式公佈, 可以在VS2019中使用.

當時我就去嘗嘗鮮, 發現這東西, 和我的框架很接近. 不同的是,

Blaozr Server Side 是基於 MVVM 的, 而我的框架是基於傳統控制項樹的.


Blazor畢竟有微軟做爸爸, 在VS上的支持是直接的, 由Razor文件來負責 HTML+C# 的代碼模式, 完全支持智能提示.


天呀, 這不是就是我夢寐以求的開發方式嗎? 於是, 在疫情期間, 我把以前的框架, 和Blazor直接整合在一起. 開始做一些小工程做驗證.

現在這個整合大部分需求與問題都得到瞭解決. 還需要提供更多的控制項用以提高工程的開發速度.

 

先上圖,  看看 Blazor 的代碼是長什麼樣子的. 

(Razor語法, 和MVC有點接近. 但是MVC是輸出靜態HTML的, Blazor組件是生成伺服器樹狀結構的)

 

 

與 MVC 的 Razor語法是接近的 , 然而最大不同時 , MVC 的最終目標是生成字元串發給瀏覽器.  而Blazor生成了模型之後, 依然是"活動"的, 隨時準備好響應客戶端的事件.

 

  


 

 

對於 Blazor 架構的一些特點, 畫了一些圖. 

首先, 我把這種模式成為 "伺服器UI映射" , 後面都會陸續使用這個概念.

個人看法 , 通常的情況, 僅供參考

 

 

 

 

Blazor 因為在伺服器上把代碼運行狀態駐留在記憶體,

所以程式運行的上下文得以保存, 而關聯的事件也會綁定到上下文中.

事件處理函數被調用時, 相關的對象和數據會全部可用.


具體的細節無法說太多, 畢竟這是新事物, 我自己也是一邊使用一邊積累心得.

我以後會陸陸續續放上各種例子, 提供給感興趣的網友們, 用節省時間的方式去迅速掌握Blazor的開發流程.


最後, 放上一個對照表, 以供參考:

 


伺服器UI映射 C/S B/S B+C混合
簡單概述 活在伺服器
投影到客戶端
活在客戶端
與伺服器通信
伺服器生成HTML
客戶端展示與回發
伺服器先生成HTML
客戶端深化界面功能
典型方案 Blazor Server Side 平臺:Windows/Android/iOS GUI框架
網頁:JS控制項類/React/Argular/Vue..
Blazor WebAseembly
各種WEB伺服器方案:
ASP/ASP.NET WebForms,MVC
PHP/Java/Node.js/..
各種框架混合使用
典型應用 無 , 適合: 微信公眾號應用,
網站後臺, 手機嵌入頁面
小程式webview嵌入頁面
各種Desktop/Mobile客戶端
游戲客戶端,網站SPA,微信小程式,
各種入門級展示型網站 各種複雜點的網站
讀寫數據 直接, 方便 需通過伺服器代勞 直接, 方便 混合
通信方式 已在伺服器運行 HTTP/Socket/WebSocket等等
由各平臺/框架提供
HTTP GET/POST為主 混合
通信代碼 無需額外編寫(優點) 基於XML/JSON/Query/Form/自定格式
程式員指定具體的名稱與值
伺服器與客戶端都要編寫大量代碼(缺點)
關乎許可權的話要保證安全性,工作量會很大
主要是Query/Form
程式員指定具體的名稱與值
只適合簡單的程式
混合
服務重啟
熱更新
丟失未保存的狀態(缺點)
對正使用的用戶造成影響
未保存狀態在客戶端保存
只要重試便可
狀態在瀏覽器保存
只要重試便可
狀態在瀏覽器保存
只要重試便可
伺服器負荷 最重,(缺點)
每線上用戶會占用伺服器記憶體
只適合少量線上用戶場合
最少(優點)
伺服器基本上只處理業務邏輯
每個請求會很快釋放,負擔很小
不多 較少
適合場景 資金少的企業定製應用
用戶量較少的小功能
以快速開發為目標
通用開發模式
適合絕大部分情況
比較適合內容展示網站
或比較簡單的業務系統
混合
代碼部署 純伺服器,更保密 客戶端,沒那麼保密(缺點)
通信機制可能會被濫用攻擊
伺服器為主,較為保密 混合情況
首次啟動 極快 100KB下載量起 慢,看框架和程式整體大小 極快, 看內容多少 混合
版本更新 直接覆蓋 客戶端需下載或重新載入 直接覆蓋 混合情況
搜索引擎 可被收錄
被惡意
收集數據
目前較安全 通過通信協議收集 通過爬蟲收集 混合

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

更多相關文章
  • 前言 最近想起半年前鴿下來的Haskell,重溫了一下忘得精光的語法,讀了幾個示常式序,挺帶感的,於是函數式編程的草就種得更深了。又去Google了一下C++與FP,找到了一份近乎完美的講義,然後被帶到C++20的ranges library,對即將發佈的C++20滿懷憧憬。此時,我猛然間意識到,看 ...
  • ​ 1.問題 1、如何理解類文件結構佈局? 2、如何應用類載入器的工作原理進行將應用輾轉騰挪? 3、熱部署與熱替換有何區別,如何隔離類衝突? 4、JVM如何管理記憶體,有何記憶體淘汰機制? 5、JVM執行引擎的工作機制是什麼? 6、JVM調優應該遵循什麼原則,使用什麼工具? 7、JPDA架構是什麼,如何 ...
  • 原文鏈接:http://www.yiidian.com/hibernate/hibernate get load.html 1 演示get和load方法的基本使用 源碼下載:https://pan.baidu.com/s/1c2HD7tm 2 分析get和load方法的區別 在hibernate中我 ...
  • Consul是HashiCorp公司推出的開源工具,Consul由Go語言開發,部署起來非常容易,只需要極少的可執行程式和配置文件,具有綠色、輕量級的特點。Consul是`分散式`的、`高可用`的、 `可橫向擴展`的用於實現分散式系統的服務發現與配置。 ...
  • 這篇文章中,我將詳細介紹ASP.NET Core OutOfProcess Hosting模型。強烈推薦你去看看我之前寫的ASP.NET Core InProcess以及ASP.NET Core中的 Kestrel Web伺服器。這篇文章我將向大家詳細介紹下麵幾個問題:怎樣在ASP.NET Core... ...
  • 前言 回顧之前的兩篇Swagger做Api介面文檔,我們大體上學會瞭如何在net core3.1的項目基礎上,搭建一套自動生產API介面說明文檔的框架。 本來在Swagger的基礎上,前後端開發人員在開發生產期間,可以藉此進行更加便捷的溝通交流。可是總有些時候,遇到一些難纏的,又不講道理,偏偏覺得將 ...
  • 這篇文章,向大家介紹ASP.NET Core中的Kestrel Web伺服器。這篇文章主要討論下麵兩個重要的事情:什麼是Kestrel 伺服器?怎麼使用.NET Core CLI來運行ASP.NET Core應用程式?什麼是Kestrel伺服器? 我們已經知道ASP.NET Core是一個跨平臺的開... ...
  • VS2019+MVC+EF6 CodeFirst 連接MySQL 1、準備環境(通過NuGet獲取) EntityFramework MySql.Data.Entity 安裝後確認 2、在MVC Model文件夾下添加一個學生類,後面用它通過[數據遷移]在MySQL中創建一個表 3、創建數據上下文 ...
一周排行
  • 一:背景 1. 講故事 如果你常翻看FCL的源碼,你會發現這裡面有不少方法藉助了C/C++的力量讓C#更快更強悍,如下所示: [DllImport("QCall", CharSet = CharSet.Unicode)] [SecurityCritical] [SuppressUnmanagedCo ...
  • 上一篇(https://www.cnblogs.com/meowv/p/12966092.html)文章使用AutoMapper來處理對象與對象之間的映射關係,本篇主要圍繞定時任務和數據抓取相關的知識點並結合實際應用,在定時任務中迴圈處理爬蟲任務抓取數據。 開始之前可以刪掉之前測試用的幾個Hello ...
  • 首先創建實體類 1 public class MacState 2 { 3 /// <summary> 4 /// 請求狀態 5 /// </summary> 6 public string success { get; set; } 7 /// <summary> 8 /// 錯誤信息 9 /// ...
  • 0. 前言 前幾天FreeSql的作者向我推薦了FreeSql框架,想讓我幫忙寫個文章介紹一下。嗯,想不到我也能帶個貨了。哈哈,開個玩笑~看了下覺得設計的挺有意思的,所以就謝了這篇文章。 簡單介紹一下,FreeSql 是NCC組織的沙盒級項目,是一款功能強大的 ORM 組件,支持 .NET Core ...
  • 0. 前言 這是一個新的系列,名字是《ASP.NET Core 入門到實戰》。這個系列主講ASP.NET Core MVC,輔助一些前端的基礎知識(能用來實現我們需要的即可,並非主講)。同時這個系列也會在後續介紹ASP.NET Core 平臺的其它類型的項目,並帶領大家以各個類型的項目為主要架構開發 ...
  • 我寫了一個Winform測試程式,用的System.Timers.Timer,在事件里,設置label1.Text,然後,居然句柄泄漏、用戶對象泄漏! 百思不得其解,最後換成System.Windows.Forms.Timer,居然不泄漏了! 最近睡眠不足,哪怕一個很小的問題,隨便搞搞,都半夜了! ...
  • leetcode-7. 整數反轉。 給出一個 32 位的有符號整數,你需要將這個整數中每位上的數字進行反轉。 示例 1: 輸入: 123 輸出: 321 示例 2: 輸入: -123 輸出: -321 示例 3: 輸入: 120 輸出: 21 註意: 假設環境只能存儲得下 32 位的有符號整數,則其 ...
  • 1. Java 虛擬機是什麼? 1.1 虛擬機 虛擬機:虛擬的電腦,一個用來執行虛擬電腦指令的軟體。 虛擬機分為系統虛擬機和程式虛擬機。 系統虛擬機:提供一個可運行完整操作系統的軟體平臺,如 Visual Box、VMware。 程式虛擬機:專門執行單個程式的,典型代表 Java 虛擬機。Jav ...
  • 前言 - strlen 概述 無意間掃到 glibc strlen.c 中代碼, 久久不能忘懷. 在一無所知的編程生涯中又記起點點滴滴: 編程可不是兒戲 ❀, 有些難, 也有些不捨. 隨軌跡一同重溫, 曾經最熟悉的 strlen 手感吧 ~ /* Copyright (C) 1991-2020 Fr ...
  • 背景 隊列[Queue]:是一種限定僅在表頭進行刪除操作,僅在表尾進行插入操作的線性表;即先進先出(FIFO-first in first out):最先插入的元素最先出來。 本文通過編碼實現鏈式隊列類,並模擬一個有趣的應用,能夠幫助我們對鏈式隊列有更深度的理解。 基本概念 結點 每個元素,除了存儲 ...