springboot奶茶店线上点单小程序-计算机毕业设计源码72923

基于微信小程序的奶茶店线上点单系统的设计与实现

XXX专业XX级XX班：XXX   指导教师：XXX

摘要  近年来，随着移动互联网的迅猛发展，微信小程序作为一种轻量级应用形式逐渐受到人们的关注和喜爱。在此背景下，各行各业开始向微信小程序上线他们的服务，其中包括餐饮行业。奶茶店作为受欢迎的消费场所之一，也开始积极探索利用微信小程序来提升用户体验和服务效率。

本论文旨在探讨基于微信小程序的奶茶店线上点单系统的设计和实现。通过分析奶茶店传统点单流程中存在的问题，如等待时间长、订单准确性低等，提出了利用微信小程序建立线上点单系统的解决方案。设计了一个包括奶茶商品浏览、商品选择、订单支付等功能的线上点单系统原型，并通过实际应用和用户反馈进行了评估。研究结果表明，基于微信小程序的奶茶店线上点单系统能够有效提高用户点单体验，减少等待时间，提高订单准确性，增加店铺营业额。该系统不仅可以满足用户个性化点单需求，还可以帮助奶茶店提升客户忠诚度和竞争力。因此，将微信小程序应用于奶茶店线上点单系统具有良好的发展前景。

关键词  Springboot；奶茶店线上点单系统；MySQL；微信小程序

Design and implementation of an online ordering system for milk tea shops based on WeChat mini programs

Major: xxx  Grade: xxx  Class: xx  Student: xxx  

Supervisor: xxx 

Abstract  In recent years, with the rapid development of mobile Internet, WeChat applet, as a lightweight application form, has gradually attracted people's attention and love. In this context, various industries have started to launch their services on WeChat mini programs, including the catering industry. As one of the popular consumer places, milk tea shops are also actively exploring the use of WeChat mini programs to improve user experience and service efficiency.

This paper aims to explore the design and implementation of an online ordering system for milk tea shops based on WeChat mini programs. By analyzing the problems in the traditional ordering process of milk tea shops, such as long waiting times and low order accuracy, a solution is proposed to establish an online ordering system using WeChat mini programs. Designed an online ordering system prototype that includes functions such as browsing milk tea products, selecting products, and paying orders, and evaluated it through practical applications and user feedback. The research results indicate that the online ordering system for milk tea shops based on WeChat mini programs can effectively improve user ordering experience, reduce waiting time, improve order accuracy, and increase store revenue. This system can not only meet the personalized ordering needs of users, but also help milk tea shops improve customer loyalty and competitiveness. Therefore, applying WeChat mini programs to the online ordering system of milk tea shops has good development prospects.

Key words  Springboot; Online ordering system for milk tea shops; MySQL; WeChat Mini Program

目录

1 绪论

1.1 研究背景与意义

1.2研究现状

1.3论文结构与章节安排

2 相关技术介绍

2.1 微信开发者工具

2.2 小程序框架以及目录结构介绍

2.3  JAVA技术

2.4  Vue主要功能

2.5  Springboot框架

3 系统分析设计

3.1 可行性分析

3.1.1 技术可行性分析

3.1.2 经济可行性分析

3.1.3 操作可行性分析

3.2 系统流程分析

3.2.1 用户登录流程

3.2.2 信息添加流程

3.2.3 信息删除流程

3.3 功能需求分析

3.4 非功能性需求分析

3.5系统角色用例分析

3.5.1系统前台用户用例

3.5.2系统后端用例

4 系统概要设计

4.1开发流程设计

4.2系统功能结构设计

4.3数据库概念结构设计

4.4数据库逻辑结构设计

5 系统的实现

5.1前台用户功能模块

5.1.1 前台首页界面

5.1.2注册界面

5.1.3登录界面

}

5.1.4 信息资讯界面

5.1.5 奶茶商品详情界面

5.1.6购物车管理界面

5.1.7订单管理界面

5.1.8取消订单界面

5.2后台功能模块

5.2.1 系统用户界面

5.2.2 系统管理界面

5.2.3 奶茶商品管理界面

5.2.4 分类列表界面

5.2.5会员等级界面

6系统的测试

6.1测试的目的

6.2 系统测试用例

6.3 系统测试结果

结论

参考文献

致谢

1 绪论

1.1 研究背景与意义

随着互联网的快速发展，人们的生活方式也发生了巨大变化，传统的实体店铺已经不能满足现代消费者的需求。特别是在餐饮行业，线上点餐系统逐渐成为消费者首选。而在奶茶店这一细分市场中，消费者对于方便、快捷、个性化的需求也日益增长。结合微信小程序的普及和便利性，基于微信小程序的奶茶店线上点单系统成为了一个备受关注的研究方向。

基于微信小程序的奶茶店线上点单系统研究具有重要的理论和实际意义，对奶茶店的经营和消费者的体验都具有积极的推动作用。现代消费者重视便利性和个性化体验，奶茶店线上点单系统可以更好地满足消费者对于快速、方便点单的需求。通过线上点单系统，奶茶店可以提高订单接收效率，减少人力成本，提升整体经营效益。奶茶店线上点单系统可以收集大量消费者数据，奶茶店可以通过数据分析优化产品定位、促销策略等经营决策。通过研究本系统，可以为传统奶茶店带来新的商业模式和经营方式，为行业发展带来新的机遇。

1.2研究现状

随着互联网的发展和移动支付的普及，线上订购成为了人们日常生活的一部分。在快节奏的都市生活中，越来越多的消费者选择通过线上平台来购买所需的商品和服务。奶茶作为一种受欢迎的饮品，也跟随着这个趋势，在市场上逐渐形成了一种可供选择的消费方式。

目前，奶茶店的线上点单系统主要有两种形式：一种是通过专门的手机应用程序来进行点单，比如美团、饿了么等；另一种是通过微信小程序来进行点单，比如星巴克、喜茶等。

通过手机应用程序点单的优势在于其功能更为丰富，可以实现订单管理、支付、配送等多种功能。但是，需要用户下载安装特定的应用程序，使用起来相对繁琐。而微信小程序则更加便捷，只要用户扫码或搜索即可使用，不需要安装额外的应用程序。此外，微信小程序在用户体验和推广方面也有一定的优势，因为几乎每个人都使用微信，对于用户来说已经具备了一定的使用习惯。

随着微信小程序的日益普及和使用场景的不断拓展，越来越多的奶茶店开始尝试使用微信小程序作为线上点单的方式。通过微信小程序，消费者可以随时随地进行点单，并且可以实时查看菜单、价格、口味等信息。对于奶茶店来说，微信小程序能够更好地帮助他们管理订单、提高效率、减少排队时间，并且通过精准推送、营销活动等方式来增加销售额。

然而，目前奶茶店的微信小程序存在一些问题和挑战。首先，由于微信小程序的功能相对有限，受限于微信的平台，无法实现一些高级功能，如实时定位、导航等。其次，奶茶店的微信小程序往往需要花费较大的成本来进行开发和设计，而且需要专门的技术支持和维护。最后，奶茶店的微信小程序在推广和用户获取方面也面临一定的困难，需要付出较大的努力来吸引用户使用。

因此，本文将以微信小程序为基础，研究并设计一套适用于奶茶店的线上点单系统，旨在解决现有奶茶店微信小程序存在的问题和挑战，提高用户体验和效率，促进奶茶店的增长和发展。具体包括以下几个方面：

1.分析奶茶店微信小程序的功能需求，设计和开发一套符合奶茶店实际情况的线上点单系统；

