SpringBoot前端vue完整的外卖系统,手机端和后台管理api 有源码

SpringBoot前端vue完整的外卖系统,手机端和后台管理api 有源码



源码获取方式:

私信:011

很多程序员说没项目经验没项目经验,然后自己又不去找, 对这样的伸手党,程序汪就3个字,没项目程序汪 “给你找” 这才是真的保姆级服务

希望大家喜欢我找的资源,你们还需要什么其他资源都可以公众号留言

程序汪去找找


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数据库
<code>    

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

;/<code>
  • mysql数据库创建好了之后,启动flash-waimai-api服务,会自动初始化数据,无需开发人员自己手动初始化数据
  • 安装mongodb并创建数据库:flash-waimai 使用mongorestore命令 导入mongodb数据,由于测试数据量较大,打包放在了百度云盘:链接:https://pan.baidu.com/s/1mfO7yckFL7lMb_O0BPsviw 提取码:apgd 下载后将文件解压到d:\elm,如下命令导入数据:
<code>

mongorestore

.exe

-d

flash-waimai

d

:\\

elm

/<code>
  • 下载项目测试数据的图片(商家和食品图片):链接: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


运行效果图

  • 后台管理
  • 手机端

后端系统效果

1

SpringBoot前端vue完整的外卖系统,手机端和后台管理api 有源码


2

SpringBoot前端vue完整的外卖系统,手机端和后台管理api 有源码


SpringBoot前端vue完整的外卖系统,手机端和后台管理api 有源码

SpringBoot前端vue完整的外卖系统,手机端和后台管理api 有源码

SpringBoot前端vue完整的外卖系统,手机端和后台管理api 有源码

源码获取方式:

私信:011


分享到:


相關文章: