Backend Development 4 min read

Full‑Stack Food Delivery System (Spring Boot + Vue) – Setup Guide and Code

This article provides a complete tutorial for building a food‑delivery system with a mobile app, backend management, and API, detailing the technology stack, module structure, database setup, code snippets, and step‑by‑step instructions to launch both the admin and mobile front‑ends.

Top Architect
Top Architect
Top Architect
Full‑Stack Food Delivery System (Spring Boot + Vue) – Setup Guide and Code

This guide introduces a complete food‑delivery system project that includes a mobile client, backend management console, and API services, intended for learning and exchange rather than commercial use.

Technology selection: Core framework Spring Boot; data layers Spring Data JPA and Spring Data MongoDB; Druid connection pool; Ehcache; frontend Vue.js; databases MySQL (5.5+) and 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 – MySQL setup:

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

MongoDB data import: Install MongoDB, create the flash-waimai database, and run mongorestore.exe -d flash-waimai d:\elm using the provided Baidu Cloud archive.

Start the management platform: Navigate to flash-waimai-manage , run npm install --registry=https://registry.npm.taobao.org , then npm run dev . Access http://localhost:9528 with username/password admin/admin .

Start the mobile client: Navigate to flash-waimai-mobile , run npm install --registry=https://registry.npm.taobao.org , then npm run local . Open http://localhost:8000 in a browser.

The article also includes screenshots of the admin console and mobile app, as well as QR codes and links for downloading the source code and test data.

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.