2.研究奶茶店微信小程序推广的方法和技巧，帮助奶茶店吸引更多的用户，提高销售额；

3.通过实地调研和用户反馈，评估奶茶店微信小程序的用户体验水平，并进行改进和优化；

4.探讨奶茶店微信小程序的发展趋势，为奶茶店提供相关发展建议。

通过以上研究，将为奶茶店提供一套系统化的解决方案，帮助奶茶店更好地适应移动互联网时代的发展需求，提升竞争力，实现可持续发展。

1.3论文结构与章节安排

本次写作的论文，在结构方面主要分为七大部分，每一部分都必不可少，共同组合形成一个完好的论文结构，具体的安排列出如下。

绪论部分，该部分讲述的是奶茶店线上点单系统的开发背景，明确开发的意义以及系统的研究动态，并对系统的整个章节安排进行介绍。

系统开发环境介绍，该部分讲述的是开发奶茶店线上点单系统所使用的技术简介、数据库概念和特点、编码工具、建模工具等。

系统分析部分，该部分首先从可行性入手进行分析，明确程序开发可行后，进而对程序的功能以及姓名需求进行分析。

系统概要设计，对系统前后台的功能分别进行设计，然后完成系统的总体功能以及各个子模块的设计。系统数据库的设计，对系统的数据库实体以及数据库表进行设计。

系统的实现部分，对系统每一角色主要实现的功能的页面来进行展示一下。

系统测试部分，介绍测试的测试目的，用例，完成对程序测试工作，让投入运行的程序减少出错的几率，力求最好。

总结部分，此刻所有的工作都已经完成了，在此进行总结，展望。

2 相关技术介绍

2.1 微信开发者工具

微信开发者工具是一款专为小程序开发而设计的应用，它不断改进，提供了便捷的操作方式，并且在开发过程中可以通过微信扫描二维码来访问，从而实现快速、准确的小程序开发和调试。

根据用户的需求，我们将采用不同的屏幕大小来制作小程序。

在完成了视图布置之后，可以通过执行编辑功能，快速更改当前的视图界面。

控制台:方便调试打印输出信息。

将代码上传至腾讯服务器，并在审核过程中填写版本号和备注信息，以确保代码的安全性和准确性。

通过查看资源文件，我们可以快速地调整相关项目的文件目录，从而实现断点调试。

使用远程调试技术，无论是在手机端还是PC端，都能够轻松地进行开发工作。

本地数据存储：显示的是本地存储的数据。

通过使用子父层级结构，我们可以更容易地进行视图调试。

微信的代码体积应该保持在2M 以内，而且在开发过程中，应该严格检查合法域名信息，并且为小程序的后台配置服务器域名。

微信开发者工具已经成为了开发过程中不可或缺的一部分，并且正在不断地改进和完善。

2.2 小程序框架以及目录结构介绍

这款微信小程序的设计旨在帮助用户快速、便捷地创建出一款拥有完全独特特色的应用。它由一套完善的框架结构，将用户界面、操作界面、功能界面等多种功能完美结合，使用户只需要一点点的操作，就能轻松实现微信小程序的创建。框架的核心功能是一个快速的数据绑定机制，它能够轻松地将用户的信息和界面进行一致性的管理。它不仅支持对用户信息的实时监控，还能够根据用户的需求，实现对界面的快速调整和优化，从而使用户能够轻松地构建强大的微信小程序。

2.3  JAVA技术

Java语言在计算机的程序应用过程当中，属于非常重要的一个应用软件，因为它的性能比较高，而且能够应用在多重领域当中，因此该程序在计算机的软件程序应用当中的范围相对来说是比较广泛的。而从专业的技术角度来说，Java程序的应用的实用性也是非常强的，这是因为它与传统的C语言或C++相比没有太大的基本结构的变化，也就是说它的语法结构是相对单一，而且具有稳定的特性，还有更重要的一点是Java程序语言的基本参考对象就是C语言，所以他的程序编写并不是很复杂，而且还能够起到优化工作效率提升系统设计本身的基础功能的作用，因此他也就受到了非常广泛的程序员们的青睐。

在此次进行系统设计开发研究的过程当中，还发现Java程序语言之所以能够得到市场上更多用户的好评和青睐，其根本原因在于他能够具备各种语言的自身独特优点的展现，也就是说它的兼容性是常强的。因此，我们因此我们可以说在任何一个程序的开发过程当中，Java语言程序的应用是必不可少的，它他在程序员进行改动的时候，哪怕是一个程序字母的改动，都可以形成一种特定的程序，这是 Java程序，非常独特的另一个优点。不仅如此，Java源程序的可移植性也是非常大，而且它的安全系数很高，能够通过不同方式进行移植到其他程序当中，而且可以兼容不同程序的系统，在运行的过程当中，其安全系数也是非常强的，能够确保用户在使用网络的过程当中去确保网络的安全，而正是基于这样的可移植性，为程序员节约了很多的系统语言程序的开发设计的时间，这是非常难得的一种自有优势。

2.4  Vue主要功能

Vue（读音/vjuː/，相似于view）是一种具有高度灵活性的JavaScript架构，能够从基础到顶级，从低到高地实现多种功能，从而创造出一个完整的、高效的用户体验。Vue的核心库专注于视觉表示，它的操作简单，并且可以轻松地将其与其他第三方库和已存在的项目进行集成。此外，Vue可以通过搭配先进的工具和多样的支撑性库，来实现对复杂的网站（SPA）的高效管理。

Vue.Vue作为一种逐步改善的用户体验的框架，具备了独特的优势：首先，它的基础结构更加简单，而且可以轻松地被更多的人使用，而Vue的核心库则更加专注于视觉层，可以轻松地被更多的人使用，也可以被更多的库和现成的项目所使用。Vue 具备强大的功能，可以利用其内置的多个文档组件以及其强大的生态系统，来实现更加精简、高效的单页应用。

Vue.js 旨在通过最少的 API ，实现对数据的有效绑定，并将其转换为多种形式的视图组件。

Vue.js 虽然不是一个完美的框架，但它可以帮助我们更好地理解和实现复杂的页面应用。它的视图层特性使得它更容易学习，并且可以与其他库或已有项目进行整合，从而提高效率。

2.5  Springboot框架

Spring框架是一个由SpringBoot公司发布的开放式框架，旨在通过其可扩展的特性来支持多种不同的编码方式。尽管Spring框架不会影响任何特定的编码方式，但其出色的性价比和可扩展性，已经成为EJB（EnterpriseSpringBootBeans）框架的重要组成部分，并且一直得到越来越多的人的青睐。Spring框架不仅可以有效地支撑开发，而且还可以充分利用其独有的控制反转功能，以及支撑多种持久性技术，从而将托管对象的生命周期变得更加容易，并且可以支撑声明性的事务处理，还可以支撑多种Web框架，从而有效地推动开发。

Spring框架拥有强大的IOC功能，可以轻松地实现SpringBoot对象的调度与操作，从而更好地支持项目的运行。此外，Spring还支持将SpringBoot对象的生命周期进行可视化，以实现更加灵活的调度与操作。Spring框架提供了一种新的、高效的容器设计工具，它能够根据XML文件和AOP注解的指引，从多个源中提取和组织相应的参数，从而实现多种功能。此外，它还提供了一种面向服务的框架，它能够根据用户的需求，自动调整参数，从而提高系统的效率和性能。Spring框架的AOP框架具有强大的功能，可以满足各种复杂的需求[10]。尽管AspectJ框架的性能不及其他框架，但是Spring AOP的出色表现使其在各种应用场景中都具有出色的表现，例如：在事务处理、远程控制、网络安全、数据共享、文件共享、网络安全协议、网络安全协议。

