ssm522基于vue框架的点餐系统的设计与实现+vue

文章仅展示部分内容，详细的毕设论文和演示视频可以私信我的扣扣，

基于vue框架的点餐系统的设计与实现

摘要

当下，正处于信息化的时代，许多行业顺应时代的变化，结合使用计算机技术向数字化、信息化建设迈进。传统的点餐信息管理模式，采用人工登记的方式保存相关数据，这种以人力为主的管理模式已然落后。本人结合使用主流的程序开发技术，设计了一款基于vue框架的点餐系统，可以较大地减少人力、财力的损耗，方便相关人员及时更新和保存信息。本系统主要使用B/S开发模式，在idea集成开发环境下，采用Java语言编码设计系统功能，MySQL数据库管理相关的系统数据信息，vue框架设计和开发系统功能界面，最后通过使用Tomcat服务器，在浏览器中发布设计的系统，并且完成系统与数据库的交互工作。本文对系统的需求分析、可行性分析、技术支持、功能设计、数据库设计、功能测试等内容做了较为详细的介绍，并且在本文中也展示了系统主要的功能模块设计界面和操作界面，并对其做出了必要的解释说明，方便用户对系统进行操作和使用，以及后期的相关人员对系统进行更新和维护。通过设计基于vue框架的点餐系统，可以极大地提高餐馆行业的工作效率，提升用户的使用体验。

关键词：点餐管理，Java语言，B/S结构，MySQL数据库

Design and implementation of ordering system based on vue framework

Abstract

At present, we are in the era of informationization. Many industries conform to the changes of the times and use computer technology to move towards digitalization and informationization. The traditional food ordering information management mode uses manual registration to save relevant data. This manpower-based management mode is already outdated. I combined the use of mainstream program development technology to design a food ordering system based on the vue framework, which can greatly reduce the loss of human and financial resources, and facilitate relevant personnel to update and save information in a timely manner. This system mainly uses the B/S development mode. In the idea integrated development environment, the system functions are designed using Java language coding, the MySQL database manages the relevant system data information, and the vue framework designs and develops the system function interface. Finally, by using the Tomcat server, in the The designed system is published in the browser, and the interaction between the system and the database is completed. This paper gives a detailed introduction to the system requirements analysis, feasibility analysis, technical support, functional design, database design, functional testing, etc., and also shows the main function module design interface and operation interface of the system in this paper, and Necessary explanations are given to facilitate users to operate and use the system, as well as to update and maintain the system later by relevant personnel. By designing an ordering system based on the vue framework, the work efficiency of the restaurant industry can be greatly improved and the user experience can be improved.

Key words：Order management, Java language, B/S structure, MySQL database

目  录

摘要

Abstract

1绪论

1.1研究背景与意义

1.1.1研究背景

1.1.2研究意义

1.2国内外研究现状

1.2.1国外研究现状

1.2.2国内研究现状

1.3研究内容与方法

1.3.1研究内容

1.3.2研究方法

1.4论文的组织结构

2相关技术介绍

2.1 B/S结构

2.2 Java语言

2.3 SSM框架

2.4 MySQL数据库

3系统分析

3.1系统的需求分析

3.2系统的可行性分析

3.2.1经济可行性

3.2.2技术可行性

3.2.3操作可行性

4系统设计

4.1系统的总体功能设计

4.2数据库设计

4.2.1概念设计

4.2.2逻辑设计

5系统实现

5.1个人中心

5.2用户管理

5.3菜品管理

5.4菜品评价管理

5.5菜品收藏管理

5.6菜品订单管理

5.7餐桌管理

5.8基础数据管理

5.9轮播图管理

6系统测试

6.1测试概述

6.2测试结果

7总结与展望

参考文献

致谢

1绪论

1.1研究背景与意义

1.1.1研究背景

近年来，第三产业发展非常迅速，诸如计算机服务、旅游、娱乐、体育等服务行业，对整个社会的经济建设起到了极大地促进作用，这一点是毋庸置疑的。现下，国家也出台了一些列的政策来支持和鼓励第三服务产业的发展与完善，用以带动社会经济的发展[1]。所以，整体来说，国家是比较提倡发展第三方服务行业的。纵观计算机领域的发展历程，从计算机的诞生到现在，已经有几百年的历史了，计算机应用技术目前也处于成熟阶段，并且许多相关的研究人员也在提出较新的技术，不断地发展和完善计算机领域。再到如今，计算机已经发展成为一个比较热门的行业了。在高校中，计算机、人工智能等专业热度非常高，许多学生在选择专业的时候，大都优先考虑计算机专业。在社会上，计算机类行业也成为了比较受欢迎的行业，从在浏览器中访问的网址，到手机上的各种应用程序，到大型的软件服务设备，基本上都离不开计算机技术支持，以及硬件的支撑。

