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

0 Like 0 留言 3492 瀏覽

鐵人賽 Modern Web DAY 24

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

技術【從實作學習ASP.NET Core】Day24 | 前台 | Session 購物車 (2)

接續昨天的內容，今天要配合 SessionHelper 來完成購物車的主要功能需要完成購物車的模型、控制器和視圖購物車模型因為購物車資料只會存在在網站上，...

Yeh ‧ 2021-10-06

1 Like 0 留言 4120 瀏覽

鐵人賽 Modern Web DAY 23

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

技術【從實作學習ASP.NET Core】Day23 | 前台 | Session 購物車 (1)

接下來要來做購物網站比較核心的內容了，從購物車到付款結帳內容比較多也比較連貫，這邊應該會多分幾天出來寫。今天會先完成 Session 購物車的前置作業。購物...

Yeh ‧ 2021-10-05

0 Like 0 留言 2251 瀏覽

鐵人賽 Modern Web DAY 22

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

技術【從實作學習ASP.NET Core】Day22 | 前台 | 商品留言板

拍賣網站通常會設有 Q&A 留言板，方便買家跟店家交流，像是問有沒有現貨之類的。今天就試著做出類似的東西，建立一個簡易的商品留言板吧！建立留言模型...

Yeh ‧ 2021-10-04

0 Like 0 留言 3219 瀏覽

鐵人賽 Modern Web DAY 21

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

技術【從實作學習ASP.NET Core】Day21 | 前台 | 用檢視元件建立選單

今天要進一步完成商店頁面，會用到 ViewComponent 來完成類別選單 ViewComponent 檢視元件 ViewComponent 是 ASP.N...

Yeh ‧ 2021-10-03

0 Like 0 留言 2126 瀏覽

鐵人賽 Modern Web DAY 20

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

技術【從實作學習ASP.NET Core】Day20 | 前台 | 建立前台頁面

今天要完成商店的主要頁面，基本上都是前端的工作，就是讓網頁看起來比較像樣啦但因為這方面我自己也不是專業，所以簡單帶過就好xD 導覽列 Logo 要開商店總要有...

Yeh ‧ 2021-10-02

0 Like 0 留言 2106 瀏覽

鐵人賽 Modern Web DAY 19

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

技術【從實作學習ASP.NET Core】Day19 | 前台 | 建立前台專案

我們把前台和後台分成兩個不同的專案來處理，透過連接到同一個資料庫來建立關係。而今天就來處理前台的部分，首先要把專案的基底打好，之後才好辦事。建立專案我們把...

Yeh ‧ 2021-10-01

0 Like 0 留言 1891 瀏覽

鐵人賽 Modern Web DAY 18

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

技術【從實作學習ASP.NET Core】Day18 | 後台 | 會員的 CRUD 頁面

今天接續昨天的內容，把會員管理頁面做一個收尾使用者列表這邊可以用 ViewModel 來呈現使用者列表 public class OnlineShopUs...

Yeh ‧ 2021-09-30

0 Like 0 留言 752 瀏覽

鐵人賽自我挑戰組 DAY 30

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

技術 Day30 - 輕前端綜合範例

Case01 這個範例綜合了之前提到所有的部份 ! 就是把項目的 CRUD 都放在同一個頁面 ! Controller View Case01 _...

水無痕 ‧ 2021-09-30

0 Like 1 留言 2205 瀏覽

鐵人賽 Modern Web DAY 17

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

技術【從實作學習ASP.NET Core】Day17 | 後台 | 角色的 CRUD 頁面

昨天在處理角色的時候已經把新增的頁面處理好了今天就用之前的方法把角色的其他頁面也建立起來吧！宣告 UserManager & RoleManager...

Yeh ‧ 2021-09-29

0 Like 0 留言 2013 瀏覽

鐵人賽自我挑戰組 DAY 29

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

技術 Day29 - 輕前端 Component - jQuery UI Dialog

