topcat 姍舞之間的極度凝聚

依據某欄位排序，並累加合計資料的SQL語法，進行筆記

當Vue裡面遇上Checkbox限制最多可以選5項時，這一篇示範透過disabled的屬性控制，當超過時，沒有被選的disabled變成不能選擇

之前小喵的系統不知名的狀況遇到ViewState MAC Failed問題, 而且問題不特定情況發生, 找了一些方式卻無法解決,最後在 web.config 加上一段解決問題了~

Vue本來預期修改資料後，原本 input v-model 的部分，預期會跟著資料，渲染到畫面中，但是實際上卻沒有。實際上透過console.log的方式，依舊可以讀出實際的內容。

小喵試著撰寫多個CheckBox，勾選立即儲存的功能，原本以為透過@bind、@onclick就可以搞定，但是實際撰寫下來，似乎又不是小喵原本所想的那樣，至於如何能夠實現，我們繼續看下去~

之前，小喵在實現樹狀結構的Menu時，通常是撰寫遞迴的方式，來展開樹狀結構。不過由於Blazor的Component特性，是可以將Component應用在頁面的某個部分，這讓小喵在上次遇到Blazor套用AdminLTE遇到無法展開收合問題時，開始思考是否可以透過開發一個MenuNode的Component，並在裡面在套用自己(MenuNode)的方式，去實現以前要用遞迴才能實現的樹狀結構。這一篇就來看這是怎麼做的。

AdminLTE是一套免費的Bootstrap的Theme，之前小喵的MVC是套用這個Theme來開發內部的應用系統。既然Blazor也是透過Bootstrap來設計UI介面，當然就不免俗的也來套用一下。

透過 EventCallBack 子元件回傳資料給母元件(頁面)範例

以前在 WebForm 針對頁面會有 PageBase ， MVC 的 Controller 會有 ControllerBase，那麼在撰寫 Blazor 的 Component 是否也是會有 ComponentBase ，有的，來喔~

在上一篇【[筆記][Blazor][CRUD]Blazor透過WebAPI進行CRUD範例】留下一個懸念，在套用對話視窗元件，第二次呼叫時卻沒有任何動靜，這一篇來記錄一下小喵測試的可能問題，以及解決的方式。

這裡筆記一下 Blazor 透過 WebAPI，針對北風資料庫的 Shippers 進行CRUD(新增修改刪除查詢)的範例

Chrome核心的瀏覽器有許多，除了傳統Google的Chrome瀏覽器本身，還有Windows新版本的Edge, Apple的 Safari 都是，在開發的過程中，後台需要輸入EMail的欄位時，進入他都啟動自動填寫的機制，把該Domain曾經記錄過的帳密中的帳號，當作預設定的填寫資料，自動填入。這讓小喵無比的困擾~我明明是後台讓使用者填寫EMail，你自動填入帳號是要做啥~於是小喵開始與這個機制奮鬥。

我們這一篇想來點共用的元件(Component)，用 Bootstrap 的對話視窗(Modal) 來顯示指定的訊息。

系統的驗證與授權，這是每一代新技術出來的時候都要面對的課題，從.NET Framework 2.0時代的 MemberShip，到後來的Identity，雖然開發工具都包了一個簡單產生對應資料表的機制來讓過程簡化，但是，實際上小喵我從來都不是用他精靈產生的資料表，而是配合當下的技術來產生一套可以搭配自訂資料表的權限控管。不免俗的，Blazor的到來，也要來嘗試著找出，不使用內建的方式建立資料表，而是想辦法配合自己的資料表來運作權限控管。

有別於 WebForm 與 MVC 在 web.config 中設定<authentication><authenlization>即可運作，Blazor的機制複雜了一些，因此特別寫此篇來筆記一下這個過程，未來再以此篇的筆記結果，來衍生符合自己需求的一套機制。相關內容，就一起看下去吧~

Blazor 是新一代的開發方式，可以透過雙向綁定，可以用純C#來開發Web端的SPA應用。這一篇是起手式的範例，參考官方的內容，自己加上官方沒有的完成disabled，並且加上刪除的按鈕功能。(基本上與Vue的範例類似的功能。筆記下來提供自己未來參考，也提供網友參考

筆記一下左右兩個Select Multiple，多選選擇項目後，按鈕將相關項目轉移到另一邊

筆記一下Vue的起手式範例

本篇筆記在一般頁面中，如何套用Vue Loading的方式。

網友的詢問，小喵把自己的回覆整理到Blog，提供有類似網友的參考。上下筆的差異值，先決條件要有上下筆的排序條件，有了之後，透過給順號、SubQuery、自己對自己JOIN的方式，就可以達成，實際的詳細內容，敬請看下去~

小喵在開發某個系統的時候，使用者提到，某個下拉選單的選項很多，點下拉後要拉來拉去的找好久，有沒有可以像Google搜尋一下，輸入的時候，自動找出符合的，來加快選擇。小喵立馬想到『DropDownList jQuery AutoComplete』這些關鍵字。果然找到jQuery UI中有個Autocomplete ComboBox很合適。
過程中，小喵稍微改寫一下使用的方式，讓我套用變得更容易些。