如今，互联网几乎遍布于世界的各个角落，人工智能、大数据占据的越来越重要的社会地位，比如疫情期间，通过大数据技术进行筛查，确定哪些人员无接触史，哪些人员需要重点观察，由此可以在极短的时间内，以最快的速度对疫情进行防控。在这个大背景环境的推动下，本人通过学习Java语言、MySQL数据库、SSM框架、vue框架等相关的计算机技术，打好坚实的技术基础，方便后期对系统进行研发。而后再通过对系统进行需求分析、可行性分析、总体功能设计等工作准备，确定系统的总体功能需求，方便接下来详细地系统功能模块进行设计和实现，最后成功的研发了一款基于vue框架的点餐系统。本系统改善了传统的管理模式，将原先的手工记录和管理信息，改进为使用计算机存储和管理信息记录，极大地方便了工作人员对相关数据进行处理，为餐馆行业节约了不少的员工费用和管理开销，并且能够在较短的时间内响应用户的需求，这种便捷的操作，对于用户来说可以节省了不少时间和精力，也省去了不少的麻烦，极大了方便了用户。

1.1.2研究意义

传统的点餐信息管理模式，主要是以人力为主进行管理和控制，由工作人员负责登记用户信息，再通过对照之前的信息记录，确定是否给用户提供相关的使用需求，以及如何提供能让用户满意的使用需求。这种管理模式已经适应不了时代的变化了，正在不断地走下坡路，并且逐步被信息化管理模式所取代。所谓的信息化管理模式，是现在主流的一种管理模式，其通过与计算机技术相结合的方式，对行业的整个工作模式和服务流程进行改进和完善。其主要通过使用计算机等设备，将工作服务流程电子化，并且进行存储记录，用以提高行业整体的服务水平。结合使用计算机技术，本人研发出一款基于vue框架的点餐系统，采用电子化的方式对数据信息进行存储，便于工作人员对相关信息进行记录和管理，有利于提高餐馆行业的工作运营效率以及工作人员的管理速度，以此更好的满足用户的相关需求，最终达到提升用户的使用感受的目的，由此可见设计和实现本系统具有重要的意义和价值。

1.2国内外研究现状

1.2.1国外研究现状

美国是最先发展计算机技术的众多国家之一，早在上个世纪，美国就快速的将计算机技术发展起来，并且将其运用在军事、医院、学校、社会服务等场所。日本、德国等国家紧随其后，不断地发展和完善计算机技术，侧重将医疗、社会服务等领域与计算机技术相结合[2]。而后随着社会的发展与进步，计算机技术逐渐趋于成熟。许多发达国家在探索将计算机技术应用于各行各业中时，从另一个角度来看，也在不断地推进餐馆管理行业的信息化管理进程，使得点餐管理也变得更加网络化、信息化了。有许多专家表示，可以结合使用图像处理软件、人工智能技术等相关工具，深度地分析点餐管理系统，主要从简化运行操作，加设功能模块，美化系统界面，保障数据安全等方面，更深层次地提升和优化系统，并且尽可能地在理想状态下做到实时的信息共享[3]。

1.2.2国内研究现状

国内的计算机技术的发展虽然晚于国外，尤其是美国、英国、德国等发达国家。但是我国的计算机技术发展势头非常迅猛，近些年，也逐渐走向成熟和完善的阶段。现在人们大多选择网上购物，也越来越离不开天猫、支付宝、微信等应用软件的使用[4]。许多企业结合使用了云计算、人工智能等先进的计算机技术，自主研发了点餐系统，使得系统越来越成熟，功能越来越完备。结合计算机技术，采用主流的B/S开发结构模式开发一款基于vue框架的点餐系统。由此，工作人员不再被时空所限制，直接通过使用浏览器的方式对系统进行注册登录操作，支持随时随地对相关的点餐信息进行管理，便于及时为用户提供相关的点餐服务。并且所设计的系统基本上能够符合用户的客观使用需求，有利于充分协调餐馆的人力、财力、物力等资源，不断提高点餐的服务水平和管理质量。

1.3研究内容与方法

1.3.1研究内容

