iT邦幫忙

asp.net core相關文章
共有 337 則文章
鐵人賽 自我挑戰組 DAY 24

技術 Day24 - 抽取 js 共用元件

Case01 與 Day23 範例的差異,就是把 js fetch 的語法 extract 成 function CustomFetch.js 除了把原本的...

鐵人賽 Modern Web DAY 11

技術 【從實作學習ASP.NET Core】Day11 | 後台 | 詳細資料與 ViewModel

今天要來實作 Details 詳細資料頁面 ViewModel ViewModel 是拿來對 MVC 一個 View 只能對應一個 Model 的概念 所做出...

鐵人賽 自我挑戰組 DAY 23

技術 Day23 - Day17 改為輕前端範例

Case01 與 Day17 範例的差異,除了從 Razor Tag Helper 改為 輕前端外,主要還有以下的部份 Controller 刪除 Act...

鐵人賽 Modern Web DAY 10

技術 【從實作學習ASP.NET Core】Day10 | 後台 | 文字編輯器 CKEditor

CKEditor 官方網站:CKEditor 5 | Powerful Framework with Modular Architecture CKEdit...

鐵人賽 自我挑戰組 DAY 22

技術 Day22 - Ajax 加上 Antiforgery Token (二)

Case01 與 Day21 重點差異的部份: Controller 內 Action: 加上 ValidateAntiForgeryToken Attri...

鐵人賽 Modern Web DAY 9

技術 【從實作學習ASP.NET Core】Day09 | 後台 | 圖片上傳與預覽

接續昨天的 Create 頁面,今天要完成圖片上傳和預覽的功能 圖片上傳到資料庫的方法據我所知有兩種方法: 如果你的圖片儲存在磁碟上,或是存在網路空間,可以...

鐵人賽 自我挑戰組 DAY 21

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

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

鐵人賽 Modern Web DAY 8

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

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

鐵人賽 自我挑戰組 DAY 20

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

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

鐵人賽 Modern Web DAY 7

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

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

鐵人賽 自我挑戰組 DAY 19

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

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

鐵人賽 Modern Web DAY 6

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

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

鐵人賽 自我挑戰組 DAY 18

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

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

鐵人賽 Modern Web DAY 5

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

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

鐵人賽 自我挑戰組 DAY 17

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

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

鐵人賽 Modern Web DAY 4

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

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

鐵人賽 自我挑戰組 DAY 16

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

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

鐵人賽 DevOps DAY 16

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

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

鐵人賽 Modern Web DAY 3

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

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

鐵人賽 自我挑戰組 DAY 15

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

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

鐵人賽 Modern Web DAY 2

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

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

鐵人賽 自我挑戰組 DAY 14

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

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

鐵人賽 Modern Web DAY 1

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

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

鐵人賽 自我挑戰組 DAY 13

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

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

鐵人賽 自我挑戰組 DAY 12

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

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

鐵人賽 自我挑戰組 DAY 11

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

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

鐵人賽 自我挑戰組 DAY 10

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

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

鐵人賽 Modern Web DAY 9

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

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

鐵人賽 自我挑戰組 DAY 9

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

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

鐵人賽 Modern Web DAY 8

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

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