Blazor系列
Blazor(1)-前言
2023-10-04 19:33
嗨，我是Corvus，是位軟體工程師。敝人目前接觸Blazor也有一段時間了，在這邊為這段時間的學習做一些筆記，同時也是為新人進行教育訓練的資料。此筆記會介紹Blazor的基本功。
Blazor(2)-簡介
2023-10-04 22:35
前面有說到，眾多的前端框架對於一個經驗不多的web開發者來說，是有非常多課題需要克服的。不論是巨大的時間成本或是太過多樣複雜的技術要學習，可以說要逐一嘗試每一種框架技術是近乎不可能的。
Blazor(3)-專案建立
2023-10-05 18:04
Blazor專案可以用Visual studio或Visual studio code + .net CLI來開發， 本人習慣使用Visual studio來開發，所以本篇以Visual studio 2022來做範例。
Blazor(4)-Blazor 裝載模型
2023-10-06 20:57
我們在建立專案時，有看到Blazor Server及Blazor WebAssembly(wasm)兩種Blazor專案。 這兩個專案就是在簡介時有提到的Server Side及Client Side。本篇我們來探討這兩種專案的架構及優缺點。
Blazor(5)-Blazor wasm部屬上Github Pages
2023-10-07 14:33
Blazor wasm專案部屬上Github Pages。
Blazor(6)-專案結構
2023-10-08 16:06
wasm專案結構
Blazor(7)-Layout
2023-10-09 21:00
現行網站多數都會有一個「外框」，通常這個框會包含Logo、menu、聯絡資訊等，供這個網站的頁面一起使用。
Blazor(8)-Component
2023-10-12 23:54
Blazor的畫面是由Component元件所組成的，這些Component元件可大可小，它可以是頁面，也可以是一個按鈕。 Component包含了Html、Razor與C#程式碼。建立這些Component的好處就是可以重複使用，增加我們程式的維護性。
Blazor(9)-Routing
2023-10-13 20:00
上篇講Routable component時，我們知道了Routable component是利用@using指示詞來指定路徑的。
Blazor(10)-Life Cycle
2023-10-13 20:00
Component的生命週期中，有幾個動作是我們可以控制的，依照執行順序為下：1.設定參數時：SetParameterts,2.元件初始化：Onlnitialized,3.設定參數後：OnParametersSet,4.畫面渲染後：OnParametersSet
Blazor(11)-Code Behind
2023-10-16 17:52
Blazor預設的寫法是Code Inline，他是將Html、Razor及C# Code全部寫在同一個檔案裡。 在邏輯比較單純的情況下，這樣寫並沒有太大問題。 但當程式碼複雜度提高之後，寫在一起可讀性就會很差。 因此在程式碼太複雜時，或是習慣webform的模式將Html及C# Code分開寫的人，就可以使用Code Behind的寫法。
Blazor(12)-Component Parameters
2023-10-17 18:43
Blazor的畫面是由數個元件所組成的，而這些元件是能夠重複給多個頁面使用的。 而為了讓這些元件能夠更容易的被運用，在使用這些元件時，讓元件間能夠互相傳遞參數。
Blazor(13)-Binding
2023-10-17 18:43
Razor元件可以使用@符號及@bind來為DOM元素提供資料及事件細節功能。@符號能夠將Code區塊內的屬性綁定到Html中。
Blazor(14)-元件間的事件傳遞
2023-10-19 20:03
我們很常會遇到子元件的需要將事件反應回父元件的時候，這時我們就會用「EventCallBack」將事件及參數回推給父元件， 讓父元件也可以將子元件的執行結果反應回頁面上。
Blazor(15)-輸入元件(1)
2023-10-19 21:11
前面在介紹資料綁定(Binding)的時候其實就已經有用到文字輸入的元件了， 那除了文字輸入以外，還有很多內建的輸入元件可以使用，像是：RadioBtn、Checkbox、Calendar等等。
Blazor(16)-輸入元件(2)
2023-10-20 22:36
接續Blazor(15)繼續介紹輸入元件，包含了Calendar、Checkbox、InputFile、DropdownList、RadioButton。
