基于SpringBoot+Vue+Mysql+Java 高校校园点餐系统（附源码）

冷不防 2023-09-30 00:15 13阅读 0赞

#### 文章目录 ####

*  1、效果演示
 *  2、 前言介绍
 *  3、主要技术
 *  \*\*4 系统设计\*\*
 *   *  \*\*4.1 系统概述\*\*
     *  \*\*4.2 系统结构设计\*\*
     *  \*\*4.3数据库设计\*\*
     *   *  \*\*4.3.1 数据库设计原则\*\*
         *  \*\*4.3.2 数据库实体\*\*
         *  \*\*4.3.3 数据库表设计\*\*
 *  \*\*5统详细设计\*\*
 *   *  
     *  5.1前台首页功能模块
     *  5.2管理员功能模块
     *  5.3食堂功能模块
     *  5.4用户功能模块
 *  6、源码获取

## 1、效果演示 ##

![在这里插入图片描述][ad59a16ba1cd4caa809fa35c9a630975.png]

## 2、 前言介绍 ##

网络的快速发展从根本上更改了世界各组织的管理方式，自二十世纪九十年代开始，我国的学校等单位就设想可以通过互联网系统来进行管理信息。由于以前存在各方面的原因，比如网络普及度低、用户不接受、互联网的相关法律法规也不够完善、开发技术也不够成熟等，阻碍了互联网在各大机构中的发展速度。进入二十一世纪以后，我国经济有了快速的发展，限制机构管理的各个难题逐一被解决，国内各大机构都加入到了电子信息化的管理模式中来。

以往的高校校园点餐系统相关信息管理，都是工作人员手工统计。这种方式不但时效性低，而且需要查找和变更的时候很不方便。随着科学的进步，技术的成熟，计算机信息化也日新月异的发展，社会也已经深刻的认识，计算机功能非常的强大，计算机已经进入了人类社会发展的各个领域，并且发挥着十分重要的作用。本系统利用网络沟通、计算机信息存储管理，有着与传统的方式所无法替代的优点。比如计算检索速度特别快、可靠性特别高、存储容量特别大、保密性特别好、可保存时间特别长、成本特别低等。在工作效率上，能够得到极大地提高，延伸至服务水平也会有好的收获，有了网络，在线高校校园点餐系统的各方面的管理更加科学和系统，更加规范和简便。

## 3、主要技术 ##

开发语言：Java

框架：springboot

JDK版本：JDK1.8

服务器：tomcat7

数据库：mysql 5.7（一定要5.7版本）

数据库工具：Navicat11

开发软件：eclipse/myeclipse/idea

Maven包：Maven3.3.9

浏览器：谷歌浏览器

## **4 系统设计** ##

### **4.1 系统概述** ###

进过系统的分析后，就开始记性系统的设计，系统设计包含总体设计和详细设计。总体设计只是一个大体的设计，经过了总体设计，我们能够划分出系统的一些东西，例如文件、文档、数据等。而且我们通过总体设计，大致可以划分出了程序的模块，以及功能。但是只是一个初步的分类，并没有真正的实现。

整体设计，只是一个初步设计，而且，对于一个项目，我们可以进行多个整体设计，通过对比，包括性能的对比、成本的对比、效益的对比，来最终确定一个最优的设计方案，选择优秀的整体设计可以降低开发成本，增加公司效益，从这一点来讲，整体设计还是非常重要的。

高校校园点餐系统工作原理图如图4-1所示：

图4-1 系统工作原理图

### **4.2 系统结构设计** ###

系统架构图属于系统设计阶段，系统架构图只是这个阶段一个产物，系统的总体架构决定了整个系统的模式，是系统的基础。高校校园点餐系统的整体结构设计如图4-2所示。

图4-2 系统结构图

### **4.3数据库设计** ###

数据库是计算机信息系统的基础。目前，电脑系统的关键与核心部分就是数据库。数据库开发的优劣对整个系统的质量和速度有着直接影响。

#### **4.3.1 数据库设计原则** ####

数据库的概念结构设计采用实体—联系（E-R）模型设计方法。E-R模型法的组成元素有：实体、属性、联系，E-R模型用E-R图表示，是提示用户工作环境中所涉及的事物，属性则是对实体特性的描述。在系统设计当中数据库起着决定性的因素。下面设计出这几个关键实体的实体—关系图。

#### **4.3.2 数据库实体** ####

数据模型中的实体（Entity），也称为实例，对应现实世界中可区别于其他对象的“事件”或“事物”。例如，学校中的每个学生，家里中的每个家具。

本系统的E-R图如下图所示：

1、用户信息实体图如图4-3所示：

图4-3用户信息实体图

2、食堂信息实体图如图4-4所示：

图4-4食堂信息实体图

3、留言板信息实体图如图4-5所示：

图4-5留言板信息实体图

#### **4.3.3 数据库表设计** ####

数据库的表信息属于设计的一部分，下面介绍数据库中的各个表的详细信息。

表名：shitang

功能：食堂表

<table> 
 <thead> 
  <tr> 
   <th>字段名称</th> 
   <th>类型</th> 
   <th>长度</th> 
   <th>字段说明</th> 
   <th>主键</th> 
   <th>默认值</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>id</td> 
   <td>bigint</td> 
   <td></td> 
   <td>主键</td> 
   <td>主键</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>addtime</td> 
   <td>timestamp</td> 
   <td></td> 
   <td>新增时间</td> 
   <td></td> 
   <td>CURRENT_TIMESTAMP</td> 
  </tr> 
  <tr> 
   <td>shitanghao</td> 
   <td>varchar</td> 
   <td>100</td> 
   <td>食堂号</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>mima</td> 
   <td>varchar</td> 
   <td>100</td> 
   <td>密码</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>shitangming</td> 
   <td>varchar</td> 
   <td>100</td> 
   <td>食堂名</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>guanliyuan</td> 
   <td>varchar</td> 
   <td>200</td> 
   <td>管理员</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>shitangzhaopian</td> 
   <td>varchar</td> 
   <td>100</td> 
   <td>食堂照片</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>weishengdengji</td> 
   <td>varchar</td> 
   <td>200</td> 
   <td>卫生等级</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>lianxidianhua</td> 
   <td>varchar</td> 
   <td>200</td> 
   <td>联系电话</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>shitangdizhi</td> 
   <td>varchar</td> 
   <td>200</td> 
   <td>食堂地址</td> 
   <td></td> 
   <td></td> 
  </tr> 
 </tbody> 
</table>

表名：shitangcaidan

功能：食堂菜单表

<table> 
 <thead> 
  <tr> 
   <th>字段名称</th> 
   <th>类型</th> 
   <th>长度</th> 
   <th>字段说明</th> 
   <th>主键</th> 
   <th>默认值</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>id</td> 
   <td>bigint</td> 
   <td></td> 
   <td>主键</td> 
   <td>主键</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>addtime</td> 
   <td>timestamp</td> 
   <td></td> 
   <td>创建时间</td> 
   <td></td> 
   <td>CURRENT_TIMESTAMP</td> 
  </tr> 
  <tr> 
   <td>shitanghao</td> 
   <td>varchar</td> 
   <td>200</td> 
   <td>食堂号</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>shitangming</td> 
   <td>varchar</td> 
   <td>200</td> 
   <td>食堂名</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>caipin</td> 
   <td>varchar</td> 
   <td>200</td> 
   <td>菜品</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>caixi</td> 
   <td>varchar</td> 
   <td>200</td> 
   <td>菜系</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>tupian</td> 
   <td>varchar</td> 
   <td>200</td> 
   <td>图片</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>fenliang</td> 
   <td>varchar</td> 
   <td>200</td> 
   <td>分量</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>shicai</td> 
   <td>varchar</td> 
   <td>200</td> 
   <td>食材</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>shitangdizhi</td> 
   <td>varchar</td> 
   <td>200</td> 
   <td>食堂订单</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>xiangqing</td> 
   <td>varchar</td> 
   <td>200</td> 
   <td>详情</td> 
   <td></td> 
   <td></td> 
  </tr> 
 </tbody> 
</table>

表名：xiaoxiliuyan

功能：消息留言表