SpringBoot的事务处理框架提供了一种灵活的方式，可以将不同的内容、不同的时间段、不同的类型的数据进行处理，并且可以将这些处理结果存储到一起。此外，Spring还提供了一系列的事务模型。Spring的事务框架提供了一种灵活的方式，它允许用户根据需要调整事务的类型，例如XML、SpringBoot等，同时还支持快速的消息传输、缓冲等特性，从而有效地帮助开发者处理日益增长的数据需求。这款应用程序拥有强大的功能，能够兼容各种常见的数据处理框架，包括SpringBoot、iBATS/MyBATIs、Hibernate、SpringBoot）数据对象（JDO）、Apache OJB、Apache Cayne等，并能够将其与Spring的事务处理功能相结合，从而实现更加高效的数据处理。SpringMVC最初的目的是要替代StrutsWeb框架，因此，开发者决定将其与传统的web页面框架进行改造，使其能更好地支持用户的访问。这样，SpringMVC就能更好地支持用户的需求，从而提高web页面的性能。

3 系统分析设计

3.1 可行性分析

可行性分析是系统分析的第一步，通过可行性分析我们可以得出系统是不是值得开发，如果系统的开发是不可信的，那么就没有必要再进行下面的操作，对于本奶茶店线上点单系统在可行性方面进行了技术、经济以及操作的分析。

3.1.1 技术可行性分析

奶茶店线上点单系统在技术上采用的是Java语言、基于Browser/Server模式，前台使用了Vue、HTML、CSS等技术，后台使用了Springboot框架结合MySQL数据库，这些技术在校期间都已经学习过，而且用这些技术开发过一些小的系统，同时在实际开发中Java功能强大被普通应用，因此开发技术是没有问题的。

3.1.2 经济可行性分析

开发奶茶店线上点单系统并不需要投入太多，开发工具、服务器、数据库等，都可以通过网络搜索、下载、安装，只需要一台普通的计算机就可以完成操作，而且在系统功能规划上都是通过问卷调查了解用户需求，通过百度、知网库、学校图书馆查阅相关系统，了解它们对系统具体实现的功能需求，然后进行设计开发，不存在任何开销，因此系统的开发在经济方面是可行的。

3.1.3 操作可行性分析

奶茶店线上点单系统的在开发的时候充分了解用户群体，对于使用智能机不熟练的用户也进行考虑在内，在小程序的开发中首页有醒目的导航栏，使得即使没有使用过小程序点餐的用户，也可以根据导航栏的提示进行操作，非常方便，因此系统在操作上是可行的。

3.2 系统流程分析

3.2.1 用户登录流程

第一步，为了保证系统的安全性，用户需要在登录窗口中输入自己的个人信息，并确保信息准确无误。如果输入的信息不正确，将会弹出提示框，导致用户登录失败，需要重新输入，如图3-1所示。

图3-1登录操作流程图

3.2.2 信息添加流程

奶茶店线上点单系统可以实现快速、准确地收集和处理各种信息，而且在使用过程中，只有在按照指定的界面和指定的参考文献，才能够正确地获取和处理信息，而若信息未能满足预期，就会被退出第一步，并且在第二步中，还会继续检查信息的准确性，以确保最终的结果能够满足预期的目标。

图3-2 信息添加流程图

3.2.3 信息删除流程

无论是何种用户角色，只要进入了不正常的系统操作界面，就可以使用不同的信息内容来进行操作。当用户尝试删除系统中的数据时，必须先ACK这些数据是否已经被删除，如果没有，就应该按照图3-3的指示进行操作，以免影响系统的正常运行。

图3-3 信息删除流程图

3.3 功能需求分析

（1）奶茶商品模块：本奶茶店线上点单系统最主要的功能就是购买奶茶，所以系统中需要管理员添加各种奶茶商品信息供用户查询，购买，管理员在此模块主要是对奶茶商品信息的增删改查，游客实现对奶茶商品的查询，普通用户则实现奶茶商品的收藏、评论、加购、立即购买等操作。如下图3-4所示。

图3-4 奶茶商品模块用例图

（2）信息资讯模块：管理员在后台可以对信息资讯及其分类进行增删改查，游客实现查看信息资讯，用户进行收藏、点赞、评论。如下图3-5所示。

图3-5信息资讯模块用例图

（3）用户管理模块：在前台游客可以通过注册，然后参与到系统当中，管理员可以对注册的用户进行修改、删除、查询、也可以添加新的用户。如下图3-6所示。

图3-6用户管理模块用例图

（4）购物管理：用户对喜欢的奶茶商品可以进行购买，可以选择立即购买或者加入到购物车中进行购买，如下图3-7所示。

图3-7购物管理模块用例图

（5）我的订单管理：在奶茶店线上点单系统中，用户和管理员都能够管理订单，可以对订单进行查看、删除。如下图3-8所示。

图3-8订单管理模块用例图

（6）我的模块：我的模块是用户独有的功能，可以在“我的”管理基本信息、收藏、订单、购物车、取消订单、用户订单、评价建议、会员积分，我的用例如下图3-9所示。

图3-9我的管理模块用例图

3.4 非功能性需求分析

系统的非功能需求方面主要是从系统的安全性、存储性、可靠性、易学性、稳定性等方面进行分析：

（1）安全性：系统的安全问题是开发者首先要考虑的，如果系统存在安全隐患，可能使得用户个人信息被泄露，给用户带来困扰，造成损失。

（2）储存性：因为用户使用的关于关于奶茶商品电商的网站，普通用户多，而且登录后要查询各种奶茶商品信息，那就需要一个强大的数据库来进行数据的存储，对数据库的要求是非常严格的，本系统选用的是MYSQL数据库，MYSQL的运行速度很快，执行命令的速度也非常快，而且体积小。 

（3）可靠性：可靠性指的是用户在进行奶茶商品信息查询、评论以及购买的时候，能够按照用户的指示进行显示信息，如果用户点击查询奶茶商品详细信息，显示出来的是不可购买的信息，那就违背用户的初衷。

（4）易学性：系统的开发面向对象学历不尽相同，所有在开发的时候要考虑系统操作应该简单，不需要进行任何学习、培训，只能上网的用户就可以操作。

（5）稳定性：系统在运行方面要很稳定，系统的界面、字体要清楚，没有失真现象，给用户以良好的体验。

（6）可拓展性：本奶茶店线上点单系统的功能还有待完善，因此系统要有很好的拓展性，方便后期功能更新维护。

3.5系统角色用例分析

3.5.1系统前台用户用例

奶茶店线上点单系统前台用户的主要功能是对系统信息的查看、收藏、评论以及对商品的购买，购买的过程中需要对收货地址进行设置，对购物车进行管理，查看自己的订单。前台普通用户用例图如图3-10所示。

图3-10 奶茶店线上点单系统前台普通用户用例图

在系统前台中主要实现的是对奶茶店线上点单系统中信息的浏览，用户对信息收藏、评论以及在奶茶商品中对奶茶商品购买几个功能。

（1）信息资讯功能，主要实现了是对信息资讯的查看，用户进行评论、收藏、点赞，用例说明如下表所示：

表3-1 信息资讯用例说明

用例名称	信息资讯
角色	用户
用例说明	对信息资讯评论
前置条件	用户登录到系统当中
后置条件	用户发表评论
基本事件流	1.进入系统登录界面 2.点击信息资讯，选择某条信息资讯查看详情 3.输入评论内容 4.点击提交按钮，发表评论
扩展流程	3a.用户没有登录成功
异常事件流	3a.输入评论内容为空
其他	无

