1.5k1 分鐘

# 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)
4k4 分鐘

# 後端實作 在對應的 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
5.8k5 分鐘

# 建立帳號 在 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,並
4771 分鐘

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

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

# 前言 由 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
3.6k3 分鐘

# 為何避免使用 alert()? 基本上只要超過 10 年的專案都會時常看到運用大量的 alert() 來處理後端回傳的訊息,但現今網站大多逐漸避免使用 alert(),主要原因有以下幾點: 中斷用戶體驗:當 alert() 彈出時,它會阻擋用戶與網頁的其他部分進行互動,直到用戶關閉 alert()。往往會打斷用戶的操作流程,特別是當 alert() 用於顯示非關鍵性資訊時就顯得更不必要 樣式與設計限制:alert() 的外觀和設計通常是由瀏覽器決定的,而非開發人員。這使得 alert() 很難與網站的品牌和設計風格保持一致。且 alert() 缺乏自定義的選項,如動畫、圖標和布局 缺乏靈
1.5k1 分鐘

# 結果展示 # HTML 程式碼 <!-- 產品其他內容按鈕群組 --> <div class="tab-navigation flex space-x-2 md:space-x-4 my-6 overflow-x-auto"> <!-- ... tab buttons ... --> </div> <!-- 箭頭提示 --> <div class="mb-2"> &