<table> 
 <thead> 
  <tr> 
   <th>字段名称</th> 
   <th>类型</th> 
   <th>长度</th> 
   <th>字段说明</th> 
   <th>主键</th> 
   <th>默认值</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>id</td> 
   <td>bigint</td> 
   <td></td> 
   <td>主键</td> 
   <td>主键</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>addtime</td> 
   <td>timestamp</td> 
   <td></td> 
   <td>创建时间</td> 
   <td></td> 
   <td>CURRENT_TIMESTAMP</td> 
  </tr> 
  <tr> 
   <td>zhanghao</td> 
   <td>varchar</td> 
   <td>200</td> 
   <td>账号</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>xingming</td> 
   <td>varchar</td> 
   <td>200</td> 
   <td>姓名</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>jiaose</td> 
   <td>longtext</td> 
   <td>4294967295</td> 
   <td>角色</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>shitanghao</td> 
   <td>varchar</td> 
   <td>200</td> 
   <td>食堂号</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>shitangming</td> 
   <td>varchar</td> 
   <td>200</td> 
   <td>食堂名</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>dingdanhao</td> 
   <td>varchar</td> 
   <td>200</td> 
   <td>订单号</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>peisongfen</td> 
   <td>varchar</td> 
   <td>200</td> 
   <td>配送分</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>baozhuangfen</td> 
   <td>varchar</td> 
   <td>200</td> 
   <td>包装分</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>caipinfen</td> 
   <td>varchar</td> 
   <td>200</td> 
   <td>菜品分</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>shijian</td> 
   <td>varchar</td> 
   <td>200</td> 
   <td>时间</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>jianyi</td> 
   <td>varchar</td> 
   <td>200</td> 
   <td>建议</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>sfsh</td> 
   <td>varchar</td> 
   <td>200</td> 
   <td>是否审核</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>shhf</td> 
   <td>varchar</td> 
   <td>200</td> 
   <td>审核回复</td> 
   <td></td> 
   <td></td> 
  </tr> 
 </tbody> 
</table>

表名：caixifenlei

功能：菜系分类表

表名：yonghu

功能：用户表

<table> 
 <thead> 
  <tr> 
   <th>字段名称</th> 
   <th>类型</th> 
   <th>长度</th> 
   <th>字段说明</th> 
   <th>主键</th> 
   <th>默认值</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>id</td> 
   <td>bigint</td> 
   <td></td> 
   <td>主键</td> 
   <td>主键</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>addtime</td> 
   <td>timestamp</td> 
   <td></td> 
   <td>新增时间</td> 
   <td></td> 
   <td>CURRENT_TIMESTAMP</td> 
  </tr> 
  <tr> 
   <td>zhanghao</td> 
   <td>varchar</td> 
   <td>100</td> 
   <td>账号</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>mima</td> 
   <td>varchar</td> 
   <td>100</td> 
   <td>密码</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>xingming</td> 
   <td>varchar</td> 
   <td>100</td> 
   <td>姓名</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>jiaose</td> 
   <td>varchar</td> 
   <td>100</td> 
   <td>角色</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>xingbie</td> 
   <td>varchar</td> 
   <td>100</td> 
   <td>性别</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>nianling</td> 
   <td>varchar</td> 
   <td>100</td> 
   <td>年龄</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>shouji</td> 
   <td>varchar</td> 
   <td>100</td> 
   <td>手机</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>youxiang</td> 
   <td>varchar</td> 
   <td>100</td> 
   <td>邮箱</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>zhaopian</td> 
   <td>varchar</td> 
   <td>100</td> 
   <td>照片</td> 
   <td></td> 
   <td></td> 
  </tr> 
 </tbody> 
</table>

## **5统详细设计** ##

###  ###

### 5.1前台首页功能模块 ###

高校校园点餐系统，在系统首页可以查看首页、食堂菜单、新闻资讯、留言反馈、我的、跳转到后台、购物车等内容，如图5-1所示。

![eed94c3bfe59aaa674fa55adf4b0f127.png][]

图5-1前台首页功能界面图

用户注册、用户登录，在用户注册页面可以填写账号、密码、姓名、角色、性别、年龄、手机、邮箱等信息进行用户注册、登录，如图5-2所示。

![5359e68816eca2fa1f4bfbeb1638a361.png][]

![b85c046c466361bb8fba182e239c23c2.png][]

