Tags

I don’t know where I am going, but I am on my way......
React

2025 OEM 網站開發筆記 [1] - 📌 Tech Stack --

記錄一下專案使用到的技術,會隨著專案進行時更新


Typescript Path Alias 設定及錯誤解決 --


Django + React 電商專案練習 [10] - 後台實作 - 訂單管理(CRUD) --


2025 OEM 網站開發筆記 [2] - 用 Dummy Data 熟悉前端開發 Workflow --

React + Vite + TypeScript + Tailwind CSS + TanStack Query + Django + MySQL


Django + React 電商專案練習 [1] - react-redux 觀念筆記 --

管理state的好工具


Django + React 電商專案練習 [11] - 後台實作 - 訂單運送狀態更新 --


Django + React 電商專案練習 [12] - 搜尋產品功能 --


Django + React 電商專案練習 [13] - 產品評論功能(含星數計算) --


Django + React 電商專案練習 [14] - 分頁功能 --


Django + React 電商專案練習 [15] - 產品輪播圖 --

輪播顯示高評價的產品


Django + React 電商專案練習 [16] - 整合前端(React)與後端(Django) --

不再需要特地去前端執行 npm run start


Django + React 電商專案練習 [17] - Hash Route --


Django + React 電商專案練習 [19] - 用戶頭貼更換/上傳功能 --


Django + React 電商專案練習 [2] - Postman 後端 API 測試 --


Django + React 電商專案練習 [3] - React 整合 PayPal 付款元件 --


Django + React 電商專案練習 [4] - 用戶歷史訂單頁面 --


Django + React 電商專案練習 [5] - 用戶更新個資功能 --

User Update Profile


Django + React 電商專案練習 [7] - 後台實作 - 後台管理員頁面權限與路由規劃 --

非管理員使用者重新導向至登入頁面,不必在每個頁面都額外撰寫檢查權限的作法


Django + React 電商專案練習 [8] - 後台實作 - 產品管理(CRUD) --


Django + React 電商專案練習 [9] - 後台實作 - 上傳&更新產品圖片功能 --


Django + React 電商專案練習 [6] - 後台實作 - 用戶管理(CRUD) --


Django

2025 OEM 網站開發筆記 [1] - 📌 Tech Stack --

記錄一下專案使用到的技術,會隨著專案進行時更新


Django + React 電商專案練習 [10] - 後台實作 - 訂單管理(CRUD) --


2025 OEM 網站開發筆記 [2] - 用 Dummy Data 熟悉前端開發 Workflow --

React + Vite + TypeScript + Tailwind CSS + TanStack Query + Django + MySQL


Django + React 電商專案練習 [1] - react-redux 觀念筆記 --

管理state的好工具


Django + React 電商專案練習 [11] - 後台實作 - 訂單運送狀態更新 --


Django + React 電商專案練習 [12] - 搜尋產品功能 --


Django + React 電商專案練習 [13] - 產品評論功能(含星數計算) --


Django + React 電商專案練習 [14] - 分頁功能 --


Django + React 電商專案練習 [15] - 產品輪播圖 --

輪播顯示高評價的產品


Django + React 電商專案練習 [16] - 整合前端(React)與後端(Django) --

不再需要特地去前端執行 npm run start


Django + React 電商專案練習 [17] - Hash Route --


Django + React 電商專案練習 [18] - 透過 Nginx 部署 Django 至私有主機(No PaaS) --

讓 Nginx 透過 uWSGI 代理 Django,也不用受第三方平台的任何流量及檔案限制


Django + React 電商專案練習 [19] - 用戶頭貼更換/上傳功能 --


Django + React 電商專案練習 [2] - Postman 後端 API 測試 --


Django + React 電商專案練習 [3] - React 整合 PayPal 付款元件 --


Django + React 電商專案練習 [4] - 用戶歷史訂單頁面 --


Django + React 電商專案練習 [5] - 用戶更新個資功能 --

User Update Profile


Django + React 電商專案練習 [7] - 後台實作 - 後台管理員頁面權限與路由規劃 --

非管理員使用者重新導向至登入頁面,不必在每個頁面都額外撰寫檢查權限的作法


