小喵試著撰寫多個CheckBox,勾選立即儲存的功能,原本以為透過@bind、@onclick就可以搞定,但是實際撰寫下來,似乎又不是小喵原本所想的那樣,至於如何能夠實現,我們繼續看下去~
[Blazor][筆記]透過 component 來實現無限層的左方Menu列表
之前,小喵在實現樹狀結構的Menu時,通常是撰寫遞迴的方式,來展開樹狀結構。不過由於Blazor的Component特性,是可以將Component應用在頁面的某個部分,這讓小喵在上次遇到Blazor套用AdminLTE遇到無法展開收合問題時,開始思考是否可以透過開發一個MenuNode的Component,並在裡面在套用自己(MenuNode)的方式,去實現以前要用遞迴才能實現的樹狀結構。這一篇就來看這是怎麼做的。
[Blazor][筆記]Blazor 套用 AdminLTE Bootstrap Theme
AdminLTE是一套免費的Bootstrap的Theme,之前小喵的MVC是套用這個Theme來開發內部的應用系統。既然Blazor也是透過Bootstrap來設計UI介面,當然就不免俗的也來套用一下。
[Blazor][筆記][EventCallback]透過 EventCallBack 從子元件傳資料給母元件範例
透過 EventCallBack 子元件回傳資料給母元件(頁面)範例
[Blazor][筆記][ComponentBase]透過繼承自訂ComponentBase,撰寫各Component共用程式碼
以前在 WebForm 針對頁面會有 PageBase , MVC 的 Controller 會有 ControllerBase,那麼在撰寫 Blazor 的 Component 是否也是會有 ComponentBase ,有的,來喔~
[筆記][Blazor]使用對話視窗Component無法動作與解決方式
在上一篇【[筆記][Blazor][CRUD]Blazor透過WebAPI進行CRUD範例】留下一個懸念,在套用對話視窗元件,第二次呼叫時卻沒有任何動靜,這一篇來記錄一下小喵測試的可能問題,以及解決的方式。
[筆記][Blazor][CRUD]Blazor透過WebAPI進行CRUD範例
這裡筆記一下 Blazor 透過 WebAPI,針對北風資料庫的 Shippers 進行CRUD(新增修改刪除查詢)的範例
[Blazor][筆記][Bootstrap][Modal] 寫個【對話訊息視窗】元件(Component)
我們這一篇想來點共用的元件(Component),用 Bootstrap 的對話視窗(Modal) 來顯示指定的訊息。
[Blazor][筆記][權限] Blazor 自訂驗證與授權
系統的驗證與授權,這是每一代新技術出來的時候都要面對的課題,從.NET Framework 2.0時代的 MemberShip,到後來的Identity,雖然開發工具都包了一個簡單產生對應資料表的機制來讓過程簡化,但是,實際上小喵我從來都不是用他精靈產生的資料表,而是配合當下的技術來產生一套可以搭配自訂資料表的權限控管。不免俗的,Blazor的到來,也要來嘗試著找出,不使用內建的方式建立資料表,而是想辦法配合自己的資料表來運作權限控管。
有別於 WebForm 與 MVC 在 web.config 中設定<authentication><authenlization>即可運作,Blazor的機制複雜了一些,因此特別寫此篇來筆記一下這個過程,未來再以此篇的筆記結果,來衍生符合自己需求的一套機制。相關內容,就一起看下去吧~
[Blazor][Todo][筆記]Blazor 開發範例 ToDo List
Blazor 是新一代的開發方式,可以透過雙向綁定,可以用純C#來開發Web端的SPA應用。這一篇是起手式的範例,參考官方的內容,自己加上官方沒有的完成disabled,並且加上刪除的按鈕功能。(基本上與Vue的範例類似的功能。筆記下來提供自己未來參考,也提供網友參考
- 1