（2）奶茶商品购买功能，本功能是系统的主要功能，主要是实现在线购买功能，用例说明如下标所示：

表3-2 奶茶商品用例说明

用例名称	商品购买
角色	用户
用例说明	对商品加入购物车购买或者立即购买
前置条件	用户登录到系统当中
后置条件	对商品加入购物车购买或者立即购买
基本事件流	1.进入系统登录界面 2.点击奶茶商品，选择某条奶茶商品查看详情 3.加入购物车或者立即购买 4.输入订单信息提交订单
扩展流程	3a.现在支付方式
异常事件流	3a.用户没有登录
其他	无

3.5.2系统后端用例

用户不能进入后台，管理员进入以后可以对系统用户、取消订单管理、用户订单管理、评价建议管理、会员积分管理、系统管理、公告管理、资源管理、商城管理（奶茶商品、分类列表、订单列表、会员等级）进行管理。

后台管理员用例图如图3-11所示。

图3-11奶茶店线上点单系统后台管理员用户用例图

后台管理员主要实现了是对系统用户、取消订单管理、用户订单管理、评价建议管理、会员积分管理、系统管理、公告管理、资源管理、商城管理（奶茶商品、分类列表、订单列表、会员等级）的增删改查操作。后台管理员的用例说明如下表所示：

表3-3 后台管理员用例说明

用例名称	后台管理
角色	管理员
用例说明	对前端显示的信息进行管理
前置条件	管理员登录进入后台管理页面
后置条件	无
基本事件流	1.管理员登录进入后台管理界面 2.点击左侧选择相应功能板块 3.选择所要操作的数据 4.点击选择的内容进行增加/删除/修改/查找 5.点击立即保存按钮
扩展流程	无
异常事件流	无
其他	无

4 系统概要设计

4.1开发流程设计

开发奶茶店线上点单系统需要经过多个步骤，包括分析管理模块+编写代码+规划和操作，这些步骤是打造奶茶店线上点单系统信息管理AP的关键，它们将决定系统能否达到预期的功能，并且能够在完成设计之后得到实施。在开发过程中，为了确保系统的有效性，每个阶段的开发必须严格遵循线性顺序，并且每个步骤的完成情况都要经过技术检验，以确保每个步骤的准确性，避免出现拖拽现象，从而保证系统的设计功能能够得到有效实施。

通过对奶茶店线上点单系统的成功开发，我们可以看出，采用这种方法可以显著降低系统的复杂性，并且可以通过图4-1进一步证明。

图4-1开发系统流程图

4.2系统功能结构设计

通过微信小程序开发的奶茶店线上点单系统，不仅支持用户的登录，还支持对用户的信息、服务类型和评价服务的查看，并且提交全面的数据和信息，从而满足用户的各种需求。此外，该软件还支持查看信息资讯和点赞评论，为用户带来更为便利的操作体验，并且通过对用户的人性化反馈，为用户带来更为全面的服务体验。根据系统功能需求建立的模块关系图如下图：

图4-2 功能结构关系图

4.3数据库概念结构设计

数据库系统作为一个重要的组件，其优化针对整体网络的运行非常重要。为了构建一个高效的数据库系统，我们需要明确每个元素的特征，并将它们组合在一起。在本次研究中，我们将重点关注奶茶店线上点单系统的项目概述和设计分析，并对数据库进行设计。我们将使用mysql数据库来支持我们的系统，同时我们将采用更加人性化的操作设计，以便在系统中及时处理和反馈错误信息。

下面是整个奶茶店线上点单系统中主要的数据库表总E-R实体关系图。

图4-3 奶茶店线上点单系统总E-R关系图

4.4数据库逻辑结构设计

通过上一小节中奶茶店线上点单系统中总E-R关系图上得出一共需要创建很多个数据表。在此我主要罗列几个主要的数据库表结构设计。

表access_token (登陆访问时长)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	token_id	int	10	0	N	Y		临时访问牌ID
2	token	varchar	64	0	Y	N		临时访问牌
3	info	text	65535	0	Y	N
4	maxage	int	10	0	N	N	2	最大寿命：默认2小时
5	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
6	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
7	user_id	int	10	0	N	N	0	用户编号:

表article (文章：用于内容管理系统的文章)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	article_id	mediumint	8	0	N	Y		文章id：[0,8388607]
2	title	varchar	125	0	N	Y		标题：[0,125]用于文章和html的title标签中
3	type	varchar	64	0	N	N	0	文章分类：[0,1000]用来搜索指定类型的文章
4	hits	int	10	0	N	N	0	点击数：[0,1000000000]访问这篇文章的人次
5	praise_len	int	10	0	N	N	0	点赞数
6	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
7	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
8	source	varchar	255	0	Y	N		来源：[0,255]文章的出处
9	url	varchar	255	0	Y	N		来源地址：[0,255]用于跳转到发布该文章的网站
10	tag	varchar	255	0	Y	N		标签：[0,255]用于标注文章所属相关内容，多个标签用空格隔开
11	content	longtext	2147483647	0	Y	N		正文：文章的主体内容
12	img	varchar	255	0	Y	N		封面图
13	description	text	65535	0	Y	N		文章描述

表article_type (文章分类)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	type_id	smallint	5	0	N	Y		分类ID：[0,10000]
2	display	smallint	5	0	N	N	100	显示顺序：[0,1000]决定分类显示的先后顺序
3	name	varchar	16	0	N	N		分类名称：[2,16]
4	father_id	smallint	5	0	N	N	0	上级分类ID：[0,32767]
5	description	varchar	255	0	Y	N		描述：[0,255]描述该分类的作用
6	icon	text	65535	0	Y	N		分类图标：
7	url	varchar	255	0	Y	N		外链地址：[0,255]如果该分类是跳转到其他网站的情况下，就在该URL上设置
8	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
9	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

表auth (用户权限管理)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	auth_id	int	10	0	N	Y		授权ID：
2	user_group	varchar	64	0	Y	N		用户组：
3	mod_name	varchar	64	0	Y	N		模块名：
4	table_name	varchar	64	0	Y	N		表名：
5	page_title	varchar	255	0	Y	N		页面标题：
6	path	varchar	255	0	Y	N		路由路径：
7	position	varchar	32	0	Y	N		位置：
8	mode	varchar	32	0	N	N	_blank	跳转方式：
9	add	tinyint	3	0	N	N	1	是否可增加：
10	del	tinyint	3	0	N	N	1	是否可删除：
11	set	tinyint	3	0	N	N	1	是否可修改：
12	get	tinyint	3	0	N	N	1	是否可查看：
13	field_add	text	65535	0	Y	N		添加字段：
14	field_set	text	65535	0	Y	N		修改字段：
15	field_get	text	65535	0	Y	N		查询字段：
16	table_nav_name	varchar	500	0	Y	N		跨表导航名称：
17	table_nav	varchar	500	0	Y	N		跨表导航：
18	option	text	65535	0	Y	N		配置：
19	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
20	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

