基于 vue 的线上点餐系统
摘要
随着信息技术在管理上越来越深入而广泛的应用，管理信息系统的实施在技术上已
逐步成熟。本文介绍了线上点餐系统的开发全过程。通过分析线上点餐系统管理的不足，
创建了一个计算机管理线上点餐系统的方案。文章介绍了线上点餐系统的系统分析部分，
包括可行性分析等，系统设计部分主要介绍了系统功能设计和数据库设计。
本线上点餐系统管理员和用户两个角色。管理员功能有，个人中心，用户管理，菜
品信息管理，菜品类别管理，订单管理，系统管理等。用户功能有，个人中心，菜品信
息管理，订单管理，我的收藏管理等。因而具有一定的实用性。
本站后台采用 Java 的 SSM 框架进行后台管理开发，前端采用 VUE 框架，可以在浏览
器上登录进行后台数据方面的管理，MySQL 作为本地数据库，用到了微信开发者工具，充
分保证系统的稳定性。系统具有界面清晰、操作简单，功能齐全的特点，使得线上点餐
系统管理工作系统化、规范化。
关键词：线上点餐系统；SSM 框架；MYSQL 数据库；VUE 框架
Abstract
With the deepening and extensive application of information technology in
management, the implementation of management information systems has gradually
matured in technology. This article introduces the entire development process
of the online ordering system. By analyzing the deficiencies of the online
ordering system management, a computer-managed online ordering system program
was created. The article introduces the system analysis part of the online
ordering system, including feasibility analysis, etc. The system design part
mainly introduces the system function design and database design.
This online ordering system has two roles: administrator and user.
Administrator functions include personal center, user management, dish
information management, dish category management, order management, system
management, etc. User functions include personal center, dish information
management, order management, my collection management, etc. So it has a certain
practicability.
The back-end of this site uses the Java SSM framework for back-end management
and development, and the front-end uses the VUE framework. You can log in on the
browser to manage the back-end data. MySQL is used as a local database and the
WeChat developer tools are used to fully ensure the stability of the system. The
system has the characteristics of clear interface, simple operation and complete
functions, which makes the management of the online ordering system systematic
and standardized.
Keywords: Online ordering system; SSM framework; MYSQL database; VUE
framework
目录
1 系统概述....................................................................................................................................1
1.1 研究背景 ........................................................................................................................1
1.2 研究目的 .........................................................................................................................1
1.3 系统设计思想..................................................................................................................1
2 相关技术....................................................................................................................................2
2.1 MYSQL 数据库..............................................................................................................2
2.2 VUE 框架简介 ................................................................................................................3
2.3 SSM 框架简介 ...............................................................................................................3
3 系统分析....................................................................................................................................5
3.1 可行性分析......................................................................................................................5
3.1.1 技术可行性............................................................................................................5
3.1.2 经济可行性............................................................................................................5
3.1.3 操作可行性............................................................................................................6
3.2 系统性能分析.................................................................................................................6
3.2.1 系统安全性.........................................................................................................6
3.2.2 数据完整性.........................................................................................................6
3.3 系统界面分析.................................................................................................................6
3.4 系统流程和逻辑..............................................................................................................8
4 系统概要设计............................................................................................................................9
4.1 概述..................................................................................................................................9
4.2 系统结构........................................................................................................................10
4.3.数据库设计....................................................................................................................11
4.3.1 数据库实体..........................................................................................................11
4.3.2 数据库设计表......................................................................................................13
5 系统详细实现..........................................................................................................................16
5.1 管理员模块的实现.......................................................................................................16
5.1.1 菜品信息管理.....................................................................................................16
5.1.2 用户信息管理.....................................................................................................16
5.1.3 订单信息管理.....................................................................................................17
5.1.4 菜品类别管理.....................................................................................................17
5.2 用户模块的实现 ..........................................................................................................18
5.2.1 系统首页.............................................................................................................18
5.2.2 我的订单.............................................................................................................19
5.2.2 收藏与加购.........................................................................................................19
6 系统测试..................................................................................................................................20
6.1 概念和意义...................................................................................................................20
6.2 特性...............................................................................................................................21
6.3 重要性...........................................................................................................................21
6.4 测试方法.......................................................................................................................22
6.5 功能测试......................................................................................................................22
6.6 可用性测试...................................................................................................................23
6.7 性能测试.......................................................................................................................23
6.8 测试分析.......................................................................................................................23
6.9 测试结果分析...............................................................................................................24
结论.............................................................................................................................................24
致谢语.........................................................................................................................................25
参考文献.....................................................................................................................................25
1
1 系统概述
1.1 研究背景
如今互联网高速发展，网络遍布全球，国内移动信息领域独树一帜，通过微信发布
的消息能快而方便的传播到世界每个角落，并且互联网上能传播的信息也很广，比如文
字、图片、声音、视频等。从而，这种种好处使得互联网成了信息传播的主要途径，社
会上各种各样的信息都想尽办法通过互联网进行传播，互联网对社会产生的影响越来越
大。
因此，开发合适的线上点餐系统，可以方便管理人员对线上点餐系统的管理，提高
信息管理工作效率及查询效率，用户可以在手机上通过来订餐，更加的方便，有利于更
好的为人们服务。
1.2 研究目的
随着互联网技术的快速发展，网络时代的到来，网络信息也将会改变当今社会。各
行各业在日常企业经营管理等方面也在慢慢的向规范化和网络化趋势汇合。线上点餐系
统的信息化程度体现在将互联网与信息技术应用于经营与管理，以现代化工具代替传统
手工作业。无疑，使用网络信息化管理使信息管理更先进、更高效、更科学，信息交流
更迅速。
对于之前点餐系统的管理，大部分都是使用传统的人工方式去管理，这样导致了管
理效率低下、出错频率高。而且，时间一长的话，积累下来的数据信息不容易保存，对
于查询、更新还有维护会带来不少问题。对于数据交接也存在很大的隐患。如果采用电
子化的存储方式就会带来很大的改善，而且给用户的查询带来了很大便利，因此设计一
个线上点餐系统刻不容缓，能够提高信息的管理水平。
1.3 系统设计思想
一个成功的网站应明确建设网站的目的，确定网站的功能，确定网站规模、投入费
用，进行必要的市场分析等。只有详细的策划，才能避免在网站建设中出现的很多问题，
使网站建设能顺利进行。同时，一个大型的计算机网站系统，必须有一个正确的设计指
导思想，通过合理选择数据结构、网络结构、操作系统以及开发环境，构成一个完善的
网络体系结构，才能充分发挥计算机信息管理的优势。根据现实生活中网民的实际需求，