本文首先介绍了点餐系统的研究背景与意义，其次介绍了功能模块的总体设计，接着介绍了各个功能模块的详细设计，最后介绍了系统的功能模块展示结果和测试结果。系统主要分为管理员角色和用户角色，具体的功能设计包括注册登录管理、个人中心管理、用户信息管理、菜品信息管理、订单信息管理等模块。注册登录管理功能是之前没有使用过本系统的新用户，在使用系统前，需要通过注册步骤，登记详细的信息资料，而后再通过输入正确的账号和密码，成功登录系统后，即可通过一系列的操作来满足自己的相关需求。个人中心管理功能是管理相关的个人信息资料，个人根据现实情况的需要，有选择的对个人账户的相关信息进行一定的操作，比如选择更新或者删除操作。用户信息管理是管理相关的用户信息记录，对用户相关的信息进行管理，可以及时的更新相应的用户的基本资料。菜品信息管理是管理相关的菜品信息记录，查看详情情况，方便及时响应用户的服务请求。订单信息管理是管理相关的订单信息记录，方便相关人员及时查看并追踪订单信息，如果遇到异常的订单信息，可以及时对其进行处理，在较短的时间内解决订单问题，提高用户的使用体验。

1.3.2研究方法

本系统采用B/S结构，在idea平台上，通过使用Java语言设计系统相关的功能模块，MySQL数据库管理系统相关的数据信息，vue框架设计系统功能界面，并且对其进行必要的管理和控制。系统设计的最关键的环节，则是需要通过Tomcat服务器将系统发布到浏览器上，以便相关用户的操作和使用。本系统的设计和实现是整个餐馆行业的一大进步，促进了点餐管理信息行业的信息化建设，有利于简化相关人员工作流程，提高工作效率，提升工作幸福感。

1.4论文的组织结构

基于vue框架的点餐系统的设计与实现的论文组织安排，大致可以被分为七个章节，具体的内容如下：

第一章为绪论，本章主要介绍了系统的背景、现状、方法等内容。根据研究背景与意义，介绍所要设计的系统的研究背景和理论依据，再通过国内外研究现状，了解当前相关的系统软件产品的实际研究情况，最后通过研究内容与方法，总体概括系统的整个开发流程和实现步骤，为系统提供可靠的理论依据和技术支持。

第二章为相关技术介绍，本系统通过在idea开发环境中，使用Java语言、MySQL数据库、vue框架、SSM框架等关键技术，对系统基本功能进行设计和实现。其中，Java语言具有跨平台性，可移植性高，可以支持在不同的浏览器上运行本系统，MySQL数据库占用内存少，执行速度快，对于中小型系统的数据管理是非常好的选择。

第三章为系统分析，系统分析阶段主要是对系统进行需求和可行性分析，规划系统的功能设计，判断系统实现的可能性。根据需求分析，确认使用者对系统的基本功能需求，再通过在经济、操作、法律上进行可行性分析，分析系统研发的实际意义和使用价值，系统性能的稳定性和功能操作的便捷性，以及成功投入市场的可能性。

第四章为系统设计，系统设计阶段主要是对系统进行总体功能和数据库设计。通过介绍系统的总体功能设计，总体规划系统的功能模块，为系统的基本功能实现提供参考依据和设计思路。再通过介绍数据库设计，设计相关的数据二维表格存放和管理与系统有关的数据信息，便于相关人员管理与系统有关的数据信息，维护和更新数据信息的安全。

第五章为系统实现，系统实现阶段主要介绍了注册用户管理、菜品信息管理、订单信息管理等功能模块。通过前面介绍的需求分析、总体功能设计、数据库设计等相关内容，对系统基本的功能模块进行设计与实现。系统实现过程也可以说为对系统的各个相关功能进行设计和实现的过程，在整个系统开发过程中，这一阶段是极为重要，直接关系到用户对系统的使用感受。

第六章为系统测试，系统测试阶段主要介绍了系统测试基本概念、测试用例、测试功能等相关内容。系统测试阶段主要任务是对系统进行功能测试，测试所设计的系统功能模块能否正常打开并使用，在系统运行过程中是否发生异常，如运行异常、数据异常、结果异常等，并且根据测试结果，给出相应的测试总结，由此得出相关结论，说明系统是否达到预期要求、设计目的。

第七章为总结与展望，对全文内容进行总结，并且对未来提出展望。总体来说，本系统的开发是比较理想的，未来的工作主要是针对于系统的功能和性能等方面，做一定的改进和完善，不断地优化系统的功能设计，美化系统的界面设计，简化系统的操作难度，使其能够满足更多用户的使用需求。

2相关技术介绍

2.1 B/S结构

