點擊上方?好好學java?，選擇?星標?公眾號重磅資訊，干貨，第一時間送達今日推薦：推薦19個github超牛逼項目！個人原創100W +訪問量博客：點擊前往，查看更多

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

運行效果圖

后臺管理

手機端

獲取方式

點擊下方公眾號，回復：D132

更多項目源碼

• 這或許是最美的Vue+Element開源后臺管理UI

• 推薦一款高顏值的 Spring Boot 快速開發框架
  

• 一款基于 Spring Boot 的現代化社區（論壇/問答/社交網絡/博客）
  

• 13K點贊都基于 Vue+Spring 前后端分離管理系統ELAdmin，大愛

• 想接私活時薪再翻一倍，建議根據這幾個開源的SpringBoot項目

總結

以上是生活随笔為你收集整理的SpringBoot+Vue 完整的外卖系统，手机端和后台管理，可以玩一下！的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。