表buyer_user (买家用户)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	buyer_user_id	int	10	0	N	Y		买家用户ID
2	buyer_name	varchar	64	0	Y	N		买家姓名
3	buyer_gender	varchar	64	0	Y	N		买家性别
4	examine_state	varchar	16	0	N	N	已通过	审核状态
5	user_id	int	10	0	N	N	0	用户ID
6	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
7	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表cancel_order (取消订单)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	cancel_order_id	int	10	0	N	Y		取消订单ID
2	order_number	varchar	64	0	Y	N		订单编号
3	name_of_milk_tea	varchar	64	0	Y	N		奶茶名称
4	sweetness_of_milk_tea	varchar	64	0	Y	N		奶茶甜度
5	ordering_users	int	10	0	Y	N	0	下单用户
6	buyer_name	varchar	64	0	Y	N		买家姓名
7	purchase_quantity	varchar	64	0	Y	N		购买数量
8	order_amount	varchar	64	0	Y	N		订单金额
9	reason_for_cancellation	text	65535	0	Y	N		取消原因
10	examine_state	varchar	16	0	N	N	未审核	审核状态
11	examine_reply	varchar	16	0	Y	N		审核回复
12	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
13	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表cart (购物车)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	cart_id	int	10	0	N	Y		购物车ID：
2	title	varchar	64	0	Y	N		标题：
3	img	varchar	255	0	N	N	0	图片：
4	user_id	int	10	0	N	N	0	用户ID：
5	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
6	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
7	state	int	10	0	N	N	0	状态：使用中，已失效
8	price	double	9	2	N	N	0.00	单价：
9	price_ago	double	9	2	N	N	0.00	原价：
10	price_count	double	11	2	N	N	0.00	总价：
11	num	int	10	0	N	N	1	数量：
12	goods_id	mediumint	8	0	N	N		商品id：[0,8388607]
13	type	varchar	64	0	N	N	未分类	商品分类：
14	description	varchar	255	0	Y	N		描述：[0,255]用于产品规格描述

表collect (收藏)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	collect_id	int	10	0	N	Y		收藏ID：
2	user_id	int	10	0	N	N	0	收藏人ID：
3	source_table	varchar	255	0	Y	N		来源表：
4	source_field	varchar	255	0	Y	N		来源字段：
5	source_id	int	10	0	N	N	0	来源ID：
6	title	varchar	255	0	Y	N		标题：
7	img	varchar	255	0	Y	N		封面：
8	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
9	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

表comment (评论)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	comment_id	int	10	0	N	Y		评论ID：
2	user_id	int	10	0	N	N	0	评论人ID：
3	reply_to_id	int	10	0	N	N	0	回复评论ID：空为0
4	content	longtext	2147483647	0	Y	N		内容：
5	nickname	varchar	255	0	Y	N		昵称：
6	avatar	varchar	255	0	Y	N		头像地址：[0,255]
7	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
8	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
9	source_table	varchar	255	0	Y	N		来源表：
10	source_field	varchar	255	0	Y	N		来源字段：
11	source_id	int	10	0	N	N	0	来源ID：

表evaluation_suggestions (评价建议)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	evaluation_suggestions_id	int	10	0	N	Y		评价建议ID
2	order_number	varchar	64	0	Y	N		订单编号
3	name_of_milk_tea	varchar	64	0	Y	N		奶茶名称
4	sweetness_of_milk_tea	varchar	64	0	Y	N		奶茶甜度
5	ordering_users	int	10	0	Y	N	0	下单用户
6	buyer_name	varchar	64	0	Y	N		买家姓名
7	purchase_quantity	varchar	64	0	Y	N		购买数量
8	order_amount	varchar	64	0	Y	N		订单金额
9	evaluation_score	varchar	64	0	Y	N		评价分数
10	evaluation_content	text	65535	0	Y	N		评价内容
11	suggested_content	text	65535	0	Y	N		建议内容
12	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
13	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表goods (商品信息)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	goods_id	mediumint	8	0	N	Y		产品id：[0,8388607]
2	title	varchar	125	0	Y	N		标题：[0,125]用于产品和html的<title>标签中
3	img	text	65535	0	Y	N		封面图：用于显示于产品列表页
4	description	varchar	255	0	Y	N		描述：[0,255]用于产品规格描述
5	price_ago	double	8	2	N	N	0.00	原价：[1]
6	price	double	8	2	N	N	0.00	卖价：[1]
7	sales	int	10	0	N	N	0	销量：[0,1000000000]
8	inventory	int	10	0	N	N	0	商品库存
9	type	varchar	64	0	N	N		商品分类：
10	hits	int	10	0	N	N	0	点击量：[0,1000000000]访问这篇产品的人次
11	content	longtext	2147483647	0	Y	N		正文：产品的主体内容
12	img_1	text	65535	0	Y	N		主图1：
13	img_2	text	65535	0	Y	N		主图2：
14	img_3	text	65535	0	Y	N		主图3：
15	img_4	text	65535	0	Y	N		主图4：
16	img_5	text	65535	0	Y	N		主图5：
17	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
18	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
19	customize_field	text	65535	0	Y	N		自定义字段
20	source_table	varchar	255	0	Y	N		来源表：
21	source_field	varchar	255	0	Y	N		来源字段：
22	source_id	int	10	0	N	N	0	来源ID：
23	user_id	int	10	0	Y	N	0	添加人

表goods_type (商品类型)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	type_id	int	10	0	N	Y		商品分类ID：
2	father_id	smallint	5	0	N	N	0	上级分类ID：[0,32767]
3	name	varchar	255	0	Y	N		商品名称：
4	desc	varchar	255	0	Y	N		描述：
5	icon	varchar	255	0	Y	N		图标：
6	source_table	varchar	255	0	Y	N		来源表：
7	source_field	varchar	255	0	Y	N		来源字段：
8	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
9	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

表hits (用户点击)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	hits_id	int	10	0	N	Y		点赞ID：
2	user_id	int	10	0	N	N	0	点赞人：
3	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
4	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
5	source_table	varchar	255	0	Y	N		来源表：
6	source_field	varchar	255	0	Y	N		来源字段：
7	source_id	int	10	0	N	N	0	来源ID：

表member_points (会员积分)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	member_points_id	int	10	0	N	Y		会员积分ID
2	member_users	int	10	0	Y	N	0	会员用户
3	buyer_name	varchar	64	0	Y	N		买家姓名
4	membership_card_number	varchar	64	0	Y	N		会员卡号
5	start_date	date	10	0	Y	N		开始日期
6	end_date	date	10	0	Y	N		结束日期
7	member_points	varchar	64	0	Y	N		会员积分
8	points_details	text	65535	0	Y	N		积分明细
9	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
10	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表milk_tea_products (奶茶商品)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	milk_tea_products_id	int	10	0	N	Y		奶茶商品ID
2	name_of_milk_tea	varchar	64	0	Y	N		奶茶名称
3	sweetness_of_milk_tea	varchar	64	0	Y	N		奶茶甜度
4	milk_tea_temperature	varchar	64	0	Y	N		奶茶温度
5	minor_material_name	varchar	64	0	Y	N		小料名称
6	delivery_method	varchar	64	0	Y	N		配送方式
7	cart_title	varchar	125	0	Y	N		标题：[0,125]用于产品html的标签中
8	cart_img	text	65535	0	Y	N		封面图：用于显示于产品列表页
9	cart_description	varchar	255	0	Y	N		描述：[0,255]用于产品规格描述
10	cart_price_ago	double	8	2	N	N	0.00	原价：[1]
11	cart_price	double	8	2	N	N	0.00	卖价：[1]
12	cart_inventory	int	10	0	N	N	0	商品库存
13	cart_type	varchar	64	0	N	N	未分类	商品分类：
14	cart_content	longtext	2147483647	0	Y	N		正文：产品的主体内容
15	cart_img_1	text	65535	0	Y	N		主图1：
16	cart_img_2	text	65535	0	Y	N		主图2：
17	cart_img_3	text	65535	0	Y	N		主图3：
18	cart_img_4	text	65535	0	Y	N		主图4：
19	cart_img_5	text	65535	0	Y	N		主图5：
20	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
21	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表notice (公告)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	notice_id	mediumint	8	0	N	Y		公告id：
2	title	varchar	125	0	N	N		标题：
3	content	longtext	2147483647	0	Y	N		正文：
4	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
5	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

