售票網站 - 千喜年售票

響應式電子售票電商網站

線上DEMO：https://tp27933.github.io/ticket/

使用技術:

• Vue3
• Webpack
• Vue Cli
• Vue Component
• Vue Router
• Vue Axios
• Vee Validation
• V-Calendar
• Ant Design of Vue
• SCSS
• Mitt
• Gsap
• Bootstrap 5
• Font Awesome

開發功能:

前台

• 首頁

  • 活動公告、文章等列表
  • 商品列表分類捷徑
  • 優惠卷獲取

• 商品頁：

  • 商品分類、篩選
  • 商品加入購物車
  • 商品分頁

• 購物車：

  • 修改商品數量、刪除，優惠券
  • 查看地圖

• 訂單頁：

  • 表單驗證
  • 依商品種類顯示 / 隱藏部分欄位或選項

• 文章列表:

  • 內容與後台共用同個模板

• FAQ常見問題

• 結帳頁：

  • 依付款方式顯示 / 隱藏付款功能

後台

• 管理者登入畫面
• 商品管理：
  • 新增、修改、刪除商品，商品圖片新增、刪除、修改
  • 篩選、搜尋
• 訂單管理
  • 修改、刪除
  • 搜尋
• 優惠券管理
  • 新增、修改、刪除
  • 搜尋

頁面展示

登入畫面:

前台:

後台:

---

更多細節請至 線上DEMO 查看