本项目采用Spring Boot和Vue技术栈,实现了外卖系统中前后端完全分离的设计架构,提升了开发效率与用户体验。
一个完整的外卖系统包括手机端、后台管理和API服务,采用Spring Boot与Vue.js进行前后端分离开发的技术选型如下:
- 核心框架:Spring Boot;
- 数据库层:Spring Data JPA/Spring Data MongoDB;
- 数据库连接池:Druid;
- 缓存技术:Ehcache;
- 前端技术栈:Vue.js;
- 主数据库选择MySQL 5.5及以上版本,业务数据存储选用MongoDB4.0(不使用最新版的MongoDB)。
项目模块包括:
1. `flash-waimai-mobile` - 手机客户端站点
2. `flash-waimai-manage` - 后台管理系统
3. `flash-waimai-api` - Java接口服务端程序
4. `flash-waimai-core` - 底层核心模块
5. `flash-waimai-generate` - 代码生成工具
数据存储采用MySQL和MongoDB,其中基础管理配置信息存放在MySQL数据库中,业务相关的数据则使用MongoDB进行保存。创建MySQL数据库时,请执行以下SQL语句:
```sql
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;
```
启动`flash-waimai-api`服务后,系统会自动进行数据初始化操作。
安装并配置MongoDB数据库,并创建名为“flash-waimai”的数据库。使用mongorestore命令导入测试用的数据集(具体步骤见文档说明);同时下载项目所需的图片素材文件并放置到t_sys_cfg表中的system.file.upload.path路径下。
启动管理平台:
1. 进入`flash-waimai-manage`目录;
2. 执行 `npm install --registry=https://registry.npm.taobao.org`;
3. 通过命令 `npm run dev` 启动开发环境;
4. 访问 http://localhost:9528,使用默认的管理员账号(admin/admin)登录。
启动手机端应用:
1. 进入`flash-waimai-mobile`目录;
2. 执行 `npm install --registry=https://registry.npm.taobao.org`;
3. 通过命令 `npm run local` 启动开发模式;
4. 访问 http://localhost:8000,即可查看手机端应用。