iT邦幫忙

鐵人檔案

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

ASP.NET Core & Blazor 系列

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

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

Day 01 初見Blazor

筆者接觸軟體的時間不長,先後接觸三種架構,分別為 ASP.NET MVC、ASP.NET Core & Blazor、ASP.NET Core &amp...

2021-09-01 ‧ 由 StrayaWorker 分享
DAY 2

Day 02 網頁和Blazor介紹

筆者對網站的認知為前端、後端及資料庫,使用者在瀏覽器畫面按下按鈕或是送出表格,觸發前端事件,將收集起來的條件打包送往後端,後端接收條件後去資料庫據此處理判斷,撈...

2021-09-02 ‧ 由 StrayaWorker 分享
DAY 3

Day 03 Blazor Server和Blazor WebAssembly的差異

下載Visual Studio後首先建立一個BlazorPratice方案,裡面建立Blazor Server專案,方案位置可以自己選擇(註:新版Visual...

2021-09-03 ‧ 由 StrayaWorker 分享
DAY 4

Day 04 Compoent及路由介紹

由於筆者當初是用ASP.NET Core API + Blazor Server,所以會以Blazor Server示範,日後研究完Blazor WebAsse...

2021-09-04 ‧ 由 StrayaWorker 分享
DAY 5

Day 05 依賴注入(Dependency Injection)

問題來了,為什麼Blazor會知道WeatherForecastService在這裡可以調用? day03有提到Startup.cs的ConfigureServ...

2021-09-05 ‧ 由 StrayaWorker 分享
DAY 6

Day 06 抽離C#程式碼

昨天看到FetchData.razor的程式太長了,截圖都要兩次,為求方便,我們把@code的部分擷取出來另成一個檔案。 Blazor提供了兩個方法:parti...

2021-09-06 ‧ 由 StrayaWorker 分享
DAY 7

Day 07 生命週期(Lifetime)

前面說過自己建立的Service都必須在Startup.cs(Blazor Server)或Program.cs(Blazor WebAssemlby)註冊,但...

2021-09-07 ‧ 由 StrayaWorker 分享
DAY 8

Day 08 CSS樣式改動及資料綁定詳述

現在每次啟動專案,預設路徑都會是/,但我們目前沒有Component套用這個路由,要自己切換到Post實在有些麻煩,另外Menu的圖案也跟名稱不符,我們來調整一...

2021-09-08 ‧ 由 StrayaWorker 分享
DAY 9

Day 09 Parameters

假如我們想增加的按鈕用來清除form的資料,最快的方式是增加一個type=”reset”的按鈕,這時候就用到兩個按鈕了,可以用到Blazor的核心觀念:Comp...

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

Day 10 Blog and Posts

現在我們有一個可以輸入日誌的介面了,但日誌就是每天都要寫的意思,只有一篇怎麼夠呢?我們來加上blog。 首先建立BlogModel class,裡面很簡單只有4...

2021-09-10 ‧ 由 StrayaWorker 分享