食堂菜单，在食堂菜单页面通过填写食堂号、食堂名、菜品、菜系、图片、分量、食材、食堂地址、详情、价格、座位总数等信息进行添加到购物车、立即预定、点我收藏等操作，如图5-3所示。在我的地址页面通过填写联系人、手机号码、默认地址、选择地址等信息进行添加或重置操作，如图5-4所示。

![5bf28f985679b72ac601ed65be8d07da.png][]

图5-3食堂菜单界面图

![afe0acd73ef62d2d8eba187bd88d0561.png][]

### 5.2管理员功能模块 ###

管理员登录，通过填写输入用户名、密码进行登录，如图5-5所示。

![5a4ea6ee773f665b9f341bc7378e5c05.png][]

管理员登录进入高校校园点餐系统可以查看个人中心、用户管理、食堂管理、食堂菜单管理、菜系分类管理、消息留言管理、留言板管理、系统管理、订单管理等信息。

用户管理，在用户管理页面中可以通过填写账号、密码、姓名、角色、性别、年龄、手机、邮箱、照片、余额等内容进行查看、修改、删除等操作，如图5-6所示。

食堂管理，在食堂管理页面中可以查看食食堂号、密码、食堂名、管理员、食堂照片、卫生等级、联系电话、食堂地址、余额等信息，并可根据需要对已有食堂管理进行查看、修改、删除等操作，如图5-7所示。

![6d58231fa7576ba5e7636c99dd0c3c81.png][]

![6d547740a43ebf752a5f2e725c1dff54.png][]

菜系分类管理，在菜系分类管理页面中可以查看菜系等信息，并可根据需要对已有菜系分类管理进行修改或删除等操作，如图5-8所示。

![72e441d33996379586aca514e82a590a.png][]

消息留言管理，在消息留言管理页面中可以查看账号、姓名、角色、食堂号、食堂名、订单号、配送分、包装分、菜品分、时间、建议、是否审核、审核回复等信息，并可根据需要对已有消息留言管理进行审核、查看、修改或删除等详细操作，如图5-9所示。

![427f94d4ff5108f365cc1df04fe49308.png][]

留言板管理，在留言板管理页面中可以查看留言人id  
、用户名、留言内容、回复内容等内容，并且根据需要对已有留言板管理进行查看、回复、修改或删除等详细操作，如图5-10所示。

![aad35b2680053711c1c57d64ed2c0f7e.png][]

美食资讯管理，在美食资讯管理页面中可以查看标题、简介、图片、内容等内容，并且根据需要对已有美食资讯管理进行查看、修改或删除等详细操作，如图5-11所示。

![39e0920863a4257bc545218de7b93181.png][]

订单管理，在订单管理页面中可以查看订单编号、商品表名、用户ID、商品ID、商品名称、商品图片、购买数量、价格/积分、折扣价格、总价格/总积分、折扣总价格、

支付类型、状态、地址等内容，并且根据需要对已有订单管理进行查看，修改或删除等详细操作，如图5-12所示。

![6ff2886dd0b7bcf96fc29eb195206a8a.png][]

### 5.3食堂功能模块 ###

食堂登录进入高校校园点餐系统可以查看个人中心、食堂菜单管理、菜系分类管理、消息留言管理、订单管理等内容。

食堂菜单管理，在食堂菜单管理页面中通过填写食堂号、食堂名、菜品、菜系、图片、分量、食材、食堂地址、详情、价格、座位总数、已选座位\[用号隔开\]等信息，还可以根据需要对食堂菜单管理进行查看、修改、删除等操作，如图5-13所示。

![6f1db5b8f651013af52636448e3ecaa8.png][]

菜系分类管理，在菜系分类管理页面中可以填写菜系等信息，并且根据需要对已有菜系分类管理进行修改、删除等其他详细操作，如图5-14所示。

![c8113bf35238cd67324a1a7c268a7fe0.png][]

订单管理，在订单管理页面中通过填写订单编号、商品表名、用户ID、商品ID、商品名称、商品图片、购买数量、价格/积分、折扣价格、总价格/总积分、折扣总价格、

支付类型、状态、地址等内容进行查看、发货等操作，如图5-15所示。