這個範例實作：在 Dialog 內放入表單，確認 submit 後，才關閉 Dialog。 Case01 Controller 與 Day18 一樣，不需要...

水無痕 ‧ 2021-09-29

0 Like 0 留言 1394 瀏覽

鐵人賽 Modern Web DAY 16

30天的asp.net core實習生活-從入門到進階技巧系列第 16 篇

技術 D-16 中介軟體 ? middleware

自定義中介軟體昨天小光認識了路由，所以很好奇為什麼可以做到這樣的功能，然後又回想老K說明的請求流水線這時發現了Custom Middlewares這個東西，所...

kirai ‧ 2021-09-29

0 Like 1 留言 3751 瀏覽

鐵人賽 Modern Web DAY 16

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

技術【從實作學習ASP.NET Core】Day16 | 後台 | 會員的角色

建立起了會員系統，還需要更進一步幫會員加入角色設定畢竟後台的操作如果被一般人隨便進入是會引發嚴重的資安問題的今天就要加入幫會員加入角色，分隔出管理員和一般使用者...

Yeh ‧ 2021-09-28

0 Like 0 留言 1206 瀏覽

鐵人賽自我挑戰組 DAY 28

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

技術 Day28 - 輕前端 Component - 多個 jQuery UI Selectmenu 連動

這篇套用並調整 Day26 的 jQuery UI Selectmenu Vue Component 來產生三個 jQuery UI Selecemenu 下拉...

水無痕 ‧ 2021-09-28

0 Like 0 留言 1512 瀏覽

鐵人賽 Modern Web DAY 15

30天的asp.net core實習生活-從入門到進階技巧系列第 15 篇

技術 D-17 路由 ? Routing

路由的介紹在歷經昨天網頁程式的基礎知識的介紹之後，今天小光終於要開始進入網頁程式的開發了，所以今天小光會學到甚麼東西呢。本文同步放置於此路由 Routin...

kirai ‧ 2021-09-28

0 Like 0 留言 3035 瀏覽

鐵人賽 Modern Web DAY 15

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

技術【從實作學習ASP.NET Core】Day15 | 後台 | 自定義使用者欄位

延續昨天的會員功能，預設會員資訊欄位只有 Email 和 Password，今天要加上一些欄位讓會員資料更完整自定義使用者打開 Areas/Identit...

Yeh ‧ 2021-09-27

0 Like 0 留言 1771 瀏覽

鐵人賽自我挑戰組 DAY 27

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

技術 Day27 - 輕前端 Component - jQuery UI DatePicker

這篇要做的：把訂單日期改用 jQuery UI DatePicker + vue component ! Case01 建立 jquery-ui-date-p...

水無痕 ‧ 2021-09-27

2 Like 0 留言 2087 瀏覽

鐵人賽 Modern Web DAY 14

30天的asp.net core實習生活-從入門到進階技巧系列第 14 篇

技術 D-18 生命週期 ? request pipeline ? di lifecycle

網頁程式的基礎知識昨天小光從K大那邊學到了如何生成一個網頁程式專案，並且瞭解了網頁程式的類型，還有網頁程式初始的資料夾結構和初始的兩個檔案的內容，然而在進入開...

kirai ‧ 2021-09-27

0 Like 2 留言 3225 瀏覽

鐵人賽 Modern Web DAY 14

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

技術【從實作學習ASP.NET Core】Day14 | 後台 | 用 Identity 實作會員功能

今天要用 .NET Core 自帶的使用者管理套件 Identity 來實現網站的會員功能 ASP.NET Core Identity ASP.NET Co...

Yeh ‧ 2021-09-26

0 Like 0 留言 922 瀏覽

鐵人賽自我挑戰組 DAY 26

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

技術 Day26 - 輕前端 Component - jQuery UI Selectmenu

這個範例把上個範例的 jQuery UI Selectmenu 放到 vue component 內就可以做到關注點分離 ! Case01 建立 jquer...

水無痕 ‧ 2021-09-26

0 Like 0 留言 1157 瀏覽