表order (订单)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	order_id	int	10	0	N	Y		订单ID：
2	order_number	varchar	64	0	Y	N		订单号：
3	goods_id	mediumint	8	0	N	N		商品id：[0,8388607]
4	title	varchar	32	0	Y	N		商品标题：
5	img	varchar	255	0	Y	N		商品图片：
6	price	double	10	2	N	N	0.00	价格：
7	price_ago	double	10	2	N	N	0.00	原价：
8	num	int	10	0	N	N	1	数量：
9	price_count	double	8	2	N	N	0.00	总价：
10	norms	varchar	255	0	Y	N		规格：
11	type	varchar	64	0	N	N	未分类	商品分类：
12	contact_name	varchar	32	0	Y	N		联系人姓名：
13	contact_email	varchar	125	0	Y	N		联系人邮箱：
14	contact_phone	varchar	11	0	Y	N		联系人手机：
15	contact_address	varchar	255	0	Y	N		收件地址：
16	postal_code	varchar	9	0	Y	N		邮政编码：
17	user_id	int	10	0	N	N	0	买家ID：
18	merchant_id	mediumint	8	0	N	N	0	商家ID：
19	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
20	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
21	description	varchar	255	0	Y	N		描述：[0,255]用于产品规格描述
22	state	varchar	16	0	N	N	待付款	订单状态：待付款，待发货，待签收，已签收，待退款，已退款，已拒绝，已完成
23	remark	text	65535	0	Y	N		订单备注
24	delivery_state	varchar	16	0	Y	N	未配送	发货状态：未配送，已配送
25	vip_discount	double	11	2	Y	N	0.00	折扣

表praise (点赞)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	praise_id	int	10	0	N	Y		点赞ID：
2	user_id	int	10	0	N	N	0	点赞人：
3	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
4	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
5	source_table	varchar	255	0	Y	N		来源表：
6	source_field	varchar	255	0	Y	N		来源字段：
7	source_id	int	10	0	N	N	0	来源ID：
8	status	bit	1	0	N	N	1	点赞状态:1为点赞，0已取消

表slides (轮播图)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	slides_id	int	10	0	N	Y		轮播图ID：
2	title	varchar	64	0	Y	N		标题：
3	content	varchar	255	0	Y	N		内容：
4	url	varchar	255	0	Y	N		链接：
5	img	varchar	255	0	Y	N		轮播图：
6	hits	int	10	0	N	N	0	点击量：
7	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
8	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

表upload (文件上传)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	upload_id	int	10	0	N	Y		上传ID
2	name	varchar	64	0	Y	N		文件名
3	path	varchar	255	0	Y	N		访问路径
4	file	varchar	255	0	Y	N		文件路径
5	display	varchar	255	0	Y	N		显示顺序
6	father_id	int	10	0	Y	N	0	父级ID
7	dir	varchar	255	0	Y	N		文件夹
8	type	varchar	32	0	Y	N		文件类型

表user (用户账户：用于保存用户登录信息)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	user_id	mediumint	8	0	N	Y		用户ID：[0,8388607]用户获取其他与用户相关的数据
2	state	smallint	5	0	N	N	1	账户状态：[0,10](1可用|2异常|3已冻结|4已注销)
3	user_group	varchar	32	0	Y	N		所在用户组：[0,32767]决定用户身份和权限
4	login_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	上次登录时间：
5	phone	varchar	11	0	Y	N		手机号码：[0,11]用户的手机号码，用于找回密码时或登录时
6	phone_state	smallint	5	0	N	N	0	手机认证：[0,1](0未认证|1审核中|2已认证)
7	username	varchar	16	0	N	N		用户名：[0,16]用户登录时所用的账户名称
8	nickname	varchar	16	0	Y	N		昵称：[0,16]
9	password	varchar	64	0	N	N		密码：[0,32]用户登录所需的密码，由6-16位数字或英文组成
10	email	varchar	64	0	Y	N		邮箱：[0,64]用户的邮箱，用于找回密码时或登录时
11	email_state	smallint	5	0	N	N	0	邮箱认证：[0,1](0未认证|1审核中|2已认证)
12	avatar	varchar	255	0	Y	N		头像地址：[0,255]
13	open_id	varchar	255	0	Y	N		针对获取用户信息字段
14	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
15	vip_level	varchar	255	0	Y	N		会员等级
16	vip_discount	double	11	2	Y	N	0.00	会员折扣

表user_group (用户组：用于用户前端身份和鉴权)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	group_id	mediumint	8	0	N	Y		用户组ID：[0,8388607]
2	display	smallint	5	0	N	N	100	显示顺序：[0,1000]
3	name	varchar	16	0	N	N		名称：[0,16]
4	description	varchar	255	0	Y	N		描述：[0,255]描述该用户组的特点或权限范围
5	source_table	varchar	255	0	Y	N		来源表：
6	source_field	varchar	255	0	Y	N		来源字段：
7	source_id	int	10	0	N	N	0	来源ID：
8	register	smallint	5	0	Y	N	0	注册位置:
9	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
10	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

表user_orders (用户订单)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	user_orders_id	int	10	0	N	Y		用户订单ID
2	order_number	varchar	64	0	Y	N		订单编号
3	name_of_milk_tea	varchar	64	0	Y	N		奶茶名称
4	sweetness_of_milk_tea	varchar	64	0	Y	N		奶茶甜度
5	ordering_users	int	10	0	Y	N	0	下单用户
6	buyer_name	varchar	64	0	Y	N		买家姓名
7	purchase_quantity	varchar	64	0	Y	N		购买数量
8	order_amount	varchar	64	0	Y	N		订单金额
9	order_status	varchar	64	0	Y	N		订单状态
10	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
11	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表vip_level (论坛分类)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	vip_level_id	smallint	5	0	N	Y		等级ID：[0,10000]
2	name	varchar	255	0	N	N		等级名称：[2,16]
3	discount	double	11	2	N	N		折扣
4	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
5	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

5 系统的实现

5.1前台用户功能模块

5.1.1 前台首页界面

当进入奶茶店线上点单系统的时候，首先映入眼帘的是系统的导航栏，导航栏上面是轮播图以及信息资讯，其主界面展示如下图5-1所示。

图5-1 前台首页界面图

5.1.2注册界面

不是奶茶店线上点单系统中正式普通用户的是可以在线进行注册的，当用户点击“注册”按钮，填写上自己的账号+密码+确认密码+昵称等，再点击“注册”按钮后将会先验证输入的有没有空数据，再次验证密码和确认密码是否是一样的，最后验证输入的账户名和数据库表中已经注册的账户名是否重复，只有都验证没问题后即可普通用户注册成功。其用注册流程图如图5-2所示，注册界面展示如下图5-3所示。

图5-2注册流程图

图5-3 前台注册界面图

注册关键代码如下所示。

/**

     * 注册

     * @param user

     * @return

     */

    @PostMapping("register")

    public Map<String, Object> signUp(@RequestBody User user) {

        // 查询用户

        Map<String, String> query = new HashMap<>();

        Map<String,Object> map = JSON.parseObject(JSON.toJSONString(user));

        query.put("username",user.getUsername());

        List list = service.selectBaseList(service.select(query, new HashMap<>()));

        if (list.size()>0){

            return error(30000, "用户已存在");

        }

        map.put("password",service.encryption(String.valueOf(map.get("password"))));

        service.insert(map);

        return success(1);

  }     

5.1.3登录界面

