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.
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:\elmDownload 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.
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.
How this landed with the community
Was this worth your time?
0 Comments
Thoughtful readers leave field notes, pushback, and hard-won operational detail here.