Keep Flourishing

# 產品管理列表前端頁面 建立一個新的頁面，用來管理產品，包含新增、編輯、刪除、查看產品的功能 import 先前寫好的 listProduct 的 Action 調用 ProductList 的 state，取得所有產品 用 map 迭代遍歷 products 陣列，並顯於產品列表上加上新增、刪除按鈕 // ProductListPage.js import { listProducts } from "../actions/productActions"; ... const Product

# 為何需要額外創建一個元件檢查權限？ 如果多個頁面都需要檢查是否為管理員，最好在路由層面進行控制，避免每個頁面都重複寫檢查邏輯，導致程式碼難以維護。 # 創建高階元件（HOC）檢查權限 先多創建一個高階元件 AdminRoute.js，這個元件會檢查是否為管理員，如果是管理員就顯示該頁面，否則導向首頁。 // ../components/AdminRoute.js const AdminRoute = ({ children }) => { const navigate

# 取得 Admin Token 由於在 user_views.py 中，使用 IsAdminUser 來限制只有 Admin 才能取得 User 資料，所以需要先登入 Admin 帳號，取得 Admin 使用者 Token，才能透過 Postman 取得 User 資料。 @api_view(['GET']) # 取所有 User @permission_classes([IsAdminUser]) # 只有Admin才能 access def getUsers(request): users = User.objects.all() seriali

# 建立 Constants 在 constants 資料夾中建立對應 userConstants.js，並寫好對應的 constants： ..................... export const USER_UPDATE_PROFILE_REQUEST = "USER_UPDATE_PROFILE_REQUEST"; export const USER_UPDATE_PROFILE_SUCCESS = "USER_UPDATE_PROFILE_SUCCESS"; export const USER_UPDATE_PROF

# Django 關聯關係查詢 Django 中的每一中關聯關係都可以是實現反向查詢，我們對三種關係的關聯反向查詢依次進行介紹，其實只要掌握了其中一種，大家就可以領悟反向的查詢是如何進行應用的。 # 範例 以 Order 和 OrderItem 這兩個 Model 為例，OrderItem 有一個 ForeignKey 指向 Order。 # models.py class Order(models.Model): user = models.ForeignKey(User, on_delete=models.SET_NULL, null=True)

# 後端實作 在對應的 views 新增一個 API，取得此用戶的訂單紀錄。 # order_views.py # 取得此用戶的訂單 進度-2024/12/12 @api_view(['GET']) @permission_classes([IsAuthenticated]) def getMyOrders(request): user = request.user orders = user.order_set.all() serializer = OrderSerializer(orders, man

# 建立帳號 在 PayPal Developer 建立 Personal Account & 一個 Business Account，並在 Sandbox 創建一個 Business Account，這樣就可以在 Sandbox 裡面進行測試。 Testing Tools -> Sandbox Accounts -> Create account -> Create custom account Business Account：收款帳號 Personal Account：匯款用帳號 接下來至 App & Credentials 頁面創建 App，並

# Postman Overview My Workspace -> 右上角小icon -> 設置 variable 回到自己本機的 DRF登入頁面 登入後取得 token，再將 token 設置在 Postman 的 Authorization 裡面 回到 postman 設置 Authorization 來給予 token，之後就不用每次做任何操作都需手動輸入 token 此處能定義全域變數，例如 {{host}}，就不用每次都要手動輸入 `http://

# 概述 # Redux 常見名詞解釋 React-Redux：一個套件，讓 React 跟 Redux 可以一起使用，幫助 React 元件輕鬆讀取或更新 Redux 的狀態。 Action：一個物件，用來描述發生了什麼事情，包含改變應用程式狀態需要的資訊。 Reducer：一個純函式，負責接收 action 和目前的狀態，然後回傳更新後的新狀態。 Store：一個物件，負責保存應用程式的所有狀態，並提供方法來讀取狀態或監聽狀態的變化。 Dispatch：一個函式，負責把 action 傳給 reducer，進而觸發狀態的改變。 Middleware：一個可以延伸 dispatch 功能的

# 前言 由 openAI 開發的三大模型： WhisperAPI：聲音 DALL-E：圖像 GPT：文字 其中這專案使用到的是 WhisperAPI，一個能達到準確率極高的 speech to text , automatic speech recognition 的 Model。 # Google Colab 或 Docker 此專案有兩種運行方式，一種是使用 Google Colab，另一種是使用 Docker # Docker 可以用自己的電腦資源進行運算，不用擔心被 Google Colab 限制資源。 電腦本身配置要求較高、Docker 吃很多 RAM。 # Google