Skip to content

Latest commit

 

History

History
executable file
·
108 lines (59 loc) · 2.8 KB

readme.md

File metadata and controls

executable file
·
108 lines (59 loc) · 2.8 KB

Laravel-Ecomm Fashe

網站簡介

利用 Laravel 和 Bootstrap Template 實作一個購物電商網站,其購物主題為服飾

主頁面( Home Page ) 後台頁面( Admin )

管理員( Admin )
Email: admin@admin.com
Password: password

主要功能

  • 商品
    ⌞商品陳列
    ⌞商品種類
    ⌞商品價錢排序
    ⌞加入購物車

  • 購物車
    ⌞購物車商品列表
    ⌞移除商品
    ⌞商品數量

  • 結帳
    ⌞帳單
    ⌞Stripe API 模擬信用卡服務

  • 用戶
    ⌞註冊
    ⌞登入

  • 後台 ( 只有 admin@admin.com 能登入 )
    ⌞訂單管理
    ⌞商品管理
    ⌞帳戶管理

運用技術

  1. PHP
  2. Laravel Framework 開發
  3. MySQL 管理資料庫
  4. Bootstrap 樣板
  5. 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 帳戶才可查看。

Plugin & 擴展套件

  • Stripe API 服務
  • Laravel ShoppingCar Package
  • Laravel Voyager Admin Package
  • Fashe Template