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。
Line bot-建立帳號
2023-10-25 22:36
建立Line bot帳號,並取得Channel Access Token及User ID。
Line bot-推送基礎訊息
2023-10-25 22:36
使用LineBotSDK來推播訊息。