iT邦幫忙

鐵人檔案

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

Asp.Net Core 從 Post FormData 走到 輕前端 Vue 系列

1. html submit form 看 request body 內容
2. Asp.Net Core 預設對 request body 做 model binding 的格式,包含複雜型別 !
3. 走向 輕前端 Vue

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

Day11 - 套用 Tag Helper - 複雜型別 object + collection

本篇 Controller、ViewModel 跟 Day08 範例差不多 依照 View 的差異,拆成不同 Case 來看 ! Case01 Contr...

2021-09-11 ‧ 由 水無痕 分享
DAY 12

Day12 - 套用 Tag Helper - 複雜型別 object + object collection

接下來開始著重使用 Tag Helper 在 Html 長出需要的 Html 控制項 name ! 本篇 Controller、ViewModel 跟 Day0...

2021-09-12 ‧ 由 水無痕 分享
DAY 13

Day13 - 動態 新增/刪除 Collection 項目(一)

延續上一篇的 ViewModel 結構 現在假設使用者提出要動態 新增/刪除 Collection 項目的需求 就可能碰到的問題拆成多個 Case 來看 另外,...

2021-09-13 ‧ 由 水無痕 分享
DAY 14

Day14 - 動態 新增/刪除 Collection 項目(二) - Html Helper

這篇調整的方向是 透過 Partial View 來 Render Collection 項目 透過 ajax 來取回 新增 所需的 html Case0...

2021-09-14 ‧ 由 水無痕 分享
DAY 15

Day15 - 動態 新增/刪除 Collection 項目(三) - Tag Helper

這篇調整的方向只是把上一篇的 Html Helper 改為 Tag Helper 而已 ! Case01 Controller 內的 Action 與上一篇相...

2021-09-15 ‧ 由 水無痕 分享
DAY 16

Day16 - Ajax 加上 Antiforgery Token (一)

這篇內容延續上一篇的部份,來加上 Antiforgery Token 的給定及驗証 ! Case01 在 Action AddOrderItem() 的部份,...

2021-09-16 ‧ 由 水無痕 分享
DAY 17

Day17 - 進入輕前端 Vue 前的範例

這篇主要整合以下幾點來實作 Tag Helper 動態 新增/刪除 訂單項目 後端加上計算功能 方便之後與輕前端 Vue 的版本做個比較 ! Case01...

2021-09-17 ‧ 由 水無痕 分享
DAY 18

Day18 - 輕前端 Vue - 複雜型別 object

先說明一下 我用輕前端 Vue 的目的,不是把整個網站都改用輕前端,而是為了把複雜的 js 取值、給值的邏輯交由 Vue Model Binding 的機制處理...

2021-09-18 ‧ 由 水無痕 分享
DAY 19

Day19 - 輕前端 Vue - 複雜型別 object + collection

Case01 View: 內容跟 Day08 / Day11 差不多,主要是 js 多了 ajax 的處理 ! OrderDate 欄位的部份,我選擇在...

2021-09-19 ‧ 由 水無痕 分享
DAY 20

Day20 - 輕前端 Vue - 複雜型別 object + object collection

Case01 View 內容如下: 內容跟 Day09 / Day12 差不多,主要是 js 多了 ajax 的處理 ! <div id="...

2021-09-20 ‧ 由 水無痕 分享