Full‑Stack Food Delivery System Based on Spring Boot and Vue.js

This article introduces a complete food‑delivery (外卖) system that includes a mobile client, a backend management console, and an API service, built with Spring Boot for the backend and Vue.js for the frontend.

Technology stack : Spring Boot, Spring Data JPA, Spring Data MongoDB, Druid, Ehcache, Vue.js, MySQL (5.5+), MongoDB (4.0).

Modules :

flash‑waimai‑mobile – mobile site

flash‑waimai‑manage – admin console

flash‑waimai‑api – Java API service

flash‑waimai‑core – core library

flash‑waimai‑generate – code generator

Quick start :

1. Create the MySQL database and user:

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 database is ready, start the flash-waimai-api service; it will auto‑initialize data.

2. Install MongoDB, create the flash‑waimai database and import test data:

mongorestore.exe -d flash-waimai d:\elm

Download links for the MongoDB dump and image assets are provided in the article.

Run the admin console :

cd flash‑waimai‑manage

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

npm run dev

Open http://localhost:9528 and log in with admin/admin

Run the mobile client :

cd flash‑waimai‑mobile

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

npm run local

Open http://localhost:8000

The article also shows screenshots of the backend and mobile interfaces.

Note: the project is intended for learning and exchange only; commercial use is not recommended.