iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 672 瀏覽

鐵人賽自我挑戰組 DAY 21

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

技術 Day21 - 輕前端 Vue - 動態新增/刪除 Collection 項目(四)

Case01 與 Day20 重點差異的部份： Controller 內 Action： [HttpGet] public IActionResult Ca...

水無痕 ‧ 2021-09-21

0 Like 1 留言 5568 瀏覽

鐵人賽 Modern Web DAY 8

從實作學習ASP.NET Core - 30天的購物網站系列第 8 篇

技術【從實作學習ASP.NET Core】Day08 | 後台 | 新增商品類別

今天來處理昨天建立的 Category 商品類別模型假如說商店有機會擴大經營的話，那商品類別勢必會有所增減，所以我們不想把它寫死，而是讓管理者可以動態管理商品類...

Yeh ‧ 2021-09-20

0 Like 0 留言 838 瀏覽

鐵人賽自我挑戰組 DAY 20

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

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

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

水無痕 ‧ 2021-09-20

0 Like 0 留言 5264 瀏覽

鐵人賽 Modern Web DAY 7

從實作學習ASP.NET Core - 30天的購物網站系列第 7 篇

技術【從實作學習ASP.NET Core】Day07 | 後台 | 複雜的商品模型

前面花了點時間介紹了 MVC，今天終於要進入正題啦！我會以一個電玩專賣店的購物網站為主題，並且從後台的管理系統開始做起，內容大概會包含有商品、訂單和會員功能，大...

Yeh ‧ 2021-09-19

0 Like 0 留言 980 瀏覽

鐵人賽自我挑戰組 DAY 19

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

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

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

水無痕 ‧ 2021-09-19

0 Like 0 留言 6966 瀏覽

鐵人賽 Modern Web DAY 6

從實作學習ASP.NET Core - 30天的購物網站系列第 6 篇

技術【從實作學習ASP.NET Core】Day06 | 看懂 CRUD 的 Actions

今天我們要來搞懂昨天用 Scaffold 建立出來的 CRUD 到底在做些什麼事但在看程式碼前我們需要先搞懂兩個觀念 Model 與資料庫的溝通管道： Ent...

Yeh ‧ 2021-09-18

0 Like 0 留言 2306 瀏覽

鐵人賽自我挑戰組 DAY 18

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

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

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

水無痕 ‧ 2021-09-18

0 Like 1 留言 5550 瀏覽

鐵人賽 Modern Web DAY 5

從實作學習ASP.NET Core - 30天的購物網站系列第 5 篇

技術【從實作學習ASP.NET Core】Day05 | Model 模型

今天我們要讓程式加上 Model 來串接資料庫，讓 Controller 向 Model 取得商品的資料後，傳送給View並顯示出來，這邊會比較複雜一點，需要...

Yeh ‧ 2021-09-17

0 Like 0 留言 863 瀏覽

鐵人賽自我挑戰組 DAY 17

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

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

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

水無痕 ‧ 2021-09-17

0 Like 0 留言 4658 瀏覽

鐵人賽 Modern Web DAY 4

從實作學習ASP.NET Core - 30天的購物網站系列第 4 篇

技術【從實作學習ASP.NET Core】Day04 | View 視圖

昨天成功建立了 Controller 也得到了回傳值，但它終究只是字串，所以今天要讓他正式傳入網頁呈現給使用者，這時候就需要讓 View 來幫忙顯示排版了！...

Yeh ‧ 2021-09-16

0 Like 0 留言 2123 瀏覽

鐵人賽自我挑戰組 DAY 16

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

技術 Day16 - Ajax 加上 Antiforgery Token (一)

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

水無痕 ‧ 2021-09-16

0 Like 0 留言 1684 瀏覽

鐵人賽 DevOps DAY 16

不僅是程式碼代管平台 - Github 能做些什麼? 系列第 16 篇

技術 GitHub Action 實作持續交付 - 部署至 Azure App Service

可以 ASP.NET Core 網站部署的環境相當多，包含 IIS, Nginx, App service(Azure), Elastic Beanstalk(...

Duran Hsieh ‧ 2021-09-16

1 Like 0 留言 5122 瀏覽

鐵人賽 Modern Web DAY 3

從實作學習ASP.NET Core - 30天的購物網站系列第 3 篇

技術【從實作學習ASP.NET Core】Day03 | Controller 控制器

今天我們就來實作看看 Controller 控制器吧！這篇可以搭配官方說明文件食用：Part 2, add a controller to an ASP.N...

Yeh ‧ 2021-09-15

0 Like 0 留言 595 瀏覽

鐵人賽自我挑戰組 DAY 15

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

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

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

水無痕 ‧ 2021-09-15

1 Like 0 留言 5398 瀏覽

鐵人賽 Modern Web DAY 2

從實作學習ASP.NET Core - 30天的購物網站系列第 2 篇

技術【從實作學習ASP.NET Core】Day02 | MVC 的架構

MVC架構 MVC是軟體工程中的一種軟體架構模式，是基於關注點分離（seperation of concerns, SOC)的概念，把軟體系統分為三個基本部分...

Yeh ‧ 2021-09-14

0 Like 0 留言 703 瀏覽

鐵人賽自我挑戰組 DAY 14

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

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

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

水無痕 ‧ 2021-09-14

2 Like 1 留言 6452 瀏覽

鐵人賽 Modern Web DAY 1

從實作學習ASP.NET Core - 30天的購物網站系列第 1 篇

技術【從實作學習ASP.NET Core】Day01 | 前言與建立專案

前言雖然現在市面上已經有很多工具可以幫你快速成立電商，但購物網站依然是後端練功的好去處。所以這次要挑戰在30天內從零開始用ASP.NET Core的MVC架構...

Yeh ‧ 2021-09-13

0 Like 0 留言 719 瀏覽

鐵人賽自我挑戰組 DAY 13

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

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

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

水無痕 ‧ 2021-09-13

0 Like 0 留言 496 瀏覽

鐵人賽自我挑戰組 DAY 12

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

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

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

水無痕 ‧ 2021-09-12

0 Like 0 留言 787 瀏覽

鐵人賽自我挑戰組 DAY 11

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

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

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

水無痕 ‧ 2021-09-11

0 Like 0 留言 802 瀏覽

鐵人賽自我挑戰組 DAY 10

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

技術 Day10 - 套用 Tag Helper - 複雜型別 object

這篇開始使用 Tag Helper 來 Render 出需要的 Html 控制項 name，方便在 Submit Form 時，將資料拋回後端 ! 我個人比較喜...

水無痕 ‧ 2021-09-10

0 Like 0 留言 4210 瀏覽

鐵人賽 Modern Web DAY 9

網站一條龍 - 從架站到前端系列第 9 篇

技術 [Day09] 從 appsettings.json 取得設定

昨天我們新增了一個 UserServiceWithFile 操作本地端檔案來管理使用者資料，而檔案的路徑是寫死在程式碼裡面的。這種寫死的設定有幾個缺點：不容...

goattl ‧ 2021-09-09

0 Like 0 留言 828 瀏覽

鐵人賽自我挑戰組 DAY 9

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

技術 Day09 - 套用 Html Helper - 複雜型別 object + object collection

Case01 跟 Day06、Day08 範例差不多，重點差異如下： Controller 於 Get 時，就給定 object colletion 的數量...

水無痕 ‧ 2021-09-09

1 Like 1 留言 2052 瀏覽

鐵人賽 Modern Web DAY 8

網站一條龍 - 從架站到前端系列第 8 篇

技術 [Day08] Dependency Injection Part2 - 依賴介面

依賴介面而不是特定的 Service 昨天我們介紹了怎麼在 .NET Web API 的專案裡實現依賴注入，但是昨天我們注入的是一個指定的 Service。這樣...

goattl ‧ 2021-09-08

0 Like 0 留言 894 瀏覽

鐵人賽自我挑戰組 DAY 8

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

技術 Day08 - 套用 Html Helper - 複雜型別 object + collection

Case01 跟 Day05 範例差不多，差異如下： Controller 於 Get 時，先寫死固定 3 個 Items ! [HttpGet] publ...

水無痕 ‧ 2021-09-08

1 Like 0 留言 2904 瀏覽

鐵人賽 Modern Web DAY 7

網站一條龍 - 從架站到前端系列第 7 篇

技術 [Day07] Service 與 Dependency Injection （依賴注入）

什麼是依賴注入在說明什麼是 Dependency Injection（DI, 依賴注入）前，要先來介紹一下什麼是「依賴」。依賴簡單的說就是當前這段程式（cla...

goattl ‧ 2021-09-07

0 Like 0 留言 692 瀏覽

鐵人賽自我挑戰組 DAY 7

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

技術 Day07 - 套用 Html Helper - 複雜型別 object

這篇開始使用 Html Helper 來 Render 出需要的 Html 控制項 name，方便在 Submit Form 時，將資料拋回後端 ! 為求簡單驗...

水無痕 ‧ 2021-09-07

0 Like 0 留言 1741 瀏覽

鐵人賽 Modern Web DAY 6

網站一條龍 - 從架站到前端系列第 6 篇

技術 [Day06] 用 .NET 實做簡單的 RESTful API

HTTP request上次我們建立了一個直接能跑的專案，但是它只有一個回傳隨機天氣的 API 接口：WeatherForecastController 的 G...

goattl ‧ 2021-09-06

0 Like 0 留言 978 瀏覽

鐵人賽自我挑戰組 DAY 6

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

技術 Day06 - 純 Html 複雜型別 - object + object collection

結合已提到的 object 及 collection 在 Model Binding 的格式說明很接近多數人在工作中常碰到的挑戰以資料表結構來看，就是一主表對多...

水無痕 ‧ 2021-09-06

0 Like 0 留言 1138 瀏覽

鐵人賽自我挑戰組 DAY 5

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

技術 Day05 - 純 Html - 複雜型別 object + collection

object + collection 指的是 object 裡面的某 Property 的資料型態為 collection 今天 ViewModel 都使用相...

水無痕 ‧ 2021-09-05

技術 Day21 - 輕前端 Vue - 動態 新增/刪除 Collection 項目(四)

技術 【從實作學習ASP.NET Core】Day08 | 後台 | 新增商品類別