目前使用较多的开发结构模式大致可以包括C/S模式和B/S模式[5]。其中，C/S模式全称为客户端/服务器模式（Client/Server模式），B/S模式全称为浏览器/服务器模式（Browser/Server模式）。基于C/S模式下开发的系统，用户必须下载相应的客户端，即应用程序，才能操作和使用软件系统的相关功能模块。从使用者的角度来看，由于下载和安装客户端的步骤比较繁琐，期间还需要确保下载网速的稳定性，以及安装步骤的正确性，进而增加了用户放弃使用该系统的可能性，由此可见C/S模式具有很大的局限性。

由于C/S模式适用于小范围的局域网，并且具有一定的通信效率，所以在以前系统规模很小的时代，主要使用C/S模式对系统开发。随着时代地发展以及社会地进步，C/S模式也越来越满足不了开发者的设计需要，以及使用者的使用需求[6]。当下，C/S模式已经满足不了实际的系统程序设计要求，由此，B/S模式以C/S模式为基础而被提出，并且在近些年逐渐发展成为主流的开发结构模式。在B/S模式下开发的系统，不再需要用户下载和安装相应的应用程序，直接通过使用浏览器，输入正确的网站地址，以访问网站的形式实现系统的相关功能操作，这一特点对C/S模式下的开发设计做出了极大地改进，当然需要用户输入正确的账号和密码，才能成功的进入并使用系统。

2.2 Java语言

Java语言是由美国sun公司提出的一种面向对象的程序设计语言，它拥有着优秀的技术体系结构。目前在市场上，很大一部分的应用系统主要使用Java语言进行开发[7]。Java语言具有简单易懂，操作方便，健壮性强等优点，开发人员能够的在短时间内理解和掌握Java语言，并将其运用到具体的系统开发过程中学。Java语言所提供的垃圾回收机制，主要被用于解决系统的内存管理问题。此外，Java语言还将C语言中较难掌握的指针改进成容易被学习和掌握的引用，由此极大地简化了开发编程的难易程度，所以受到了很多开发人员的喜爱，大多数研发人员基本上首选使用Java语言开发系统。Java语言还具有跨平台性的特点，意味着它的可移植性非常高，这一特点有利于开发人员更新和维护相关代码，由它所开发的系统可以支持在不同的浏览器中打开。因为使用Java开发的系统兼容性较强，代码通用性较高，为了后期方便对系统进行完善和维护，所以本系统选择了使用Java语言进行设计和实现。

2.3 SSM框架

SSM框架主要由Spring、SpringMVC、MyBatis这三个框架所集成的，是现在比较流行的一种Java开发框架，能够适用于大中型的应用程序的设计和搭建[8]。Spring是前几十年前兴起的一种轻量级的、开源的Java开发框架，使用它可以解决相关的系统对象创建和对象依赖问题，并且也可以将高耦合的系统分解为低耦合的多个功能模块，方便对系统模块进行明确的分工，对功能代码进行理解和修改，这就极大地减轻了设计人员的开发压力[9]。SpringMVC框架是基于Spring框架而被提出的，它以MVC三层架构为核心，对Spring的相关技术进行了整合，主要针对于Web端进行技术架构，通过对相关的请求处理进行细化处理，用来响应用户的使用请求。MyBatis框架是一种开源的Java持久层框架，它改进了手动设置参数和获取结果记录的方式，通过支持对数据库进行存储过程、高级映射等处理，使得数据库的操作更加定制化、透明化，因此降低了数据库访问的复杂性，提高了开发的工作效率。

2.4 MySQL数据库

MySQL数据库是目前使用较多的关系型数据库。因为其具有开源免费、占用内存少、安装简单、操作便捷、使用灵活等特点，所以经常被运用于中小型的系统开发中[10]。MySQL数据库可以支持多线程，在同一个时间内，能够同时响应多个用户的使用需求。MySQL数据库还自带了优化器，方便设计人员在 使用过程中，快速的查询相关的数据信息。除此之外，SQL server数据库也是当下较为主流的关系型数据库，它在数据安全、系统稳定等方面还是比有所保障，但是由于其收费使用、占用内存大、操作复杂、维护成本高，一般适用于中型及以上的系统开发中。MySQL数据库的内部代码中也很多的应用程序接口，便于其他编程语言与数据库进行连接和交互，由此编写的代码具有极高的通用性和维护性，并且MySQL数据库能够迅速的处理上千条数据记录，在系统故发生障时，能通过日志文件快速恢复。MySQL数据库与SQL server数据库相比较，综合考虑成本开销、占存大小、代码通用、数据维护、操作难易程度等方面，MySQL数据库占有很大的优势，数据库设计人员也比较喜欢使用MySQL数据库对系统数据进行管理。