Build a Complete Food Delivery System with Spring Boot and Vue – Step‑by‑Step Guide

Technology Stack

Core framework: Spring Boot

Database layers: Spring Data JPA / Spring Data MongoDB

Connection pool: Druid

Cache: Ehcache

Frontend: Vue.js

Databases: MySQL 5.5+ and MongoDB 4.0 (avoid newer 4.2)

Modules

flash-waimai-mobile – mobile site

flash-waimai-manage – admin management system

flash-waimai-api – Java API service

flash-waimai-core – core library

flash-waimai-generate – code generation module

Quick Start

Data is stored in MySQL (for basic management data) and MongoDB (for business data). Create the MySQL database with the following statements:

CREATE DATABASE IF NOT EXISTS waimai DEFAULT CHARSET utf8 COLLATE utf8_general_ci;
CREATE USER 'waimai'@'%' IDENTIFIED BY 'waimai123';
GRANT ALL privileges ON waimai.* TO 'waimai'@'%';
FLUSH PRIVILEGES;

After the MySQL database is ready, start the flash-waimai-api service; it will auto‑initialize data.

Install MongoDB and restore the provided dataset using: mongorestore.exe -d flash-waimai d:\elm Test data (large JSON dump) is available via Baidu Cloud; download the archive, extract it to d:\elm, then run the command above.

Download image assets for merchants and food items (also hosted on Baidu Cloud) and place them in the directory configured by t_sys_cfg → system.file.upload.path.

Run Management Platform

Enter the flash-waimai-manage directory.

Execute npm install --registry=https://registry.npm.taobao.org.

Run npm run dev.

Open http://localhost:9528 and log in with username admin and password admin.

Run Mobile Frontend

Enter the flash-waimai-mobile directory.

Execute npm install --registry=https://registry.npm.taobao.org.

Run npm run local.

Open http://localhost:8000 to view the mobile site.

Screenshots

Backend Management Interface:

Mobile App Screens: