Spring Boot vue完整的外卖系统,手机端和后台管理api 源码赠送

程序员的成长之路

共 1722字,需浏览 4分钟

 ·

2021-03-14 00:10

程序员的成长之路
互联网/程序员/技术/资料共享 
关注


阅读本文大概需要 2 分钟。


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

运行效果图

  • 后台管理 



  • 手机端





源码地址获取: 
扫描下方公众号回复 2138
<END>

推荐阅读:

Java 8 开发的 4 大顶级技巧,你都知道吗 ?

一个比 SpringBoot 快 44 倍的 Java 框架

5T技术资源大放送!包括但不限于:C/C++,Linux,Python,Java,PHP,人工智能,单片机,树莓派,等等。在公众号内回复「2048」,即可免费获取!!

微信扫描二维码,关注我的公众号

朕已阅 

浏览 35
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报