iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
自我挑戰組

ASP.NET Core & Blazor 系列

接觸Blazor是今年5月的事,當時覺得這個產品會大紅大紫,畢竟可以用強型別寫前端是所有後端人的夢想,雖然如今已有眾多前端框架諸如Angular, Vue, React,且這些前端框架引入ES6也已有強型別概念,但可以用同種語言寫前端對某些人而言還是較為方便,因此動念想寫下對Blazor的心得,因為接觸軟體僅有1年多時間,如有錯誤還請各路前輩不吝賜教。

參賽天數 16 天 | 共 30 篇文章 | 22 人訂閱 訂閱系列文 RSS系列文
DAY 11

Day 11 Arbitrary attributes

目前MyButton有3個[Parameter],如果再增加的話,又要再定義新的[Parameter],為了避免不斷更動這個Component,我們來用Blaz...

2021-09-11 ‧ 由 StrayaWorker 分享
DAY 12

Day 12 Cascading values and parameters

(註:昨天不小心把Reset按鈕的type改成button,今天改回reset。) 我們目前建立了3個Component,Blog、Post及MyButton,...

2021-09-12 ‧ 由 StrayaWorker 分享
DAY 13

Day 13 EventCallback, event from child to parent

目前的4篇日誌是來自我們寫好的假資料,但正常來說不會這樣做,而是有顆按鈕讓使用者按了之後,增加或減少日誌的數量。 增加的按鈕會放在<Blog>,按了...

2021-09-13 ‧ 由 StrayaWorker 分享
DAY 14

Day 14 JavaScript interop

雖然 Blazor 不需要用到 JavaScript,但某些已有的 library 還是很方便,不能因為不想用 JavaScript 就全部捨棄,Blazor...

2021-09-14 ‧ 由 StrayaWorker 分享
DAY 15

Day 15 CSS isolation

CSS isolation 介紹 有時候會想對不同 Component 做個別樣式設定,但如果把 class 都寫在 wwwroot/css/site.css,...

2021-09-15 ‧ 由 StrayaWorker 分享
DAY 16

Day 16 建立資料庫

我們現在有了基本的日誌,但是每次輸入完重整頁面都會刷新,因為這些資料都只存在於瀏覽器,沒有真正儲存到資料庫,為了保存下來,我們要跟資料庫連接。(註:Blazor...

2021-09-16 ‧ 由 StrayaWorker 分享
DAY 16

Day 17 建立Blog跟Post

接下來就是跟資料庫連結了,會著重說明 ASP.NET Core 跟 EF Core,如果有需要改畫面才會說到 Blazor,這邊會花比較多篇幅著墨。 Blog...

2021-09-18 ‧ 由 StrayaWorker 分享
DAY 16

Day 18 修改add()方法

假設今天有個狀況是這樣:有一筆日誌,新增第二筆但還沒送出前,想將第一筆刪除,這時會發生什麼事呢? 竟然出錯了!明明只是將要刪除的PostId送到後端去,為什麼會...

2021-09-18 ‧ 由 StrayaWorker 分享
DAY 16

Day 19 上傳圖片

在大部分的網站中,上傳圖片也是很重要的功能,今天我們就來實作。(註:這是用 Blazor Server 的方式,但最好不要上傳太多檔案,所以限定上傳4張照片的話...

2021-09-19 ‧ 由 StrayaWorker 分享
DAY 16

Day 20 紀錄Log

在開發系統時,紀錄是一件很重要的事,前面都沒有提到,筆者在最近才想到這點,所以就來實作吧! 由於筆者用的是 Blazor Server,官方文件提供的只有 Bl...

2021-09-20 ‧ 由 StrayaWorker 分享