• 作品說明

  • 發想

• 功能

  • 測試帳號密碼

  • 使用者故事

    • 使用者端 (前台)

    • 賣家端 (後台)

• 安裝

  • 取得專案

  • 移動到專案內

  • 安裝套件

  • 運行專案

  • 開啟專案

• 資料夾說明

• 專案技術

• 聯絡方式

  • jia yu

• 資料庫串接電商 RESTful API

• 具有完整前台與後台功能

• 本作品僅作業練習，無任何商業用途，作品中圖片均來自於 unsplash 和 pexels

• 這是一個專為那些渴望享受點心卻不想感到內疚的人所設立的黑巧克力專賣電商網站。這個網站擁有完整的前後台架構，提供使用者方便的購物體驗與後台管理功能。

• 前台無須登入即可操作

• 後台有設定一鍵登入按鈕，或者也可以輸入帳號密碼登入

  • 帳號：[email protected]
  • 密碼：a12345

• 我能夠從首頁了解優惠產品、產品分類、優惠資訊 (跑馬燈、倒數計時)

  

• 我是使用者，我想要選購商品

  

• 我是使用者，我想要查看產品相關資訊

  

• 我是使用者，我想要查看店家相關文章

  

• 我是使用者，我想要購買課程

  • 我能夠將課程加入或刪除購物車

  • 我能夠使用優惠券

  • 我能夠付款完成訂單

  • 我能夠看到訂購的資訊

    

    

• 我是賣家，我想要管理訂單

• 我是賣家，我想要編輯和新增產品、優惠券、文章，且能夠裁剪並上傳圖片

  

  

• Node.js 版本建議為：18.16.0 以上

git clone [email protected]:JiaYu0220/Chocolate-Shop.git

cd project-code

npm install

npm run dev

在瀏覽器網址列輸入以下即可看到畫面

http://localhost:5173/

|- public - 靜態檔案
|- src
  |- asset - 圖片
  |- components - 元件
    |- adminPages - 後台
    |- icons
    |- shared - 共用元件
    |- userPages - 前台
  |- router
  |- stores - 狀態管理
  |- views - 頁面
    |- admin - 後台
    |- user - 前台

• Node.js v18.16.0
• Vite v5.0.11
• vue-router: v4.2.5
• pinia: v2.1.7
• axios: v1.6.7
• vue-axios: v3.5.2
• tailwindcss: v3.4.1
• vee-validate: v4.12.5
• swiper: v11.0.7
• sweetalert2: v11.10.5
• vue-sweetalert2: v5.0.5
• vue-loading-overlay: v6.0
• animate.css: v4.1.1
• aos: v3.0.0-beta.6
• bootstrap-icons: v1.11.3

• [email protected]