資展國際期末專題:Burgo美式餐飲管理系統

Avatar of Abraham Chang.
Avatar of Abraham Chang.

資展國際期末專題:Burgo美式餐飲管理系統

程式設計師 @ Cathay United Bank 國泰世華商業銀行

資展國際「跨域Java軟體工程師就業養成班」期末專題

Burgo:連鎖美式餐廳管理系統,包含:

  • 前台:會員系統/料理包商城/訂位系統/餐車與分店位置、路線規劃/評論系統/訊息客服
  • 後台:商城商品與庫存管理/訂單管理/員工管理/進銷存管理/分店與餐車管理/訂位管理/會員管理
  • 商城金流:綠界支付

我負責撰寫的功能:

  • 商城系統後半:優惠券功能與小遊戲、結帳頁面、訂單相關功能
  • 後台商城管理:訂單管理、庫存管理
  • 其他:串接綠界支付
 

遊戲功能說明:

分為轉盤遊戲與拉霸遊戲,皆使用前端技術(原生CSS/JS、少量jquery/bootstrap、sweet alert套件)完成。完成遊戲後呼叫後端程式發送優惠券。系統會做一定判斷,鼓勵會員先用掉優惠券再繼續玩遊戲。

 

會員專區頁面:

使用HTML/CSS/Bootstrap製作供自己與其他組員使用的會員專區公版版型,其中負責「我的訂單」和「我的優惠」區塊。於「我的訂單」中使用AJAX技術於互動視窗中動態渲染每份訂單的訂單明細;於「我的優惠」中利用後端檢查會員的購物車中是否有東西,藉此判斷要導向商城還是購物車引導結帳。

 

結帳頁面與串接綠界:

商城購物流程,我負責從結帳到串接綠界的後段部分。進入結帳頁面後,客人可以更改原本登載的地址(使用AJAX技術向後端發送),也可選擇新增一次性的配送地址(確認輸入完畢後使用JS讓輸入欄位凍結,待按下結帳按鈕再一次用form表單形式,和其他資料一起發送給後端);若地址為空,則不能繼續結帳。使用優惠券部分,皆用JS判斷使用的是哪張、扣除的金額是多少,以及是否滿額。在按下結帳按鈕前都可以反悔更換優惠券,不影響資料庫。

確認所有資料並按下結帳按鈕後,後端程式會依送過來的資料依序生成訂單、將購物車明細轉為此張訂單的明細並刪除、刪除優惠券、扣商城庫存,最後呼叫綠界的API跳轉頁面。本支程式使用spring boot的transactional註解,若在任何環節遇到excaption都會集體roll-back,不影響資料庫。結帳完綠界會呼叫returnURL中的程式驗證本次付款,若驗證成功,訂單才會改為已付款。結帳完後跳轉頁面為回到「我的訂單」,可檢視最新成立的訂單。

 

商城後台管理:

商城後台管理中負責寫庫存管理以及訂單管理的部分。庫存管理可以做庫存調整,可即時反應在商城,若庫存為零,商品頁則會顯示熱銷補貨中;訂單則是用JSTL簡單判斷是否已付款,若已付款則可以調整發貨狀態(已發貨/已送達),調整成「已發貨」時會呼叫jmail程式,自動發通知信給使用者。

 
與六位組員一同合作寫出的前台網站加後台管理系統平台。每人各自負責不同的功能開發。使用Spring Boot框架配合Hibernate資料庫連線,後端語言使用Java、資料庫使用MS SQL。
Avatar of the user.
Please login to comment.

Published: Jan 5th 2023
47
4
0

Tools

spring_boot
Spring Boot
sourcetree
SourceTree
jquery
jQuery
javascript
JavaScript
java
Java
html5
HTML5
git
Git
css3
CSS3
bootstrap
Bootstrap

SpringBoot
網頁設計
網頁開發
Java

Share