1，绪论
1.1 研究背景
当前社会各行业领域竞争压力非常大，随着当前时代的信息化，科学化发展，让社会各行业领域都争相使用新的信息技术，对行业内的各种相关数据进行科学化，规范化管理。这样的大环境让那些止步不前，不接受信息改革带来的信息技术的企业随时面临被淘汰，被取代的风险。所以当今，各个行业领域，不管是传统的教育行业，餐饮行业，还是旅游行业，医疗行业等领域都将使用新的信息技术进行信息革命，改变传统的纸质化，需要人手工处理工作事务的办公环境。
1.2 目的和意义
信息数据的处理完全依赖人工进行操作，会耗费大量的人工成本，特别是面对大量的数据信息时，传统人工操作不仅不能对数据的出错率进行保证，还容易出现各种信息资源的低利用率与低安全性问题。更有甚者，耽误大量的宝贵时间，尤其是对信息的更新，归纳与统计更是耗财耗力的过程。所以电子化信息管理的出现就能缓解以及改变传统人工方式面临的处境，一方面可以确保信息数据在短时间被高效处理，还能节省人力成本，另一方面可以确保信息数据的安全性，可靠性，并可以实现信息数据的快速检索与修改操作，这些优点是之前的旧操作模式无法比拟的。因此美食推荐商城为数据信息的管理模式的升级与改革提供了重要的窗口。
2，需求分析
本人参考大量的食品购买软件以及充分调查工作人员和商家、买家的需求，设计出的本基于Springboot和vue的美食推荐商城使用角色为游客、注册用户、管理员、商家。框架界面分为前台、注册用户操作界面、管理员操作界面、商家操作界面。
2.1 前台功能设计
- 搜索功能，不管是游客和注册用户、管理员、商家都可以使用本功能进行特定商品的搜索；
- 公告功能，本界面里展示了不同的新闻，游客和注册用户、商家只可以在前台进行信息的浏览；
- 商品展示功能，本界面里展示了所有的商品详情，游客可以详细了解，注册用户在登录后可以进行购买；
- 用户注册功能，实现注册目的。
2.2 后台管理功能设计
- 个人中心：实现个人资料和密码的管理
- 公告类型管理：管理公告的类型
- 会员等级类型管理：管理会员等级类型
- 美食类型管理：管理美食类型
- 公告信息管理：实现公告资讯信息的发布，增删改查
- 留言板管理：管理系统的留言板信息
- 美食管理：发布商品和管理商品的上架、下架、库存信息等
- 美食评价管理：对商品进行上架、下架、编辑等，还可以查看与回复商品的评价
- 美食收藏管理：管理美食的收藏信息
- 美食订单管理：此功能可以收到用户的订单，并对订单进行管理
- 商家管理：管理系统的注册商户，增删改查，设置密码
- 用户管理：实现注册用户的管理，增删改查
- 轮播图管理：添加图片和设置轮播图
2.3 用户功能设计
- 首页：美食展示，公告信息展示，商家展示
- 公告信息：查看浏览系统公告
- 留言板：给系统留言
- 美食信息：查看浏览美食信息
- 商家信息：查看浏览商家信息
- 个人中心：个人资料管理功能，实现注册时资料的修改、维护
- 购物车：对购物车里的商品进行管理
- 食品收藏：管理自己收藏的信息
- 订单管理：管理自己购买的订单
2.4 商家功能设计
- 个人中心：个人资料管理功能，实现注册时资料的修改、维护
- 美食管理：发布商品和管理商品的上架、下架、库存信息等
- 美食评价管理：对商品进行上架、下架、编辑等，还可以查看与回复商品的评价
- 美食收藏管理：查看美食的收藏信息
- 美食订单管理：此功能可以收到用户的订单，并对订单进行管理
- 轮播图管理：查看轮播图
- 公告信息管理：查看公告信息
3，技术分析
后端技术
| 技术 | 说明 | 官网 |
|---|
| SpringBoot | Web应用开发框架 | https://spring.io/projects/spring-boot |
| SpringSecurity | 认证和授权框架 | https://spring.io/projects/spring-security |
| MyBatis | ORM框架 | http://www.mybatis.org/mybatis-3/zh/index.html |
| MyBatisGenerator | 数据层代码生成器 | http://www.mybatis.org/generator/index.html |
| Druid | 数据库连接池 | https://github.com/alibaba/druid |
| JWT | JWT登录支持 | https://github.com/jwtk/jjwt |
| Lombok | Java语言增强库 | https://github.com/rzwitserloot/lombok |
| PageHelper | MyBatis物理分页插件 | http://git.oschina.net/free/Mybatis_PageHelper |
| Swagger-UI | API文档生成工具 | https://github.com/swagger-api/swagger-ui |
前端技术
| 技术 | 说明 | 官网 |
|---|
| Vue | 前端框架 | https://vuejs.org/ |
| Vue-router | 路由框架 | https://router.vuejs.org/ |
| Vuex | 全局状态管理框架 | https://vuex.vuejs.org/ |
| Element | 前端UI框架 | https://element.eleme.io |
| Axios | 前端HTTP框架 | https://github.com/axios/axios |
| v-charts | 基于Echarts的图表框架 | 📣 有源码 获取源码 |
4，系统设计
5，商城页面展示
5.1 登录 / 注册
5.2 首页
5.3 公告信息
5.3.1 公告详情
5.4 美食信息
5.4.1 美食详情
5.5 购物车
5.6 购买商品
5.7 个人中心
5.7.1 个人资料
5.7.2 余额充值
5.7.3 商品订单
5.7.4 商品收藏
5.8 商家信息
5.8.1 商家详情
6，后台管理页面展示
6.1 个人中心
6.2 基础数据管理
6.2.1 公告类型管理
6.2.2 会员等级类型管理
6.2.3 美食类型管理
6.2 公告信息管理
6.3 留言板管理
6.4 用户管理
6.5 美食管理
6.5.1 美食评价管理
6.5.2 美食收藏管理
6.5.3 美食订单管理
6.7 商家管理
6.8 用户管理
6.9 轮播图管理
7，商家页面展示
7.1 登录 / 注册
7.2 个人中心
7.3 美食管理
7.3.1 美食评价管理
7.3.2 美食收藏管理
7.3.3 轮播图管理
7.4 轮播图管理
7.5 公告信息管理
