WeChat Smart Ordering System

A full-stack WeChat Mini Program restaurant ordering system featuring QR code-based table seating, real-time menu browsing, and an admin backend for table management — built with uni-app, uView UI, and uniCloud.

Preview

    

Left: Mini Program Home  |  Right: Admin — Table QR Code Management

Features

Mini Program (Customer-facing)

• Home page with promotional banner carousel
• Dine-in and Takeout ordering modes
• Scan table QR code to auto-seat (parses scene param)
• Categorized menu with real-time cart (add/remove/clear)
• Order settlement with guest count, delivery time, and custom notes
• Order history and detail view

Admin Backend (uni-admin)

• Table number CRUD management
• One-click QR code generation via WeChat API (getUnlimitedQRCode)
• QR code images stored in uniCloud cloud storage
• Image preview in table list

Tech Stack

Layer	Technology
Frontend	uni-app (Vue 2) + uView UI
Cloud Services	uniCloud (Alibaba Cloud)
Database	uniCloud Cloud Database
Storage	uniCloud Cloud Storage
QR Code API	WeChat getUnlimitedQRCode

Project Structure

├── wechat_menu_order_mini-program/    # Mini Program (client)
│   ├── pages/
│   │   ├── index/           # Home (banner, dine-in/takeout, scan-to-seat)
│   │   ├── menu/            # Menu & Cart
│   │   ├── order/           # Order history
│   │   └── my/              # User profile
│   ├── subPack/
│   │   ├── index/           # Order settlement, payment success
│   │   └── order/           # Order detail
│   ├── common/menu.js       # Menu data (7 categories, 27 dishes)
│   └── uniCloud-aliyun/     # Cloud functions & DB schemas
│
└── supervior_onboard/                 # Admin Backend (uni-admin)
    ├── pages/table_num/      # Table QR code management (add/edit/list)
    └── uniCloud-aliyun/      # Cloud functions & DB schemas

Getting Started

Prerequisites

• HBuilderX
• WeChat DevTools
• A uniCloud (Alibaba Cloud) service space

Configuration

1. WeChat Mini Program AppID

   Replace YOUR_WX_APPID with your AppID in:

   • wechat_menu_order_mini-program/manifest.json → mp-weixin.appid
   • supervior_onboard/manifest.json → mp-weixin.appid

2. Cloud Function Credentials

   In both projects' uniCloud-aliyun/cloudfunctions/table_counts/index.obj.js, replace YOUR_WX_APPID and YOUR_WX_SECRET with your actual credentials, or configure via environment variables WX_APPID / WX_SECRET.

3. Link Cloud Service Space

   In HBuilderX, right-click the uniCloud-aliyun folder → Link to cloud service space (both projects must use the same space).

4. Deploy Cloud Functions & Schema

   • Right-click cloudfunctions/table_counts → Upload & Deploy
   • Right-click database/table_num.schema.json → Upload DB Schema

Run

Target	Steps
Mini Program	HBuilderX → Run → Run to Mini Program Simulator → WeChat DevTools
H5 Preview	HBuilderX → Run → Run to Browser
Admin Backend	Open supervior_onboard in HBuilderX → Run to Browser

Menu Categories

Category	Dishes	Examples
Chef's Special	4	Kung Pao Chicken, Boiled Fish, Braised Pork Ribs
Sichuan Spicy	4	Dry-Fried Green Beans, Mapo Tofu, Yu Xiang Pork
Home-Style Stir-Fry	4	Sweet & Sour Pork, Shredded Pork in Beijing Sauce
Fresh Vegetables	5	Shredded Potato, Cucumber Salad, Century Egg Tofu
Cold Dishes	3	Garlic Pork, Smashed Cucumber, Wood Ear Salad
Soups & Staples	4	Rice, Steamed Buns, Hot & Sour Soup
Beverages	3	Plum Juice, Lemon Honey Water, Fresh Soy Milk

License

MIT