依據某欄位排序,並累加合計資料的SQL語法,進行筆記
[Vue][筆記]CheckBox 最多限制選項個數處理方式(透過disabled)
當Vue裡面遇上Checkbox限制最多可以選5項時,這一篇示範透過disabled的屬性控制,當超過時,沒有被選的disabled變成不能選擇
[筆記][Tips][web.config]解決奇怪的ViewState MAC Failed(SameSiteCookie)
- 229
- 0
之前小喵的系統不知名的狀況遇到ViewState MAC Failed問題, 而且問題不特定情況發生, 找了一些方式卻無法解決,最後在 web.config 加上一段解決問題了~
[筆記][Vue][v-model]修改資料,但沒有渲染回input的問題
Vue本來預期修改資料後,原本 input v-model 的部分,預期會跟著資料,渲染到畫面中,但是實際上卻沒有。實際上透過console.log的方式,依舊可以讀出實際的內容。
[Blazor][筆記][CheckBox]撰寫多Checkbox,勾選即時維護功能
小喵試著撰寫多個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(新增修改刪除查詢)的範例
[筆記]Chrome類瀏覽器,避免自動填寫EMail奮鬥紀錄
- 793
- 0
Chrome核心的瀏覽器有許多,除了傳統Google的Chrome瀏覽器本身,還有Windows新版本的Edge, Apple的 Safari 都是,在開發的過程中,後台需要輸入EMail的欄位時,進入他都啟動自動填寫的機制,把該Domain曾經記錄過的帳密中的帳號,當作預設定的填寫資料,自動填入。這讓小喵無比的困擾~我明明是後台讓使用者填寫EMail,你自動填入帳號是要做啥~於是小喵開始與這個機制奮鬥。
[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的範例類似的功能。筆記下來提供自己未來參考,也提供網友參考
[筆記][Vue]Select Multiple 左右兩邊選擇加入範例
筆記一下左右兩個Select Multiple,多選選擇項目後,按鈕將相關項目轉移到另一邊
[筆記][Vue 2.x][Vue 3][Todo] Vue.js 的起手式範例 Todos (含講解說明影片)
筆記一下Vue的起手式範例
[筆記][Vue][Loading]Vue.js Loading 範例
本篇筆記在一般頁面中,如何套用Vue Loading的方式。
[SQL]計算與上一筆的差值
網友的詢問,小喵把自己的回覆整理到Blog,提供有類似網友的參考。上下筆的差異值,先決條件要有上下筆的排序條件,有了之後,透過給順號、SubQuery、自己對自己JOIN的方式,就可以達成,實際的詳細內容,敬請看下去~
[ASP.NET][DropDownList][AutoComplete]改寫DropDownList下拉式選單改成ComboBox並可以輸入搜尋(AutoComplete)讓他更容易使用
- 5583
- 0
- (.NET)ASP.NET
小喵在開發某個系統的時候,使用者提到,某個下拉選單的選項很多,點下拉後要拉來拉去的找好久,有沒有可以像Google搜尋一下,輸入的時候,自動找出符合的,來加快選擇。小喵立馬想到『DropDownList jQuery AutoComplete』這些關鍵字。果然找到jQuery UI中有個Autocomplete ComboBox很合適。
過程中,小喵稍微改寫一下使用的方式,讓我套用變得更容易些。