鐵人賽 Modern Web DAY 13

30天的asp.net core實習生活-從入門到進階技巧系列第 13 篇

技術 D-19 網頁站台 ? webapp ? mvc ? webapi

網頁站台初體驗在昨日最後大頭跟小光說c#的介紹告一段落了，所以今天開始會進入網頁站台相關知識的介紹，所以今天小光會學習到甚麼東西呢。本文同步放置於此網頁站...

kirai ‧ 2021-09-26

0 Like 0 留言 1722 瀏覽

鐵人賽自我挑戰組 DAY 11

C# 與 .Net Core 雜記系列第 11 篇

技術 ASP.NET Core MVC

什麼是 MVC 分別是 Model, View, Controller, 是一種軟體架構, View 負責使用者畫面如何呈現, Controller 接收使用者...

pigbrother ‧ 2021-09-25

0 Like 0 留言 2463 瀏覽

鐵人賽 Modern Web DAY 13

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

技術【從實作學習ASP.NET Core】Day13 | 後台 | 編輯與刪除

昨天剛打完疫苗，沒想到晚上所有症狀通通都來了，整個人爛得跟什麼一樣，有夠慘今天就把簡單的部分貼一貼，如果要補充之後再說 Edit 編輯頁面就是結合 Crea...

Yeh ‧ 2021-09-25

0 Like 0 留言 808 瀏覽

鐵人賽自我挑戰組 DAY 25

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

技術 Day25 - 加上 jQuery UI Selectmenu

這一篇來把上一篇範例訂單項目的名稱改為下拉選單的項目下拉選單要使用套件 jQuery UI Selectmenu Case01 ViewModel 把...

水無痕 ‧ 2021-09-25

0 Like 1 留言 4187 瀏覽

鐵人賽 Modern Web DAY 12

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

技術【從實作學習ASP.NET Core】Day12 | 後台 | 資料篩選與分頁

前面我們已經完成了 Create 和 Details ，今天就來實作 List 頁面 List 頁面顯示前端頁面我們隨便挑幾項出來排版，讓庫存大於 0...

Yeh ‧ 2021-09-24

0 Like 0 留言 473 瀏覽

鐵人賽自我挑戰組 DAY 24

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

技術 Day24 - 抽取 js 共用元件

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

水無痕 ‧ 2021-09-24

0 Like 0 留言 3612 瀏覽

鐵人賽 Modern Web DAY 11

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

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

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

Yeh ‧ 2021-09-23

0 Like 0 留言 758 瀏覽

鐵人賽自我挑戰組 DAY 23

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

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

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

水無痕 ‧ 2021-09-23

1 Like 1 留言 6573 瀏覽

鐵人賽 Modern Web DAY 10

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

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

CKEditor 官方網站：CKEditor 5 | Powerful Framework with Modular ArchitectureCKEdito...

Yeh ‧ 2021-09-22

0 Like 0 留言 744 瀏覽

鐵人賽自我挑戰組 DAY 22

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

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

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

水無痕 ‧ 2021-09-22

0 Like 3 留言 7292 瀏覽

鐵人賽 Modern Web DAY 9

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

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

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

Yeh ‧ 2021-09-21

技術 【從實作學習ASP.NET Core】Day24 | 前台 | Session 購物車 (2)

技術 【從實作學習ASP.NET Core】Day23 | 前台 | Session 購物車 (1)

技術 【從實作學習ASP.NET Core】Day22 | 前台 | 商品留言板

技術 【從實作學習ASP.NET Core】Day21 | 前台 | 用檢視元件建立選單

技術 【從實作學習ASP.NET Core】Day20 | 前台 | 建立前台頁面

技術 【從實作學習ASP.NET Core】Day19 | 前台 | 建立前台專案

技術 【從實作學習ASP.NET Core】Day18 | 後台 | 會員的 CRUD 頁面

技術 Day30 - 輕前端 綜合範例

技術 【從實作學習ASP.NET Core】Day17 | 後台 | 角色的 CRUD 頁面