透過 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奮鬥紀錄
- 24
- 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)讓他更容易使用
- 2689
- 0
- (.NET)ASP.NET
小喵在開發某個系統的時候,使用者提到,某個下拉選單的選項很多,點下拉後要拉來拉去的找好久,有沒有可以像Google搜尋一下,輸入的時候,自動找出符合的,來加快選擇。小喵立馬想到『DropDownList jQuery AutoComplete』這些關鍵字。果然找到jQuery UI中有個Autocomplete ComboBox很合適。
過程中,小喵稍微改寫一下使用的方式,讓我套用變得更容易些。
[筆記][OpenData][JSON][Object]取得公開資料平台天氣資料轉物件集合,下拉顯示最新資料
- 4672
- 0
- (.NET)ASP.NET
把政府公開資料JSON格式資料取得,轉成物件集合,並透過LINQ對物件集合進行讀取,這樣的範例應該還蠻多人有這樣的需求,小喵就抽個空,寫一下這個範例,提供網友與未來的自己參考~
[筆記][VB.NET][LINQ] LINQ亂數取得其中幾筆(抽獎)的VB.NET寫法
- 329
- 0
- (.NET)VB.NET
LINQ對於已經將資料放到『List (Of Object)』的二次加工,提供很方便的查詢方式。前陣子剛好有這樣的需求,網路上找一下寫法,這邊筆記一下,也提供有虛要的人參考。
[ASP.NET][WebForm]用Table控制項,動態產生陣列型TextBox,並且取得使用者輸入的資料
- 3756
- 0
- (.NET)ASP.NET
剛好遇見網友在詢問一個問題,他需要『動態產生陣列型的TextBox,讓使用者輸入資料,並且輸入後,按下送出,可以將使用者輸入的內容讀出。』。這要如何處理?小喵來撰寫這樣的一個範例。順便說明動態產生控制項的一些處理概念。
[筆記][angular][排序] angular 2 / 4 查詢畫面增加 排序功能
- 1193
- 0
- AngularJS2
- 2017-10-02
之前的「[筆記][Angular 2][Angular 4]透過Angular-CLI 撰寫 Angular 2針對單一資料表的CRUD」,內容作了針對單一資料表的C(新增)R(查詢)U(修改)D(刪除)。其中查詢的部分,也加上分頁的功能。但,感覺好像還缺了那一塊。一般的查詢,可能還需要額外加上『排序』,在分頁的情況下,可以針對每個欄位,點選排序,進行『順排(由小到大)』與『逆排(由大到小)』的排序。這邊就來補充這個份的功能。
[筆記][Angular 2][Angular 4][Input][Output] 在 Angular 2/4 Component 之間的資料傳遞 Input / Output
- 7245
- 0
- AngularJS2
在 Angular 2 / 4 的世界中,是一個一個的 Component 堆積而成的,每個 Component 都是獨立,卻又可以交互合作,在這樣的情況下,外層的 Component 如何傳遞入(Input)資料給內層的 Component ,而內層的資料,在要把資料往外傳遞(Output)時,又如何觸發外層的事件來處理往外傳遞的資料。我們這一篇就來看看 Component 的 Input / Output 如何撰寫
[筆記][TypeScript] (Javascript) 如何複製 ( Clone ) 出一份 新的物件 (By Value, 非By Reference)
- 1818
- 0
- 2017-10-12
在Javascript中,當變數放的內容是純值(非物件,a=1;),b=a的時候,是使用ByVal的方式,也就是複製一份資料給b,但這情況在「物件」的狀況,卻是 By Reference的傳址方式,也就是兩個變數,指向同一個記憶區塊,資料是相同那塊空間的。因此,如果b[0].Name="aaa",這時候去取a[0].Name一樣會變成"aaa"。那麼,如何在物件的時候,如何真正的複製出一份內容,存在不同的記憶區塊,讓彼此不會影響呢?看下去~
[筆記][茶包][Angular][IE]解決 Angular 2 在 IE中遇到「物件沒有支援這個屬性或方法 'assign' (Object doesn't support property or method 'assign')」問題
- 1907
- 0
- AngularJS2
在開發 angular 2 (angular 4)過程中,小喵通常會用 Chrome 來開發,但運行很正常的專案,在 IE 中卻遇到『物件沒有支援這個屬性或方法 'assign' (Object doesn't support property or method 'assign')』的問題。要怎麼處理這樣的茶包,請繼續看下去~