iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Software Development

.NET Core與React組合開發技 系列

前端三刀流(Angular , React , Vue)
在現今時代已是不可缺少的基本配備
而每套框架都有其深度
都要全全掌握
說實在十分困難也要花很多時間
每套前端框架搭配的後端選擇又都不同
此次就暫時以.net core web api來搭配React
做開發經驗分享

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

.NET Core與React組合開發技_第11天_React整併axios呼叫api

接著我們開始要來整併前後端了從前端React要去call 後端C#寫好的API 開啟cmd移動至此目錄下做React call api套件的npm下載(有pac...

2022-09-22 ‧ 由 Samuel 分享
DAY 12

.NET Core與React組合開發技_第12天_CORS同源政策修正

在上一篇會發現跑出來沒有存取成功開啟console會觀察到有出現違反同源政策的error訊息Access to XMLHttpRequest at 'https...

2022-09-23 ‧ 由 Samuel 分享
DAY 13

.NET Core與React組合開發技_第13天_序列化

序列化(Serialisation or Serialization):獲取物件並將其轉換為字符串,以便可藉由網路來達到資料交換。 反序列化(Deserial...

2022-09-24 ‧ 由 Samuel 分享
DAY 14

.NET Core與React組合開發技_第14天_新增產品詳細資訊api

在專案中可再去針對~\Controllers\ProductController.cs增添用於獲取Product Detail 的 action新增一個Prod...

2022-09-25 ‧ 由 Samuel 分享
DAY 15

.NET Core與React組合開發技_第15天_Component LifeCycle & Hook

終於來到挑戰的1/2了 這次要來稍微說明下React hook跟元件生命週期https://projects.wojtekmaj.pl/react-lifecy...

2022-09-26 ‧ 由 Samuel 分享
DAY 16

.NET Core與React組合開發技_第16天_React整併axios呼叫api獲取產品詳細頁

在此微調我們的ProductController 將ProductDetailsModel多增加一個Price屬性更改Details Action要返回的資料M...

2022-09-27 ‧ 由 Samuel 分享
DAY 17

.NET Core與React組合開發技_第17天_重構_從controller抽離業務邏輯

這邊可將DTO Model類別都移動至新增的Models目錄(自行額外新建)用於將程式分門別類~\Models\ProductModel.cs namespac...

2022-09-28 ‧ 由 Samuel 分享
DAY 18

.NET Core與React組合開發技_第18天_EF Core模型觀念及配置

到了要將產品詳細資訊存儲在DB中的階段了 基本上我們在當今開發潮流已經習慣使用ORM相關不用自行寫SQL的Data Access框架了ORM(Object-R...

2022-09-29 ‧ 由 Samuel 分享
DAY 19

.NET Core與React組合開發技_第19天_進行DB Migration

本篇要繼續執行DB移轉作業(DB Migration)在EFCore Code First開發模式中 要使用cli做migration的話要先安裝好nuget套...

2022-09-30 ‧ 由 Samuel 分享
DAY 20

.NET Core與React組合開發技_第20天_Dependency Injection觀念

依賴注入(Dependency Injection) 在asp.net core DI框架 提供了一種在一個地方設置各種類等的方法,然後在應用中任何地方使用它們...

2022-10-01 ‧ 由 Samuel 分享