Backend Development 5 min read

Flash-Waimai: A Complete Spring Boot + Vue Food Delivery System Tutorial

This article introduces the Flash-Waimai project—a full‑stack food delivery system built with Spring Boot, Vue.js, MySQL and MongoDB—detailing its architecture, module breakdown, database setup, quick‑start commands, and step‑by‑step instructions for launching the backend, admin portal, and mobile client.

Top Architect
Top Architect
Top Architect
Flash-Waimai: A Complete Spring Boot + Vue Food Delivery System Tutorial

The Flash-Waimai project provides a complete food delivery solution that includes a mobile client, backend management system, and API services, intended for learning and exchange rather than commercial use.

Technical 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+), MongoDB (4.0 recommended)

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 management configuration and in MongoDB for business data.

Create the MySQL database with the following commands:

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 automatically initialize data.

Install MongoDB and import the sample data using:

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

Download the sample images and place them in the directory configured by system.file.upload.path in the t_sys_cfg table.

Running the Management Platform

Enter the flash-waimai-manage directory.

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

Run npm run dev

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

Running the Mobile Client

Enter the flash-waimai-mobile directory.

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

Run npm run local

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

Demo Screenshots

The article includes several screenshots showing the backend management interface and the mobile client UI.

Source Code Access

Scan the QR code provided in the article or reply “外卖” to the WeChat public account to receive the source code download link and a surprise gift.

Additional Information

The content also contains promotional messages encouraging readers to join a top‑architect community group via QR code, with a disclaimer that the material is sourced from the internet and all copyrights belong to the original authors.

Spring BootMySQLVue.jsTutorialmongodbFull-StackFood Delivery
Top Architect
Written by

Top Architect

Top Architect focuses on sharing practical architecture knowledge, covering enterprise, system, website, large‑scale distributed, and high‑availability architectures, plus architecture adjustments using internet technologies. We welcome idea‑driven, sharing‑oriented architects to exchange and learn together.

0 followers
Reader feedback

How this landed with the community

login Sign in to like

Rate this article

Was this worth your time?

Sign in to rate
Discussion

0 Comments

Thoughtful readers leave field notes, pushback, and hard-won operational detail here.