iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Modern Web

今晚,我想來點Blazor 系列

Blazor是.NET宇宙的SPA開發框架,讓.NET開發人員,可以用自己熟悉的C#、Razor來開發SPA應用程式。預計在這30天,用力學習、紀錄,打造出一個Spa App !

鐵人鍊成 | 共 30 篇文章 | 32 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day 1:前言

參賽動機 嗨大家好,我是Circle,是個.Net工程師,這是我第一次參加鐵人賽,按照慣例第一篇先來說說原因。原因其實也滿簡單的,大概有下面2點: 這幾年寫程...

2020-09-15 ‧ 由 CircleLin 分享
DAY 2

Day 2:Blazor 簡介

Browser + Razor = Blazor 是的,Blazor就是由Browser和Razor兩個字合起來的,但其實沒有甚麼特別的意思。 Blazor主要...

2020-09-16 ‧ 由 CircleLin 分享
DAY 3

Day 3:安裝

要開始進行Blazor開發之前,我們先來了解Blazor安裝的過程。 1. 安裝.NET Core SDK 一開始先安裝.NET Core 3.1的SDK,可以...

2020-09-17 ‧ 由 CircleLin 分享
DAY 4

Day 4:Hosting models

上一篇我們在建立Blazor專案時,看到有兩種Blazor專案可以選擇,分別是Blazor Server與Blazor WebAssembly,今天這篇我們要來...

2020-09-18 ‧ 由 CircleLin 分享
DAY 5

Day 5:專案結構

這一篇我們來看看Blazor Server與Blazor WebAssembly在剛建立完成後的專案結構 對照一下 其實這兩種專案類型,相似度大約 87%,我...

2020-09-19 ‧ 由 CircleLin 分享
DAY 6

Day 6:Debugging Blazor

偵錯是我們一般在開發時常見的行為,在開發Blazor時,我們一樣可以下中斷點,觀察變數、物件的狀態,用F8、F10逐行確認程式碼執行的狀況,但根據hosting...

2020-09-20 ‧ 由 CircleLin 分享
DAY 7

Day 7:Layout

有一些網頁元素,例如企業Logo、,選單、聯絡方式等等,因為每一頁都會用到,所以將來如果有更動,例如更換logo,需要到每個頁面做更換,不是很有效率,如果這些元...

2020-09-21 ‧ 由 CircleLin 分享
DAY 8

Day 8:Routing

當我們在新增一個頁面時,可以設定這個頁面的路由,例如打開剛建立好的Blazor專案,開啟Page/Counter.razor,可以在第一行看到@page &qu...

2020-09-22 ‧ 由 CircleLin 分享
DAY 9

Day 9:Dependency Injection

Dependency Injection(以下簡稱DI)相依性注入,是一種Design Pattern,DI帶來的好處多多,除了能減少耦合,增加元件的可用性,也...

2020-09-23 ‧ 由 CircleLin 分享
DAY 10

Day 10:Component

Component簡介 如同其他的前端框架一樣,Blazor也有Component可以使用,這一篇我們來認識Blazor的Component吧! Compone...

2020-09-24 ‧ 由 CircleLin 分享