奶茶店线上点单系统中的前台上注册后的普通用户是可以通过自己的账户名和密码进行登录的，当普通用户输入完整的自己的账户名和密码信息并通过滑动验证通过后，点击“登录”按钮后，将会首先验证输入的有没有空数据，再次验证输入的账户名+密码和数据库中当前保存的用户信息是否一致，只有在一致后将会登录成功并自动跳转到奶茶店线上点单系统的首页中；否则将会提示相应错误信息，用户登录流程如图5-4所示，登录界面如下图5-5所示。

图5-4 登录流程图

图5-5普通用户登录界面图

登录的逻辑代码如下所示。

/**

     * 登录

     * @param data

     * @param httpServletRequest

     * @return

     */

    @PostMapping("login")

    public Map<String, Object> login(@RequestBody Map<String, String> data, HttpServletRequest httpServletRequest) {

        log.info("[执行登录接口]");

        String username = data.get("username");

        String email = data.get("email");

        String phone = data.get("phone");

        String password = data.get("password");

        List resultList = null;

        Map<String, String> map = new HashMap<>();

        if(username != null && "".equals(username) == false){

            map.put("username", username);

            resultList = service.select(map, new HashMap<>()).getResultList();

        }

        else if(email != null && "".equals(email) == false){

            map.put("email", email);

            resultList = service.select(map, new HashMap<>()).getResultList();

        }

        else if(phone != null && "".equals(phone) == false){

            map.put("phone", phone);

            resultList = service.select(map, new HashMap<>()).getResultList();

        }else{

            return error(30000, "账号或密码不能为空");

        }

        if (resultList == null || password == null) {

            return error(30000, "账号或密码不能为空");

        }

        //判断是否有这个用户

        if (resultList.size()<=0){

            return error(30000,"用户不存在");

        }

        User byUsername = (User) resultList.get(0);

        Map<String, String> groupMap = new HashMap<>();

        groupMap.put("name",byUsername.getUserGroup());

        List groupList = userGroupService.select(groupMap, new HashMap<>()).getResultList();

        if (groupList.size()<1){

            return error(30000,"用户组不存在");

        }

        UserGroup userGroup = (UserGroup) groupList.get(0);

        //查询用户审核状态

        if (!StringUtils.isEmpty(userGroup.getSourceTable())){

            String sql = "select examine_state from "+ userGroup.getSourceTable() +" WHERE user_id = " + byUsername.getUserId();

            String res = String.valueOf(service.runCountSql(sql).getSingleResult());

            if (res==null){

                return error(30000,"用户不存在");

            }

            if (!res.equals("已通过")){

                return error(30000,"该用户审核未通过");

            }

        }

        //查询用户状态

        if (byUsername.getState()!=1){

            return error(30000,"用户非可用状态，不能登录");

        }

        String md5password = service.encryption(password);

        if (byUsername.getPassword().equals(md5password)) {

            // 存储Token到数据库

            AccessToken accessToken = new AccessToken();

            accessToken.setToken(UUID.randomUUID().toString().replaceAll("-", ""));

            accessToken.setUser_id(byUsername.getUserId());

            tokenService.save(accessToken);

            // 返回用户信息

            JSONObject user = JSONObject.parseObject(JSONObject.toJSONString(byUsername));

            user.put("token", accessToken.getToken());

            JSONObject ret = new JSONObject();

            ret.put("obj",user);

            return success(ret);

        } else {

            return error(30000, "账号或密码不正确");

        }

}

5.1.4 信息资讯界面

当访客点击奶茶店线上点单系统中导航栏上的“信息资讯”后将会进入到该“信息资讯”列表的界面，然后选择想要看的信息资讯，点击进入到详细界面，信息资讯列表界面如下图5-6所示。

图5-6奶茶店线上点单系统信息资讯列表界面图

5.1.5 奶茶商品详情界面

当访客点击了任意奶茶商品后将会进入该款奶茶商品的详情界面，可以了解到该奶茶商品的标题、奶茶名称、奶茶甜度、奶茶温度、小料名称、配送方式等，同时可以对该奶茶商品进行收藏、加购、购买评论，奶茶商品商品详情展示页面如图5-7所示。

图5-7 奶茶商品商品详情界面图

5.1.6购物车管理界面

当用户点击“购物车”按钮则会显示自己加入购物车的奶茶商品，然后对其进行购买管理，购买流程图如图5-8所示，购物车界面如下图5-9所示。

图5-8购买流程图

图5-9 购物车管理界面图

5.1.7订单管理界面

在“我的”界面点击“订单”后，会显示自己提交的所有的订单，可以按照订单状态等进行查看，我的订单界面如下图5-10所示。

图5-10 我的订单界面图

5.1.8取消订单界面

在“我的”界面点击取消订单，可以查看所有的取消订单列表，取消订单列表界面如下图5-11所示。

图5-11 取消订单列表界面图

5.2后台功能模块

5.2.1 系统用户界面

后台管理人员是可以对前台注册的普通用户和管理员进行管理。管理员可以对买家用户的会员等级进行修改设置。系统用户管理界面如下图5-12所示。

图5-12系统用户管理界面图

5.2.2 系统管理界面

管理人员在“系统管理”这一菜单下是可以对奶茶店线上点单系统内展示的轮播图进行添加修改的。系统管理界面如下图5-13所示。

图5-13系统管理界面图

5.2.3 奶茶商品管理界面

后台管理人员对奶茶店线上点单系统内的不同奶茶商品的分类下的奶茶商品信息进行维护和管理的，奶茶商品管理界面如下图5-14所示。

图5-14奶茶商品管理界面图

5.2.4 分类列表界面

后台管理人员是可以对奶茶店线上点单系统内的奶茶商品的类别进行管控。分类列表界面如下图5-15所示。

图5-15分类列表界面图

5.2.5会员等级界面

后台管理人员点击“会员等级”进入到会员等级信息列表，点击详情可以对不同的会员等级进行折扣设置。会员等级界面如下图5-16所示。

图5-16会员等级界面图

6系统的测试

6.1测试的目的

系统的前台、后台、数据库完成以后，这个系统才算是完成了一半，我们在这之后要对系统进行最后的一个阶段，那就是测试了，测试对一个系统来说是非常重要的，有的时候开发完一个系统，如果测试不合格的话，这个系统是没有办法进行投入使用的，所有我们要用测试对系统的功能进行检验，把不完善的功能尽量完善，把出现的bug解决掉，然后给用户呈现出一个完美的系统。通过对系统最后一步的测试，使得开发人员对自己的系统更加有信心，更加积极的为后期的系统版本的更新提供支持。

6.2 系统测试用例

系统测试包括：用户登录功能测试、奶茶商品展示功能测试、奶茶商品添加、奶茶商品搜索、密码修改功能测试，如表6-1、6-2、6-3、6-4、6-5所示：

用户登录功能测试：

表6-1 用户登录功能测试表

用例名称	用户登录系统
目的	测试用户通过正确的用户名和密码可否登录功能
前提	未登录的情况下
测试流程	1) 进入登录页面 2) 输入正确的用户名和密码
预期结果	用户名和密码正确的时候，跳转到登录成功界面，反之则显示错误信息，提示重新输入
实际结果	实际结果与预期结果一致

奶茶商品查看功能测试：

表6-2 奶茶商品查看功能测试表

用例名称	奶茶商品查看
目的	测试奶茶商品查看功能
前提	用户登录
测试流程	点击奶茶商品列表
预期结果	可以查看到所有奶茶商品信息
实际结果	实际结果与预期结果一致

管理员添加奶茶商品界面测试：

