1. 程式人生 > 其它 >SpringBoot+Vue 完整的外賣系統,手機端和後臺管理

SpringBoot+Vue 完整的外賣系統,手機端和後臺管理

前言

flash-waimai

  • 一個完整的外賣系統,包括手機端,後臺管理,api
  • 基於spring boot和vue的前後端分離的外賣系統
  • 包含完整的手機端,後臺管理功能
  • 本專案主要供交流學習,不建議商用。

技術選型

  • 核心框架:Spring Boot
  • 資料庫層:Spring data jpa/Spring data mongodb
  • 資料庫連線池:Druid
  • 快取:Ehcache
  • 前端:Vue.js
  • 資料庫:mysql5.5以上,Mongodb4.0(不要使用最新版4.2)

模組

  • flash-waimai-mobile 手機端站點
  • flash-waimai-manage後臺管理系統
  • flash-waimai-api java介面服務
  • flash-waimai-core 底層核心模組
  • flash-waimai-generate 程式碼生成模組

快速開始

  • 資料儲存採用了mysql和mongodb,其中基礎管理配置功能資料使用mysql,業務資料使用mongodb儲存。
  • 建立mysql資料庫
    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;
  • mysql資料庫建立好了之後,啟動flash-waimai-api服務,會自動初始化資料,無需開發人員自己手動初始化資料
  • 安裝mongodb並建立資料庫:flash-waimai 使用mongorestore命令 匯入mongodb資料,由於測試資料量較大,打包放在了百度雲盤:連結:https://pan.baidu.com/s/1mfO7yckFL7lMb_O0BPsviw 提取碼:apgd 下載後將檔案解壓到d:\elm,如下命令匯入資料:
mongorestore.exe -d flash-waimai d:\\elm
  • 下載專案測試資料的圖片(商家和食品圖片):連結:https://pan.baidu.com/s/1rvZDspoapWa6rEq2D_5kzw
    提取碼:urzw ,將圖片存放到t_sys_cfg表中system.file.upload.path配置的目錄下
  • 啟動管理平臺:
    • 進入flash-waimai-manage目錄:
    • 執行 npm install --registry=https://registry.npm.taobao.org
    • 執行npm run dev
    • 啟動成功後訪問 http://localhost:9528 ,登入,使用者名稱密碼:admin/admin
  • 啟動手機端:
    • 進入flash-waimai-mobile目錄:
    • 執行 npm install --registry=https://registry.npm.taobao.org
    • 執行npm run local
    • 啟動成功後訪問 http://localhost:8000

執行效果圖

後臺管理

手機端

最後

原始碼地址在公眾號:程式媛小琬 獲取,還有其他java資料可免費獲取。