摘 要
互联网的兴起从本质上改变了整个社会对信息的管理方式，我国从上个世纪90年代互联网兴起之时，就产生了通过网络进行系统管理的想法。但是由于在互联网上的信誉难以认证、网络的法规政策不健全等一系列的原因，限制了网上信息管理发展的步伐。进入21世纪以后，随着整个社会的发展、进步，制约网上交流的各个瓶颈问题逐一被击破，比如QQ、微信等各大平台也纷纷的加入到洪潮之中。
美食网站是在的数据存储主要通过MySQL。用户在使用应用时产生的数据通过Java语言传递给数据库。通过此方式促进美食信息流动和数据传输效率，提供一个内容丰富、功能多样、易于操作的平台。述了数据库的设计，系统的详细设计部分主要论述了几个主要模块的详细设计过程。
4 系统软件的总体设计
4.1系统的基本要求
（1）功能要求：管理员可以管理自己的个人中心，对餐厅管理、用户管理、餐厅信息管理、菜系分类管理、美食信息管理、美食文化管理、系统管理、订单管理等进行管理 [3]。
（2）性能：可以准确无误的在不同的操作系统中登录到用户、餐厅或者管理员的相应界面进行轻松的操作[4]。
（3）环境要求：支持不同的操纵系统和不同的平台，可用于Windows系列、Vista系统等多种操作系统。
4.2 系统开发目标
本美食网站的主要开发目标如下：
（1）减少后台管理人员的工作量，对餐厅的信息进行系统的管理；
（2）必须要方便快捷的查看搜索信息并管理信息；
（3）用户是具有多样性的，所以界面要设置的简单明了，操作更要方便快捷。
4.3 系统总体架构设计
本系统使用的数据库为MySQL数据库[10]，选择该数据库的原因是因为该数据库开源、免费，且相对简便，且由于使用人数众多，在处理问题上会得到更多已知的帮助。本系统作为一个美食网站，其体量并不会很大，也很适合MySQL数据库的特点。综上所述，本项目采用MySQL作为本项目的数据库和进行数据表的设计。
如图4-1是该系统软件的总体功能结构图：
图4-1 总体功能结构图
4.4 系统数据库的设计
4.4.1数据库设计原则
要学习程序设计，如果您想了解数据库管理系统或根据需要开发的系统接口，则必须创建一个数据库管理系统模型来存储数据。这样就不需要在应用程序编程期间将信息加载到操作系统页面中，从而提高了整个系统的效率。信息数据库管理系统中存储着大量的数据，可以说是管理信息系统建设的中心和基础。该信息库管理系统还提供了管理信息系统建设中添加、删除、修改和搜索的操作功能，使管理信息系统建设可以快速查询所需数据，而不是直接从程序代码中查找。信息库管理系统将信息表的各个组成部分按照具体的方法进行组合，准确地组合、分类并构成信息库管理系统。
4.4.2数据库E/R图
ER图是由实体及其关系构成的图，通过E/R图可以清楚地描述系统涉及到的实体之间的相互关系。在系统中对一些主要的几个关键实体如下图：
(1) 餐厅实体属性图如下所示：
图4-2餐厅实体属性图
(2) 餐厅信息实体属性图如下所示：
图4-3餐厅信息实体属性图
(3) 美食文化实体属性图如下所示：
图4-4美食文化实体属性图
(4) 美食信息实体属性图如下所示：
图4-5美食信息实体属性图
(5) 订单实体属性图如下所示：
图4-6订单实体属性图
4.4.3 数据库表
该系统采用的数据库是MySQL，根据该系统的数据存储特点进行数据库关系表的设计。下面是该系统中关键部分关系表的详细信息。
表4-1：美食信息评论表
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | 主键 | 主键 | ||
| addtime | timestamp | 创建时间 | CURRENT_TIMESTAMP | ||
| refid | bigint | 关联表id | |||
| userid | bigint | 用户id | |||
| avatarurl | longtext | 4294967295 | 头像 | ||
| nickname | varchar | 200 | 用户名 | ||
| content | longtext | 4294967295 | 评论内容 | ||
| reply | longtext | 4294967295 | 回复内容 |
表4-2：美食文化评论表
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | 主键 | 主键 | ||
| addtime | timestamp | 创建时间 | CURRENT_TIMESTAMP | ||
| refid | bigint | 关联表id | |||
| userid | bigint | 用户id | |||
| avatarurl | longtext | 4294967295 | 头像 | ||
| nickname | varchar | 200 | 用户名 | ||
| content | longtext | 4294967295 | 评论内容 | ||
| reply | longtext | 4294967295 | 回复内容 |
。
。
。
。
表4-14：餐厅信息
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | 主键 | 主键 | ||
| addtime | timestamp | 创建时间 | CURRENT_TIMESTAMP | ||
| cantingzhanghao | varchar | 200 | 餐厅账号 | ||
| cantingmingcheng | varchar | 200 | 餐厅名称 | ||
| cantingweizhi | varchar | 200 | 餐厅位置 | ||
| cantingdianhua | varchar | 200 | 餐厅电话 | ||
| cantingfengmian | longtext | 4294967295 | 餐厅封面 | ||
| cantingxiangqing | longtext | 4294967295 | 餐厅详情 |
表4-15：餐厅
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | 主键 | 主键 | ||
| addtime | timestamp | 创建时间 | CURRENT_TIMESTAMP | ||
| cantingzhanghao | varchar | 200 | 餐厅账号 | ||
| mima | varchar | 200 | 密码 | ||
| cantingmingcheng | varchar | 200 | 餐厅名称 | ||
| cantingweizhi | varchar | 200 | 餐厅位置 | ||
| cantingdianhua | varchar | 200 | 餐厅电话 | ||
| cantingfengmian | longtext | 4294967295 | 餐厅封面 | ||
| money | float | 余额 | 0 |
5 系统软件功能的具体实现
5.1系统功能实现
当人们打开系统的网址后，首先看到的就是首页界面。在这里，人们能够看到系统的导航条，通过导航条导航进入各功能展示页面进行操作。系统首页界面如图5-1所示：
图5-1 系统首页界面
餐厅信息：在餐厅信息页面的输入栏中输入餐厅账号和餐厅名称进行查询，可以查看到餐厅详细信息，并根据需要进行评论或收藏操作；餐厅信息页面如图5-2所示：
图5-2餐厅信息详细页面
美食信息：在美食信息页面的输入栏中输入美食名称、餐厅账号和选择菜系分类进行查询，可以查看到美食详细信息，并根据需要进行添加到购物车、立即购买、评论或收藏操作；美食信息页面如图5-3所示：
图5-3美食信息详细页面
购物车：在购物车页面可以查看到商品名称、图片、价格、数量、总价等详细信息，并进行点击购买或删除操作，购物车页面如图5-4所示：
图5-4购物车详细页面
个人中心：在个人中心页面可以对个人中心、我的订单、我的地址和我的收藏进行详细操作；
我的订单：在我的订单页面可以对未支付、已支付、已发货、已完成、已退款和已取消订单进行详细操作；如图5-5所示：
图5-5我的订单界面
5.2后台模块实现
后台用户登录，在登录页面选择需要登录的角色，在正确输入用户名和密码后，进入操作系统进行操作；如图5-6所示。
图5-6 后台登录界面
5.2.1管理员模块实现
管理员进入主页面，主要功能包括对个人中心、餐厅管理、用户管理、餐厅信息管理、菜系分类管理、美食信息管理、美食文化管理、系统管理、订单管理等进行操作。管理员主页面如图5-7所示：
图5-7 管理员主界面
管理员点击餐厅管理。在餐厅页面输入餐厅账号和餐厅位置进行查询、新增或删除餐厅列表，并根据需要对餐厅详情信息进行详情、修改或删除操作；如图5-8所示：
图5-8餐厅管理界面
管理员点击用户管理。进入用户页面输入用户账号和选择性别进行查询、修改或删除用户列表，并根据需要对用户详细信息进行详情、修改或删除操作。如图5-9所示：
图5-9用户管理界面
管理员点击餐厅信息管理。在餐厅信息页面输入餐厅账号和餐厅名称进行查询或删除餐厅信息列表，并根据需要对餐厅详细信息进行详情、修改、查看评论或删除操作。如图5-10所示：
图5-10餐厅信息管理界面
管理员点击美食信息管理。在美食信息页面输入美食名称、餐厅账号和选择菜系分类进行查询或删除美食信息列表，并根据需要对美食信息详细信息进行详情、修改、查看评论或删除操作。如图5-11所示：
图5-11美食信息管理界面
管理员点击美食文化管理。在美食文化页面输入美食名称、材料和选择分类进行查询或删除美食文化列表，并根据需要对热门美食详细信息进行详情、修改、查看评论或删除操作。如图5-12所示：
图5-12美食文化管理界面
管理员点击系统管理。在公告资讯页面输入标题进行查询、新增或删除公告资讯列表，并根据需要对公告资讯详细信息进行详情、修改或删除操作；还可以对关于我们、系统简介和轮播图管理进行详细操作。如图5-13所示：
图5-13系统管理界面
5.2.2用户模块实现
用户进入系统可以对个人中心、美食文化管理等功能进行操作。用户主页面如图5-14所示：
图5-14用户主界面
用户点击美食文化管理。在美食文化页面输入标题、用户账号和选择是否通过进行查询、新增或删除美食文化列表，并根据需要对美食文化详细信息进行修改、查看评论或删除操作。如图5-15所示：
图5-15美食文化管理界面
5.2.3餐厅模块实现
餐厅进入系统可以对个人中心、餐厅信息管理、美食信息管理、订单管理等功能进行操作。餐厅主页面如图5-16所示：
图5-16 餐厅主界面
餐厅点击餐厅信息管理。在餐厅信息页面输入餐厅账号和餐厅名称行查询或、新增或删除餐厅信息列表，并根据需要对餐厅详细信息进行详情、修改、查看评论或删除操作。如图5-17所示：
图5-17餐厅信息管理界面
餐厅点击美食信息管理。在美食信息页面输入美食名称、餐厅账号和选择菜系分类进行查询、新增或删除美食信息列表，并根据需要对美食信息详细信息进行详情、修改、查看评论或删除操作。如图5-18所示：
图5-18美食信息管理界面
订单管理，在已支付订单页面可以对索引、订单编号、商品名称、商品图片、购买数量、价格、折扣价格、总价格、折扣总价格、支付类型、状态、地址、电话、收货人、备注、商户名称、下单时间等内容进行详情、发货和删除等操作，还可对已完成订单、已发货订单、未支付订单、已取消订单、已退款订单进行相对应操作。如图5-19所示：
图5-19美食信息管理界面
源码领取：
v关功纵浩 文心海资源库 回复 源码 领取
标签：vue,界面,餐厅,源码,美食,所示,如图,文末,页面 From： https://blog.csdn.net/2401_83500884/article/details/136703964