![ee77b9e2ca771a03c8d8eaff4e35b0de.png][]

### 5.4用户功能模块 ###

用户登录进入高校校园点餐系统可以查看个人中心、消息留言管理、我的收藏管理、订单管理等内容。

消息留言管理，在消息留言管理页面中通过填写账号、姓名、角色、食堂号、食堂名、订单号、配送分、包装分、菜品分、时间、建议、是否审核、审核回复等信息，还可以根据需要对消息留言管理进行查看、修改、删除等操作，如图5-16所示。

![60843b01e0d8dc79c3087809e0d23417.png][]

支付类型、状态、地址等信息，并且根据需要对已有订单管理进行查看等其他详细操作，如图5-17所示。

![8eee3fcadb4ca540a7d022593cad0817.png][]

## 6、源码获取 ##

[ad59a16ba1cd4caa809fa35c9a630975.png]: https://img-blog.csdnimg.cn/ad59a16ba1cd4caa809fa35c9a630975.png
[eed94c3bfe59aaa674fa55adf4b0f127.png]: https://img-blog.csdnimg.cn/img_convert/eed94c3bfe59aaa674fa55adf4b0f127.png
[5359e68816eca2fa1f4bfbeb1638a361.png]: https://img-blog.csdnimg.cn/img_convert/5359e68816eca2fa1f4bfbeb1638a361.png
[b85c046c466361bb8fba182e239c23c2.png]: https://img-blog.csdnimg.cn/img_convert/b85c046c466361bb8fba182e239c23c2.png
[5bf28f985679b72ac601ed65be8d07da.png]: https://img-blog.csdnimg.cn/img_convert/5bf28f985679b72ac601ed65be8d07da.png
[afe0acd73ef62d2d8eba187bd88d0561.png]: https://img-blog.csdnimg.cn/img_convert/afe0acd73ef62d2d8eba187bd88d0561.png
[5a4ea6ee773f665b9f341bc7378e5c05.png]: https://img-blog.csdnimg.cn/img_convert/5a4ea6ee773f665b9f341bc7378e5c05.png
[6d58231fa7576ba5e7636c99dd0c3c81.png]: https://img-blog.csdnimg.cn/img_convert/6d58231fa7576ba5e7636c99dd0c3c81.png
[6d547740a43ebf752a5f2e725c1dff54.png]: https://img-blog.csdnimg.cn/img_convert/6d547740a43ebf752a5f2e725c1dff54.png
[72e441d33996379586aca514e82a590a.png]: https://img-blog.csdnimg.cn/img_convert/72e441d33996379586aca514e82a590a.png
[427f94d4ff5108f365cc1df04fe49308.png]: https://img-blog.csdnimg.cn/img_convert/427f94d4ff5108f365cc1df04fe49308.png
[aad35b2680053711c1c57d64ed2c0f7e.png]: https://img-blog.csdnimg.cn/img_convert/aad35b2680053711c1c57d64ed2c0f7e.png
[39e0920863a4257bc545218de7b93181.png]: https://img-blog.csdnimg.cn/img_convert/39e0920863a4257bc545218de7b93181.png
[6ff2886dd0b7bcf96fc29eb195206a8a.png]: https://img-blog.csdnimg.cn/img_convert/6ff2886dd0b7bcf96fc29eb195206a8a.png
[6f1db5b8f651013af52636448e3ecaa8.png]: https://img-blog.csdnimg.cn/img_convert/6f1db5b8f651013af52636448e3ecaa8.png
[c8113bf35238cd67324a1a7c268a7fe0.png]: https://img-blog.csdnimg.cn/img_convert/c8113bf35238cd67324a1a7c268a7fe0.png
[ee77b9e2ca771a03c8d8eaff4e35b0de.png]: https://img-blog.csdnimg.cn/img_convert/ee77b9e2ca771a03c8d8eaff4e35b0de.png
[60843b01e0d8dc79c3087809e0d23417.png]: https://img-blog.csdnimg.cn/img_convert/60843b01e0d8dc79c3087809e0d23417.png
[8eee3fcadb4ca540a7d022593cad0817.png]: https://img-blog.csdnimg.cn/img_convert/8eee3fcadb4ca540a7d022593cad0817.png