SpringBoot+Vue complete takeaway system, mobile terminal and background management, you can play!

SpringBoot+Vue complete takeaway system, mobile terminal and background management, you can play!

  • A complete takeaway system, including mobile terminal, background management, api

  • A takeaway system based on spring boot and vue's front-end and back-end separation

  • Contains complete mobile terminal and background management functions

  • This project is mainly for communication and learning, and commercial use is not recommended.

Technology selection

  • Core framework: Spring Boot

  • Database layer: Spring data jpa/Spring data mongodb

  • Database connection pool: Druid

  • Cache: Ehcache

  • Front end: Vue.js

  • Database: mysql5.5 and above, Mongodb4.0 (do not use the latest version 4.2)

Module

  • flash-waimai-mobile mobile site

  • flash-waimai-manage background management system

  • flash-waimai-api java interface service

  • flash-waimai-core low-level core module

  • flash-waimai-generate code generation module

Quick start

  • The data storage uses mysql and mongodb, among which the basic management configuration function data uses mysql, and the business data uses mongodb storage.

  • Create mysql database

    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 created, start the flash-waimai-api service, and the data will be initialized automatically, without the need for developers to manually initialize the data.

  • Install mongodb and create a database: flash-waimai Use the mongorestore command to import mongodb data. Due to the large amount of test data, it is packaged on Baidu cloud disk: https://pan.baidu.com/s/1mfO7yckFL7lMb_O0BPsviw apgd downloading, unzip the file to d:\elm, and import the data with the following command:

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

  • Download the pictures of project test data (business and food pictures):, https://pan.baidu.com/s/1rvZDspoapWa6rEq2D_5kzw urzwsave the pictures in the directory configured by system.file.upload.path in the t_sys_cfg table

  • Start the management platform:

  • Enter the flash-waimai-manage directory:

  • Run npm install --registry= registry.npm.taobao.org

  • Run npm run dev

  • After successful startup, visit http://localhost:9528 , log in, username and password: admin/admin

  • Start the mobile terminal:

  • Enter the flash-waimai-mobile directory:

  • Run npm install --registry= registry.npm.taobao.org

  • Run npm run local

  • After successful startup, visit http://localhost:8000

Running effect chart

Backstage management

Mobile terminal

SpringBoot+Vue complete takeaway system source code download address gitee.com/microapp/fl...