iT邦幫忙

鐵人檔案

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

今晚,我想來點Blazor 系列

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

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

Day 21:表單

表單在網站中的功能非常重要,舉凡註冊、登入、填寫資料都需要使用表單傳到後端處理。今天我們來看Blazor的表單如何使用。 內建表單元件 在Blazor中有提供表...

2020-10-05 ‧ 由 CircleLin 分享
DAY 22

Day 22:Blazor jwt登入範例(1) -- 製作登入表單

這篇開始要來實作jwt登入的驗證和授權功能,預計分4天來介紹Blazor jwt登入。今天先來做登入表單。首先在建立完Blazor WebAssembly專案後...

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

Day 23:Blazor jwt登入範例(2) -- 了解實作驗證流程

在開始製作jwt token之前,我們先來了解在Blazor WebAssembly中,是怎麼實作Authentication和Authorization的。...

2020-10-07 ‧ 由 CircleLin 分享
DAY 24

Day 24:Blazor jwt登入範例(3) -- 產生jwt token

jwt全名是json web token,是基於開放標準RFC 7519的機制,用來提供身分認證與訊息交換。由於htttp的無狀態特性,server端和clie...

2020-10-08 ‧ 由 CircleLin 分享
DAY 25

Day 25:Blazor jwt登入範例(4) -- 驗證及授權

上一篇可以順利取得jwt token後,這一篇來看Blazor WebAssembly要怎麼進行jwt的驗證。 安裝套件 安裝Microsoft.AspNet...

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

Day 26:Blazor WebAssembly 上傳檔案

在Blazor表單這篇有提到,內建的Input元件只有下列幾個: InputCheckbox InputDate InputNumber InputSelec...

2020-10-10 ‧ 由 CircleLin 分享
DAY 27

Day 27:Blazor x Chart.js

Chart.js是一款open source的圖表製作library,支援多種圖表,包括Pie chart、Bar chart、line chart...等等,...

2020-10-11 ‧ 由 CircleLin 分享
DAY 28

Day 28:元件的單元測試

為什麼要做測試? 今天在外面餐廳吃飯,廚師在出菜前會先試吃看看味道對不對;一台咖啡機,在出廠前也會經過一番測試,確認出水是否有異常? 壓力表測壓準不準,加熱模...

2020-10-12 ‧ 由 CircleLin 分享
DAY 29

Day 29:

昨天練習測試專案預設的元件後,今天要來測試之前所開發的Todolist app來回憶一下Todolist的樣子 這個Todolist我們要測試的情境有以下6個:...

2020-10-13 ‧ 由 CircleLin 分享
DAY 30

Day 30:Deploy To GitHub Pages

在我們辛苦開發完專案後,需要找一個網路空間,把我們的網站佈署上去來提供服務,因此這篇我們將使用Github Pages這個免費的靜態網頁託管服務,來佈署Todo...

2020-10-14 ‧ 由 CircleLin 分享