Django + React 電商專案練習 [8] - 後台實作 - 產品管理(CRUD) --


Django + React 電商專案練習 [9] - 後台實作 - 上傳&更新產品圖片功能 --


Django + React 電商專案練習 [6] - 後台實作 - 用戶管理(CRUD) --


Django ORM - Reverse Relationship Query --

Django 反向查詢


Redux

Django + React 電商專案練習 [10] - 後台實作 - 訂單管理(CRUD) --


Django + React 電商專案練習 [1] - react-redux 觀念筆記 --

管理state的好工具


Django + React 電商專案練習 [11] - 後台實作 - 訂單運送狀態更新 --


Django + React 電商專案練習 [12] - 搜尋產品功能 --


Django + React 電商專案練習 [13] - 產品評論功能(含星數計算) --


Django + React 電商專案練習 [14] - 分頁功能 --


Django + React 電商專案練習 [15] - 產品輪播圖 --

輪播顯示高評價的產品


Django + React 電商專案練習 [16] - 整合前端(React)與後端(Django) --

不再需要特地去前端執行 npm run start


Django + React 電商專案練習 [17] - Hash Route --


Django + React 電商專案練習 [19] - 用戶頭貼更換/上傳功能 --


Django + React 電商專案練習 [2] - Postman 後端 API 測試 --


Django + React 電商專案練習 [3] - React 整合 PayPal 付款元件 --


Django + React 電商專案練習 [4] - 用戶歷史訂單頁面 --


Django + React 電商專案練習 [5] - 用戶更新個資功能 --

User Update Profile


Django + React 電商專案練習 [7] - 後台實作 - 後台管理員頁面權限與路由規劃 --

非管理員使用者重新導向至登入頁面,不必在每個頁面都額外撰寫檢查權限的作法


Django + React 電商專案練習 [8] - 後台實作 - 產品管理(CRUD) --


Django + React 電商專案練習 [9] - 後台實作 - 上傳&更新產品圖片功能 --


Django + React 電商專案練習 [6] - 後台實作 - 用戶管理(CRUD) --


Linux

Django + React 電商專案練習 [10] - 後台實作 - 訂單管理(CRUD) --


Django + React 電商專案練習 [1] - react-redux 觀念筆記 --

管理state的好工具


Django + React 電商專案練習 [11] - 後台實作 - 訂單運送狀態更新 --


Django + React 電商專案練習 [12] - 搜尋產品功能 --


Django + React 電商專案練習 [13] - 產品評論功能(含星數計算) --


Django + React 電商專案練習 [14] - 分頁功能 --


Django + React 電商專案練習 [15] - 產品輪播圖 --

輪播顯示高評價的產品


Django + React 電商專案練習 [16] - 整合前端(React)與後端(Django) --

不再需要特地去前端執行 npm run start


Django + React 電商專案練習 [17] - Hash Route --


Django + React 電商專案練習 [18] - 透過 Nginx 部署 Django 至私有主機(No PaaS) --

讓 Nginx 透過 uWSGI 代理 Django,也不用受第三方平台的任何流量及檔案限制


Django + React 電商專案練習 [19] - 用戶頭貼更換/上傳功能 --


Django + React 電商專案練習 [2] - Postman 後端 API 測試 --


Django + React 電商專案練習 [3] - React 整合 PayPal 付款元件 --


Django + React 電商專案練習 [4] - 用戶歷史訂單頁面 --


Django + React 電商專案練習 [7] - 後台實作 - 後台管理員頁面權限與路由規劃 --

非管理員使用者重新導向至登入頁面,不必在每個頁面都額外撰寫檢查權限的作法


Django + React 電商專案練習 [8] - 後台實作 - 產品管理(CRUD) --


Django + React 電商專案練習 [9] - 後台實作 - 上傳&更新產品圖片功能 --


Django + React 電商專案練習 [6] - 後台實作 - 用戶管理(CRUD) --


Hexo 部署至 Nginx 設置 CI/CD 流程 --

除了 GitHub Pages 其實還有第二種選擇


SSH 縮短主機之間的距離 --

在各個主機之間穿梭自如