應用市集
開啟線上示範 →
點餐首頁
線上點餐
v0.1.1
開啟線上示範 → 畫面截圖
總覽
為櫃檯取餐而生的預先點餐。顧客依真正的選項規則組出一份餐點——必選的份量、必選的餅皮、有上限的配料清單——再從你公布的營業時間與備餐時間算出的時段中挑一個取餐時間,一路追到「可取餐」;同一批訂單,廚房在即時看板上處理。購物車裡的一列是餐點加選項加備註,所以兩份幾乎相同的披薩仍然是兩列,誰也不會拿錯盒子。宣告檔會在你連線的資料庫中建立九張資料表——菜單、選項群組、訂單與其明細——並圍繞它們產生後勤作業:菜單與價格維護、營業時間、訂單佇列與品項結構報表。它是銷售點系統面向顧客的另一半,完整的廚房顯示器仍留在銷售點系統。
能力
- 付款
- 即時
- 電子郵件收據
你會得到什麼
新增的資料表9
- menu_categories
- menu_items
- modifier_groups
- modifiers
- orders
- order_items
- order_item_modifiers
- hours
- delivery_zones
全新建立,或在安裝時對應到你既有的資料表。
管理後台新增的頁面4
- 點餐儀表板今日訂單、平均客單,以及按小時的一天與品項結構。
- 佇列即時狀態分頁,旁邊是含明細的訂單詳情,推進一步還能復原。
- 菜單餐點的 CRUD 表格與卡片圖庫,並附選項群組與選項的子分頁。
- 營業時間取餐時段所依據的營業時間。
預先建立的角色1
- kitchen-staff在佇列裡作業:讀取訂單、依狀態推進,並把某個餐點或選項標為售完。不能編輯菜單、價格、營業時間與設定。
需要設定的項目5
- 餐廳名稱
- 時區
- 備餐時間(分鐘)
- 訂單編號前綴
- 取餐時段間隔(分鐘)
用你自己的資料執行
線上點餐 需要一個存放資料的地方。回答一個問題,我們就為你指出最短的路徑。
你已經在使用 Adminium 了嗎?
一起裝好
靜態代管只能提供介面。你的資料需要一個資料庫,而 Adminium 才能把它變成可用的後台 — 所以這三者要一起部署。
全部部署到 DigitalOceanPostgres、Adminium 和 線上點餐,已經接好。
想先在自己的電腦上試試?
npx @adminiumjs/adminium 不需要資料庫 — 到時候它會問你要。之後回到這裡,在上面選擇「已經在用」。
你的 Adminium 在哪裡?
你登入時使用的位址,例如 https://admin.yourcompany.com
這看起來不像一個網址。它應該以 https:// 開頭
線上點餐 應該放在哪裡?
推薦
放在 Adminium 裡
只需登入一次,也不用再部署別的。團隊從後台的同一個位址就能進入。
告訴我怎麼做
- 建置:
git clone https://github.com/Adminiumjs/online-ordering.git && cd online-ordering && npm install && npm run build:surface - 讓 Adminium 指向它並重新啟動:
ADMINIUM_SURFACES_DIR=$(pwd)/dist-surface npx @adminiumjs/adminium start - 然後開啟:
https://admin.example.com/apps/ordering/staff/
放在自己的網域上
一個獨立的網站,有自己的網址,與你剛才填寫的 Adminium 通訊。
Vercel 只代管介面 — 你的 Adminium 留在原處並保存資料。你需要貼上一把金鑰,讓網站可以讀取它們。
部署到 VercelVercel 會問你兩個值。它們都在你的 Adminium 的 Studio → Public API 裡。