利用 Laravel 和 Bootstrap Template 實作一個購物電商網站,其購物主題為服飾
主頁面( Home Page ) 後台頁面( Admin )
管理員( Admin )
Email: admin@admin.com
Password: password
-
商品
⌞商品陳列
⌞商品種類
⌞商品價錢排序
⌞加入購物車 -
購物車
⌞購物車商品列表
⌞移除商品
⌞商品數量 -
結帳
⌞帳單
⌞Stripe API 模擬信用卡服務 -
用戶
⌞註冊
⌞登入 -
後台 ( 只有 admin@admin.com 能登入 )
⌞訂單管理
⌞商品管理
⌞帳戶管理
- PHP
- Laravel Framework 開發
- MySQL 管理資料庫
- Bootstrap 樣板
- AJAX 進行數據更新
Step 1. 點擊右上角 Login 或 Register ,也可使用預設 Admin 帳號(如上網站簡介中所示)。
Step 2. 成功登入後如圖所示。
Step 3. 到 Shop 分頁,點擊商品 Add To Cart。
Step 4. 點擊後自動跳轉頁面到購物車清單( Cart )。
Step 5. 購物車清單頁面能夠調整商品數量或是移除商品,調整數量後按下 Update Cart 即可刷新金額,確認購買商品後按下 Proceed To Checkout 即可到付款頁面填寫帳單細項。
Step 7. 填寫表單後即可送出訂單,信用卡模擬測試可用下方範例。
- 此支付管道僅模擬測試用,僅能使用測試卡號。卡號來源 Stripe Testing
卡號 | 月/年 CVC | 說明 |
---|---|---|
4242 4242 4242 4242 | 04/24 242 | Visa |
4000 0000 0000 0069 | 04/24 242 | 過期卡測試 |
Step 8. 可到後台查看訂單( Order ),只有 Admin 帳戶才可查看。
- Stripe API 服務
- Laravel ShoppingCar Package
- Laravel Voyager Admin Package
- Fashe Template