Python Django實現簡單購物車功能
Django版本:1.11
作業系統:Windows
Python:3.5
歡迎加入學習交流QQ群:657341423
這裡以淘寶為例
這是一個商品的詳情,這裡有2個按鈕功能,一個是立即購買,一個加入購物車,兩者都是生成一個訂單,但兩者實現的方法是不相同的。
我按照這個設計,實現簡單功能。
這裡生成2個App,一個ProductInfo,用於商品詳情,一個ShoppingCar,購物車功能(包括立即購買和加入購物車),最後一個是模版。
網站Url.py
App(ProductInfo和ShoppingCar)分別有各自的url.py
網站的整體設定就是這樣
ProductInfo設計:
url.py
這裡用商品的ID作為URL的其中一部分
models.py設計
Form.py設計
views.py設計
這裡有2個def,一個是ProductList,一個是ProductDetails。
ProductList這裡不做具體設計,這部分是用於將所有商品以列表的形式表現出來。後續可以擴充套件部分。
ProductDetails是一個商品的詳細資訊,和上面淘寶的截圖一樣。
Html部分:
執行結果:
根據url的http://127.0.0.1:8000/ProductList/A003/
裡面的A003更改,會顯示不同商品。如果做了部分修改,變成A003M,這裡只是做一些標記而已。(這裡增加了新增產品和修改資訊只是方面資料錄入和測試。在邏輯設計上比較簡單。)
ShoppingCar設計:
url.py
models.py設計
這裡的資料表和商品的資料表資料格式大致一致,而且比商品的資料表有所減少部分資料,但我這裡兩個資料表是沒有關聯的。如果要做到淘寶那樣的話,需要對資料庫進行下一步的設計。
views.py設計
MyCar其實就是將資料表的資料出來的。這裡讀取全部,如果對比淘寶那樣,這個資料表還需加入使用者的ID,可以通過使用者登入的時候,用session儲存使用者ID,然後通過使用者的ID進行篩選。
BuyNow就是在商品的詳細頁面,點選馬上搶購的時候,將商品的資訊寫入session,然後再顯示出來。這裡是讀取之前寫入的session。
執行結果:
上圖,當使用者在(APP(ProductInfo)的頁面)點選加入購物車的時候,會寫入App(ShoppingCar)所在的資料表裡面
然後點選我的購物車,會將購物車裡面資料顯示出來。
這裡會出現資料重複,如果做到淘寶那樣,可以優化這個插入資料表的功能,需要加多一欄位(數量),如已存在的就修改數量,不存在就新增資料。
上圖,如果點選馬上搶購,會直接跳到商品的詳細資訊。而且是不寫入資料表的。
上述兩種方式,只要加多一個提交訂單,即可生成一個訂單,這裡又是一個APP,又是一個資料表了。
總結:
大致上電商平臺的購物車功能就是大致這樣設計,細節的設計可以根據具體再修改。
相關文章
- Vue實現簡單的購物車功能Vue
- jquery簡單購物車功能jQuery
- AngularJS 實現簡單購物車AngularJS
- React實現購物車功能React
- Android實現商城購物車功能Android
- vue2.0實現購物車功能Vue
- flutter 購物車功能Flutter
- 購物車的實現原理
- 購物車原理以及實現
- Vue實現購物車效果Vue
- 直播app原始碼,map實現購物車選擇功能APP原始碼
- 購物車【JavaWeb小專案簡單版】JavaWeb
- 加入購物車動畫效果實現動畫
- 【jquery】實現購物車加減jQuery
- vue例項-購物車功能Vue
- 原生js實現購物車結算JS
- 二級列表完美實現購物車
- app直播原始碼,vue2 實現簡易購物車APP原始碼Vue
- 直播網站程式原始碼,採用Redis實現購物車功能網站原始碼Redis
- 微信小程式的購物車功能微信小程式
- 微信小程式之購物車功能微信小程式
- FineUI小技巧(1)簡單的購物車頁面UI
- python之購物車程式Python
- 使用SSH+session+mysql實現購物車SessionMySql
- 網站購物車介面(div+css實現)網站CSS
- jQuery實現購物車的增刪改查jQuery
- 我的Vue之旅 11 Vuex 實現購物車Vue
- 購物車的實現及結算處理
- 基於XML的購物車的實現(轉)XML
- 商城購物車加減控制元件的簡單封裝控制元件封裝
- python-購物車程式練習Python
- asp.net 實現購物車詳細程式碼ASP.NET
- 想請問下關於購物車如何實現
- 購物車模組
- 介紹一款開源電商網站的購物車新增功能的實現網站
- 用Provider實現商品加入購物車的動畫效果IDE動畫
- angularjs實現的購物車效果程式碼例項AngularJS
- django 網站實現簡單分頁Django網站