AfterSweet 下午茶預約

網頁介紹

提供顧客預約的功能，讓顧客可以先在網頁上選擇當天欲來店使用或欲購買的餐點，並在最後表單填寫基本資料、用餐時間及人數，節省了顧客當天點餐及等待的時間，讓顧客有更多的時間喜受本店精心準備的餐點和店裡的氣氛，網頁功能包括下單、新增刪除購物車商品、查閱商品詳細內容和搜尋商品功能，而店家能夠透過後台新增商品、優惠券及查詢現有訂單，讓店家能夠在最有效的時間內為顧客準備餐點。

網頁架構

• 客戶
  • 主頁
  • 最新消息
  • 商品頁面
    • 商品列表
    • 商品詳細內容
  • 購物車
    • 購物車表單
    • 購物車結帳
• 管理者
  • 商品管理頁
  • 訂單管理頁
  • 優惠券管理頁
• 登入頁面

使用技術

• Vue, Vue Component
• Vue CLi 3.0, Vuex
• Vue-router (SPA)
• Axios (RESTful API)
• Bootstrap 4
• jQuery

Demo 畫面

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.