表6-3 管理员添加奶茶商品界面测试表

用例名称	奶茶商品发布测试用例
目的	测试奶茶商品发布功能
前提	管理员用户正常登录情况下
测试流程	1）管理员点击奶茶商品，然后点击添加后并填写信息。 2）点击进行提交。
预期结果	提交以后，页面首页会显示新的奶茶商品信息
实际结果	实际结果与预期结果一致

奶茶商品搜索功能测试：

表6-4 奶茶商品搜索功能测试表

用例名称	奶茶商品搜索测试
目的	测试奶茶商品搜索功能
前提	无
测试流程	1）在搜索框填入搜索关键字。 2）点击搜索按钮。
预期结果	页面显示包含有搜索关键字奶茶商品
实际结果	实际结果与预期结果一致

密码修改搜索功能测试：

表6-5 密码修改功能测试表

用例名称	密码修改测试用例
目的	测试管理员密码修改功能
前提	管理员用户正常登录情况下
测试流程	1）管理员密码修改并完成填写。 2）点击进行提交。
预期结果	使用新的密码可以登录
实际结果	实际结果与预期结果一致

6.3 系统测试结果

通过编写奶茶店线上点单系统的测试用例，已经检测完毕一上功能模块的测试。在测试每个功能的过程中，我们应该严格按照指定的测试计划逐步进行测试，不能急于实现，并且每个测试的结果都应该充分记录下来，最好的选择是自动化测试，这样可以更准确、更快地完成，而不是依赖手动测试，因为这样可以避免问题，它还可以防止疲劳和问题。进行测试时，必须保持高度专注，密切关注测试结果，并及时纠正任何异常情况；最后，在测试完成后，应该正确保存文档以备将来使用。经过测试可以发现，原来开发的系统是清晰的，只有对其进行细化，编程的过程才会变得更加顺利。只有有了良好的结构，后期的编程工作才能顺利完成，同时也可以大大降低时间和精力成本。

结论

该奶茶店线上点单系统使用的开发环境是功能强大的SpringBoot和微信小程序，在大学的学科中重点学习了这几种技术，在对这些技术学习、熟悉之后，结合对系统进行的需求分析顺利的完成了本次项目的设计。在最初接到任务书的那一刻，比较迷茫，没有任何的思路，在经过了老师的指导以后，调查了一些购物系统相关的资料后，慢慢的有了头绪，开始入手开题，明确了系统的内容，对系统进行可行性的分析，确定系统可行以及功能内容以后，就按照开题初步设计的内容进行完善，慢慢补充、学习，最终结束了程序的开发，也完成了论文的写作。这一过程，虽然艰辛，但也学习到了很多，对项目开发流程也有了一个新的认识，动手能力也得到了提高，这正是书本上所学习不到的。

经过开发本项目，让我非常有成就高，与此同时我对程序的开发更加感兴趣了，信息技术真的很强大，也很深奥，在以后工作中，我将会寻找与其相关工作，继续深入学习，开发出更优秀的项目。

参考文献

[1]Svendsen A J ,Beck M A ,Frederiksen S K A , et al.Development of an electronic food ordering system and a la carte menu: Enhancing patient involvement in nutritional care[J].Clinical Nutrition ESPEN,2024,6086-94.

[2]Wu J ,Chen N ,Xia H , et al.Design and application of a game‐based WeChat mini‐program for screening cognitive impairments in Chinese older adults[J].Alzheimer's  Dementia,2023,19(S11):

[3]Wu J ,Chen N ,Xia H , et al.Design and development of the intelligent voice recognition‐based cognitive assessment WeChat mini‐program[J].Alzheimer's  Dementia,2023,19(S11):

[4]王馗,吴勇灵.基于微信小程序的点餐系统设计与实现[J].现代信息科技,2023,7(22):30-35+39.DOI:10.19850/j.cnki.2096-4706.2023.22.007.

[5]A new ordering system means EE can serve customers better[J].M2 Presswire,2023,

[6]张娅妮,刘霞.微信扫码点餐小程序的设计与实现[J].电脑与信息技术,2023,31(04):62-66.DOI:10.19414/j.cnki.1005-1228.2023.04.011.

[7]潘涛,王柳,董冉冉.基于Vue.js框架的网上商城管理系统的设计与实现[J].科技与创新,2023,(13):8-10.DOI:10.15913/j.cnki.kjycx.2023.13.003.

[8]王志亮,纪松波.基于SpringBoot的Web前端与数据库的接口设计[J].工业控制计算机,2023,36(03):51-53.

[9]王侠,汪进敏,师瑜等.“快吃”微信点餐小程序的设计与运营构想[J].中国质量万里行,2023,(02):62-65.

[10]种倩倩,孙丽英,陈滨等.基于微信小程序的点餐系统的设计与开发[J].电脑知识与技术,2022,18(19):66-69+73.DOI:10.14004/j.cnki.ckt.2022.1307.

[11]张铭欣.O2O模式下商家多渠道经营策略研究[D].上海财经大学,2022.DOI:10.27296/d.cnki.gshcu.2022.001747.

[12]郭银科,郑承承.基于微信小程序扫码点餐平台设计与实现[J].网络安全和信息化,2022,(02):84-86.

[13]宁功林.基于微信小程序的大学校园点餐管理系统设计与实现[J].华东科技,2022,(02):77-79.

[14]田松涛,段元梅.基于SpringBoot的线上商城平台设计[J].无线互联科技,2022,19(01):56-57.

[15]陈帅.微信点餐系统小程序的设计与实现[J].电子技术与软件工程,2021,(24):30-31.

[16]喻佳,吴丹新.基于SpringBoot的Web快速开发框架[J].电脑编程技巧与维护,2021,(09):31-33.DOI:10.16184/j.cnki.comprg.2021.09.013.

[17]陈晗.基于RESTful的网上商城的设计与实现[D].首都经济贸易大学,2021.DOI:10.27338/d.cnki.gsjmu.2021.000739.

[18]李昊.基于微信小程序的智能推荐点餐系统的设计与实现[D].南京邮电大学,2020.DOI:10.27251/d.cnki.gnjdc.2020.000283.

[19]潘文.奶茶行业的营销战略分析[D].华中科技大学,2020.DOI:10.27157/d.cnki.ghzku.2020.006912.

[20]邱丹萍.应用SpringBoot的食堂订餐管理系统设计[J].福建电脑,2020,36(06):115-117.DOI:10.16707/j.cnki.fjpc.2020.06.035.

致谢

通过这样设计与开发这样一个系统，首先向我们老师、同学和朋友表达真诚的感谢。没有指导老师的指导和平日子的教导，我也不能够学到如此多的专业知识。另外，也佩服老师兢兢业业的工作态度，给我们做好了表率。系统开发技术要学习的东西很多，前台框架、后台框架、业务流程、数据结构、操作系统等各种知识非常的丰富，都需要慢慢的专研。在这里，首先感谢老师细心的教导，我只想说一句：“老师，谢谢您，您辛苦了！有您在，大学生活才更加的充实。”另外，我要感谢我的室友，由于知识掌握得不够产生各种问题，正因为有了你们的帮忙，给我提出很多很好的建议，才能更好的解决系统开发问题。同时，我也应该感谢那些计算机专业的先哲们，正是由于有这么一群人，才能把这样的专业研究得如此透彻，才能助力新世界的诞生。你们的理论，是我们一生学习的内容，你们的成就，是我们一生追求的目标。

最后，也希望自己在未来的道路上能够走得更远，不辜负在大学的学习，以及老师们的细致的教导。

免费领取项目源码，请关注❥点赞收藏并私信博主，谢谢~