flash-waimai

  • 一个简单的外卖系统,包括手机端,后台管理,api
  • 基于spring boot和vue的前后端分离的外卖系统
  • 包含手机端,后台管理功能
  • 本项目主要供交流学习,不建议商用。

技术选型

  • 核心框架:Spring Boot
  • 数据库层:Spring data jpa/Spring data mongodb
  • 数据库连接池:Druid
  • 缓存:Ehcache
  • 前端:Vue.js
  • 数据库:mysql5.5以上,Mongodb建议4.0(不要使用4.2及其已上版本,否则有部分api需要自行调整)

模块

  • flash-waimai-mobile 手机端站点
  • flash-waimai-manage后台管理系统
  • flash-waimai-api java接口服务
  • flash-waimai-core 底层核心模块
  • flash-waimai-generate 代码生成模块

快速开始

  • 文档:https://microapp.gitee.io/flash-waimai/

  • 数据存储采用了mysql和mongodb,其中基础管理配置功能数据使用mysql,业务数据使用mongodb存储。

  • 创建mysql数据库

CREATE DATABASE IF NOT EXISTS waimai DEFAULT CHARSET utf8 COLLATE utf8_general_ci; 
CREATE USER 'waimai'@'%' IDENTIFIED BY 'waiMAI@123';
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/15uiA8hUCwdZv6Bycn1y_yg 提取码:cvas ,将图片存放到t_sys_cfg表中system.file.upload.path配置的目录下

  • 启动api服务:

    • 进入flash-waimai-api模块
    • 直接运行ApiApplication主类启动api服务
  • 启动管理平台:

    • 进入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 dev
    • 启动成功后访问 http://localhost:8000

启动成功截图

Api模块启动成功截图

手机端启动成功截图

管理平台启动成功截图

运行效果图

管理平台

手机端

仓库地址

https://gitee.com/microapp/flash-waimai

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