700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > Spring Boot Vue完整的外卖系统 手机端和后台管理api 源码赠送

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

时间:2021-08-09 09:30:00

相关推荐

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

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数据,由于测试数据量较大,打包放在了百度云盘:

链接:/s/13DZvwMq7BZHUTzpy1D9PnA

提取码:xivn

下载后将文件解压到d:\elm,如下命令导入数据:

mongorestore.exe -d flash-waimai d:\\elm

下载项目测试数据的图片(商家和食品图片):

链接:/s/1HI6jMMI6ikfqJwOiOy55hA

提取码:7hsk

将图片存放到t_sys_cfg表中system.file.upload.path配置的目录下

启动管理平台:

进入flash-waimai-manage目录:

运行 npm install --registry=https://registry.

运行npm run dev

启动成功后访问http://localhost:9528,登录,用户名密码:admin/admin

启动手机端:

进入flash-waimai-mobile目录:

运行 npm install --registry=https://registry.

运行npm run local

启动成功后访问http://localhost:8000

运行效果图

后台管理

手机端

源码地址获取:

扫描下方公众号回复625

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。