來自後端的逆襲 blazor簡介 全棧的福音

背景

什麼是SPA 什麼是MPA

MPA (Multi-page Application) 多頁面應用指的就是最傳統的 HTML 網頁設計，早期的網站都是這樣的設計，所之稱爲「網頁設計」。使用 MPA 在使用者瀏覽 Web 時會依據點擊需求切換頁面，瀏覽器會不停的重載頁面 (Reload)，M$ IE 就會一直髮出卡卡卡的聲音，整個操做也常感受卡卡。若是使用這樣的設計在 Web App 中，使用者體驗比較差，總體流暢度扣分。但進入門檻低，簡單套個 jQuery Mobile 就能夠完成。

SPA (Single-page Application) 顧名思義在 Web 設計上使用單一頁面，利用 JavaScript 操做 Dom 的技術實現各類應用，現今在介面上算是很是受歡迎的設計，搭配 AJAX 使得總體介面反應速度至關迅速，而且可以實現各類豐富的使用者介面。典型的 gmail 就是最好的例子。缺點是學習門檻高，而 JavaScript 又有跨瀏覽器的問題，此外在不  Reload 頁面的情況下，記憶體控制也變得更復雜與重要，也是咱們爲什麼要介紹 UI Framework 來開發的緣由。

 SPA 對比 MPA

 

 

自從前端有了nodejs 整個世界就不對勁了,. 前端≠畫頁面的了  今後站起來了  jquery 是什麼老古董  MVC 是什麼舊模式!?

一套項目不用MVVM 好像就是弱的代名詞了 這個杯具的時代 老闆居然要求作全棧的 用SPA模式 什麼!?  本身寫webpai  本身寫angularjs react vue 本身調用 本身測試 ???? 黑人問號 

 

Blazor ，將 .NET 帶回到瀏覽器

仍是微軟大法好.這不給出咱們作全棧的解決方案了  就是 Blazor!!! 

當前 blazor 0.7  各位同志...記得star啊  

 

https://github.com/aspnet/Blazor

這個是官網

https://blazor.net

　　

Blazor 是一個 Web UI 框架，可經過 WebAssembly 在任意瀏覽器中運行 .Net 。也就說，你能夠用C# 寫前端。能夠理解爲，這是一個C#語言的Vue, Angular, React。
Blazor 擁有現代 Web 框架具有的全部功能，包括：

• 用於構建 composable UI 的組件模型
• 路由
• 佈局
• 表格和驗證
• 依賴注入
• JavaScript 互操做
• 開發期間在瀏覽器中實時從新加載
• 服務器端渲染
• 在瀏覽器和 IDE 中全面調試 .NET
• 可以經過 asm.js 在較早版本的（非 WebAssembly ）瀏覽器上運行

ps:組件 路由 js交互 嗯 你要的它都有  你想的它都會

 

構建第一個Balzor

dotnet new -i Microsoft.AspNetCore.Blazor.Templates
dotnet new blazor -o BlazorApp1
cd BlazorApp1
dotnet run

固然 也能夠用地表最強IDE來建立

https://marketplace.visualstudio.com/items?itemName=aspnet.blazor

　這個是VS的blazor插件裝了以後 就能夠選到

 

Run !