“xbar”小酒馆微信小程序的设计与实现

全栈工程司

于 2024-07-31 15:24:45 发布

阅读量246

点赞数 2

文章标签：微信小程序小程序 java mybatis mysql spring boot eclipse

本文链接：https://blog.csdn.net/m0_73244000/article/details/140822096

版权

摘要

本文旨在设计和实现基于SpringBoot的“xbar”小酒馆微信小程序，以适应互联网高速发展对传统餐饮服务带来的影响。该小程序采用线上点餐模式，通过充分利用互联网优势，解决顾客就餐过程中的各种问题，提高运营效率。

“xbar”小酒馆微信小程序主要包含首页、点餐、订单和我的四大部分。用户可以浏览首页获取酒馆相关信息，通过扫描桌台码或搜索功能进入点餐页面，选择餐品并下单。购物车页面显示已添加的餐品，方便查看和购买。系统支持注册账号、登录、退出账号等功能，并在我的页面提供个人资料、优惠券、订单和存酒等功能。

本设计基于Spring Boot框架，使用MySQL数据库进行开发。通过需求分析、功能设计、系统实现和测试验证，展示了“xbar”小酒馆微信小程序的可行性和有效性。实验结果表明，该系统具有良好的用户体验、稳定的性能和高效的运营效果。该小程序在满足用户需求、提升餐饮服务质量和管理水平方面具有广泛的应用前景和商业价值。

关键词：SpringBoot；微信小程序；餐饮服务；点餐系统；用户体验

Design and Implementation of WeChat

Mini Program for "xbar" Small Tavern

Abstract

This article aims to design and implement a "xbar" small tavern WeChat mini program based on SpringBoot to adapt to the impact of the rapid development of the Internet on traditional catering services. This mini program adopts an online ordering mode, which fully utilizes the advantages of the Internet to solve various problems encountered by customers during the dining process and improve operational efficiency.

The "xbar" small tavern WeChat mini program mainly includes four parts: homepage, ordering, orders, and my account. Users can browse the homepage to obtain information about the tavern, scan the table code or search function to enter the ordering page, select dishes, and place an order. The shopping cart page displays the added dishes for easy viewing and purchasing. The system supports functions such as account registration, login, and logout, and provides personal information, coupons, orders, and wine storage on my page.

This design is based on the Spring Boot framework and developed using a MySQL database. The feasibility and effectiveness of the "xbar" small tavern WeChat mini program were demonstrated through requirement analysis, functional design, system implementation, and testing verification. The experimental results indicate that the system has a good user experience, stable performance, and efficient operational effects. This mini program has broad application prospects and commercial value in meeting user needs, improving the quality and management level of catering services.

Keywords: SpringBoot; WeChat Mini Program; Catering services; Ordering system; User experience

第一章绪论

1.1 研究背景

随着互联网的高速发展和智能手机的普及，餐饮行业也面临着新的挑战和机遇。传统的人工点餐模式存在效率低下、用户体验差等问题，不再满足现代消费者的需求。同时，各大餐饮点餐软件相继出现，为消费者提供了便捷、快速的线上点餐服务。

在这样的背景下，”xbar”小酒馆微信小程序的设计与实现成为了提升餐饮服务体验的重要途径。微信小程序作为一种无需下载安装、用户粘性强的应用形态，在餐饮行业具有广泛的应用前景。它通过利用微信平台的社交属性和用户量的优势，将点餐流程简化，提高用户便捷性和满意度。此外，微信小程序还能够与支付、配送等服务进行无缝连接，进一步提升整个餐饮服务链的效率和质量。

针对餐饮行业中传统点餐方式存在的问题，本研究选择了“xbar”小酒馆作为案例，通过设计和实现 “xbar”小酒馆微信小程序的网上点餐系统，旨在解决传统点餐方式效率低下、用户体验差等问题，提高餐饮服务的运营效率和管理水平。通过研究该系统的设计与实现，可以为其他餐饮企业提供参考和借鉴，促进整个餐饮行业的转型升级和发展。

1.2 国内外研究现状

目前国外对于微信小程序的研究较少，大部分国外研究聚焦于微信生态系统的发展等方面。此外，一些国外餐饮企业也采用了类似的技术进行线上点餐服务在国外，随着移动支付和移动应用程序的普及，网上点餐系统已经成为餐饮行业的标配。许多国际知名的餐饮品牌，如星巴克、麦当劳等，都推出了自己的移动点餐应用。这些应用集成了点餐、支付、会员管理、数据分析等功能，为顾客提供了极大的便利，同时也为餐饮企业带来了显著的经营效益。此外，一些专门的在线点餐平台，如Uber Eats、Grubhub等，也在市场上占据了重要地位，它们通过与多家餐厅合作，为用户提供了更加丰富的餐饮选择。

在国内，随着微信小程序的普及及快速发展，越来越多的研究关注微信小程序的开发和应用。一些研究聚焦于微信小程序的技术架构、功能设计和用户体验等方面，探索如何利用微信小程序提供便捷的服务和优化的用户体验。国内的网上点餐系统发展迅速，得益于微信、支付宝等移动支付工具的普及，以及大众对于便捷服务的需求提升。国内餐饮企业普遍采用微信小程序、APP等方式，为顾客提供在线点餐服务。例如，海底捞、呷哺呷哺等知名餐饮品牌，都通过微信小程序为顾客提供了预约、点餐、支付等一站式服务。此外，美团、饿了么等第三方外卖平台也集成了网上点餐系统，它们通过平台优势，为用户提供了更加方便快捷的点餐体验。

在技术研究方面，国内外学者和工程师们不断探索新的技术应用，如利用人工智能优化算法、运用大数据分析消费者行为、采用云计算提升数据处理能力等，以提高点餐系统的智能化水平和用户满意度。

未来关于网上点餐系统的研究趋势，将更加注重用户界面(UI)和用户体验(UX)设计，提供个性化、情景化的服务。运用人工智能技术，如聊天机器人、智能推荐系统等，提升服务的智能化水平。通过对用户行为数据的分析，优化商品推荐、库存管理和市场营销策略。

总体来看， “xbar”小酒馆微信小程序的设计与实现在国内展现出强劲的发展势头，未来的研究和应用将更加注重提升用户体验、服务智能化以及数据驱动的决策支持。

1.3 本文的组织结构

第一章是绪论，本文章的开头部分，对本题目的研究背景和研究意义等一些做文字性的描述。

第二章研究了”xbar”小酒馆微信小程序的设计与实现的所采用的开发技术和开发工具。

第三章是系统分析部分，包括系统总体需求描述、功能性角度分析系统需求、非功能性等各个方面分析系统是否可以实现。

第四章是系统设计部分，本文章的重要部分，提供了系统架构的详细设计和一些主要功能模块的设计说明。

第五章是系统的具体实现，介绍系统的各个模块的具体实现。

第六章在前几章的基础上对系统进行测试和运行。

最后对系统进行了认真的总结，以此对未来有一个新的展望。

第二章相关技术介绍

2.1 微信开发者工具

微信开发者工具现在已经被小程序开发团队开发运行，目前微信开发者工具任然在不断的完善中，在开发小程序时经常要不断的更新。可以使用微信扫码登陆开发者工具，开发者工具将使用这个微信帐号的信息进行小程序的开发和调试。

机型选择：小程序以智能手机的屏幕尺寸为设计标准，进行切图。

预览界面：写好视图布局后点击编译，用来刷新视图界面。

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

上传代码：上传到腾讯服务器，提交审核必经步骤。上传代码时可以填写版本号和备注信息。

资源文件：一般可以在资源文件进行对应项目的文件目录的断点调试。

显示远程调试：手机端和PC端开发工具联调对用户而言是非常实用的。

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

视图调试：标组件以子父层级结构呈现，方便调试。

微信限制在2M 以内的代码体积；开发中一般不校验合法域名信息；小程序后台要做配置服务器域名。

以上就是在开发过程中微信开发者工具常用到的功能，微信开发者工具也在不断的完善。

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

整个小程序框架系统分为两部分：逻辑层和视图层。小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生小程序体验的服务。小程序在视图层与逻辑层间提供了数据传输和事件系统，提供了自己的视图层以及逻辑层框架，让开发者能够专注于数据与逻辑。框架的核心是一个响应的数据绑定系统，可以让数据与视图非常简单地保持同步。在逻辑层做数据修改，在视图层就会做相应的更新。框架提供了一套基础的组件，这些组件自带微信风格的样式以及特殊的逻辑，开发者可以通过组合基础组件，创建出强大的微信小程序。

2.3 JAVA技术

Java主要采用CORBA技术和安全模型，可以在互联网应用的数据保护。它还提供了对EJB（Enterprise JavaBeans）的全面支持，java servlet API，JSP（java server pages），和XML技术。

JAVA语言功能：

面向对象：面向对象是Java编程语言的标志之一，是一种软件开发方法。最重要的是将所有东西变成对象，然后以某种方式编程。编程时，代码和数据写在每个对象上。面向对象编程方法的出现使得人们在编程过程中的设计思考和操作变得非常简单，同时也提高了程序的安全性。

跨平台：Java流行的一个关键特性是它的跨平台特性，这使得用Java编程变得容易。您可以用Java编写程序并在其他地方运行它，而无需在编译后更改它。

垃圾回收机制：用来将那些在程序不操作时无用的对象所占用的内存空间释放掉，C ++最被人厌恶的就是因为其不能将在编程的过程中所占用的内存空间进行及时的释放，导致随着编程时间的变长所占用的内存空间越来越多。对于一些编程高手而言，他们会在刚开始编程的时候配置一块内存地址放在堆栈上，然后在不需要的时候会对其进行释放，而一些新手和菜鸟在很多的时候会忘记删除这个内存地址，从而导致程序在运行的过程中会变得十分的不稳定，最终有可能会导致程序崩溃。所以很多C ++的高手在编写程序时往往都会将删除后的指针的值设置为NULL，然后在删除之前确定一个指针的值是否为NULL。

2.3 Springboot框架

Spring框架是Java平台上的一种开源应用框架，提供具有控制反转特性的容器。尽管Spring框架自身对编程模型没有限制，但其在Java应用中的频繁使用让它备受青睐，以至于后来让它作为EJB（EnterpriseJavaBeans）模型的补充，甚至是替补。Spring框架为开发提供了一系列的解决方案，比如利用控制反转的核心特性，并通过依赖注入实现控制反转来实现管理对象生命周期容器化，利用面向切面编程进行声明式的事务管理，整合多种持久化技术管理数据访问，提供大量优秀的Web框架方便开发等等。Spring框架具有控制反转（IOC）特性，IOC旨在方便项目维护和测试，它提供了一种通过Java的反射机制对Java对象进行统一的配置和管理的方法。Spring框架利用容器管理对象的生命周期，容器可以通过扫描XML文件或类上特定Java注解来配置对象，开发者可以通过依赖查找或依赖注入来获得对象。Spring框架具有面向切面编程（AOP）框架，SpringAOP框架基于代理模式，同时运行时可配置；AOP框架主要针对模块之间的交叉关注点进行模块化。Spring框架的AOP框架仅提供基本的AOP特性，虽无法与AspectJ框架相比，但通过与AspectJ的集成，也可以满足基本需求。Spring框架下的事务管理、远程访问等功能均可以通过使用SpringAOP技术实现。Spring的事务管理框架为Java平台带来了一种抽象机制，使本地和全局事务以及嵌套事务能够与保存点一起工作，并且几乎可以在Java平台的任何环境中工作。Spring集成多种事务模板，系统可以通过事务模板、XML或Java注解进行事务配置，并且事务框架集成了消息传递和缓存等功能。Spring的数据访问框架解决了开发人员在应用程序中使用数据库时遇到的常见困难。它不仅对Java:JDBC、iBATS/MyBATIs、Hibernate、Java数据对象（JDO）、ApacheOJB和ApacheCayne等所有流行的数据访问框架中提供支持，同时还可以与Spring的事务管理一起使用，为数据访问提供了灵活的抽象。Spring框架最初是没有打算构建一个自己的WebMVC框架，其开发人员在开发过程中认为现有的StrutsWeb框架的呈现层和请求处理层之间以及请求处理层和模型之间的分离不够，于是创建了SpringMVC。

2.4 MYSQL数据库

网站的开发必须配套相应数据库，数据库具有一定的组织结构，能够存放和管理数据信息，在以前数据库的功能仅仅是数据保存和管理操作，但是时代的变迁和发展，现在的数据库演变成了数据处理的方式，数据库从最开始的简单存放数据表格信息到现在的能够存放成千上万数据的大型数据库，期间还是经历了许多的改革。

本次开发的在线点餐小程序使用的数据库是MYSQL数据库，该数据库运行速度快，安全性能也很高，而且对使用的平台没有任何的限制，所以被广泛应运到系统的开发中。MySQL是一个开源和多线程的关系管理数据库系统，MySQL是开放源代码的数据库，具有跨平台性，虽然功能未必强大，导致很多人都了解这个数据库的基本应用，在数据库中，总共建立了10几个表，这里面每个表都是相对应的，都各自有各自的联系，数据库意义重大，如果没有数据库的链接，就没办法运行程序，这显然可以看见数据库与程序的重要性，是紧密相连接的。

2.5 B/S结构

B/S（浏览器/服务器）结构是目前主流的网络化的结构模式，它能够把系统核心功能集中在服务器上面，可以帮助系统开发人员简化操作，便于维护和使用。只需要用户在客户端安装360浏览器、谷歌浏览器、QQ浏览器等当前大众浏览器，在电脑里面安装sqlserver、mysql数据库等数据库。安装好的浏览器与服务器端的数据库进行信息数据的交互。很多专门软件能够做到的事情，采用B/S结构模式也能实现，它能够结合Web浏览器技术，ActiveX技术以及多种脚本语言等技术。帮助程序开发者节约了不少开发成本。目前B/S结构成为程序开发主流结构，它最好的地方就是没有地点限制还不用专门安装软件，笔记本或者电脑能够上网就能访问系统。系统使用B/S进行开发在后期系统维护上面就会很省事，不用什么问题都在服务器上面操作，简单的客户端处理就解决部分问题，开发出来的程序跟用户交互性上面也会增强，还可以实时刷新浏览器进行程序局部的数据信息更新。

图2-1 B/S模式三层结构图

第三章系统分析

3.1 可行性分析

本次设计基于B/S 模式下，运用Java、JSP技术采用的是MySQL数据库和Myeclipse实现，总体的可行性共分为以下三个方面。

3.1.1 技术可行性分析

所谓的技术可行性就是在限定时间，前期拟定的功能能否被满足。在开发设计上是否会遇上解决不了的问题。做完的项目能否被很好地应用，如果存在缺点在后期的维护上是否存在很大的难度。在对这个系统评估后，认定已存在的技术能达成目标。用JSP技术来实现动态的页面，嵌入低依赖性的设计模式，灵活的数据库，配合稳定的服务器，整个系统的运行效率大大提升。由此可见，在技术层面达成目标不是非非之想。

3.1.2 经济可行性分析

在项目上使用的工具大部分都是是当下流行开源免费的，所以在开发前期，开发时用于项目的经费将会大大降低，不会让开发该软件在项目启动期受到经费的影响，所以经济上还是可行的。尽量用最少的花费去满足用户的需求。省下经费用于人工费，以及设备费用。将在无纸化，高效率的道路上越走越远。

3.1.3 操作可行性分析

本系统实现功能的操作很简单，普通电脑的常见配置就可以运行本软件，并且只要粗通电脑使用的基本常识就可以流畅的使用本软件。电脑具备连接互联网的能力，并且可以正常访问系统，并不需要操作者有什么高超的能力，只需了解业务流程，并且按照专业知识进行正确操作即可，所以”xbar”小酒馆微信小程序的设计与实现具备操作可行性。

3.2 功能需求分析

在系统开发设计前，应该对功能做初步设想，清楚这个管理系统有什么板块，每个板块有什么功能，整体的设计是否满足使用者的需求，接着对所开发的系统功能进行的详细分析总结，从而设计出完整的系统并将其实现。用户和开发人员的交流分析，使其达到最佳理解程度，使系统功能达到最佳。

用户用例图如下所示。

图3-1 用户用例图

管理员用例图如下所示。

图3-2 管理员用例图

3.3 非功能需求分析

系统非功能需求有非常多，比如性能需求、可承载最大用户数、稳定性、易用性需求等。本系统分析时考虑到易用性需求，因为系统是给人使用的，所以必须充分从用户的角度出发，考虑用户体验，使系统易理解易上手易操作。

3.4 数据流程分析

零层数据流程图包括了登录注册、用户功能和检索维护等模块，在登录注册模块使用到的数据存储有用户账户文档，用户功能模块需要的存储是用户各功能模块数据文档，检索维护是使用以上这些数据文档通过关键词进行检索。

系统的零层数据流图如下图所示。

图3-2系统数据流图（零层）

一层数据流程图是对零层数据流程图的细化，将登录注册细分为填制登录注册数据和完善数据，用户功能细分为用户基本功能和用户主要功能。

系统的一层数据流图如下图所示。

图3-3系统数据流图（一层）

二层数据流程是对一层数据流层图中填写登录注册信息、用户功能的细化。即：填写登录注册信息细化为填制信息、后台审核，用户功能细化为产品查看、添加评论、在线收藏、在线点餐、取消订单等操作。

系统的二层数据流图如下图所示。

图3-4系统数据流图（二层）

第四章系统设计

4.1 系统架构设计

目前B/S体系的系统主要的数据访问方式是：通过浏览器页面用户可以进入系统，系统可以自动对用户向服务器发送的请求进行处理，处理请求是在系统后台中进行的，用户在浏览器页面上进行相应操作，就能够看到服务端传递的处理结果。”xbar”小酒馆微信小程序的设计与实现主要分为视图-模型-控制三层架构设计。在视图层中，主要是操作在服务器端向客户端反馈并显示的数据，在模型层中，主要处理相关的业务逻辑、数据整合等，最后的控制层它介于视图和模型之间，主要是调整两层之间的关系，最终落实数据的传递。

系统架构图如下图所示。

图4-1系统架构图

4.2 系统功能结构

系统设计的目的是分析系统包括的所有功能结构，为开发人员设计开发和实现系统做好准备工作。经过前期的需求调查、分析和整理之后，确定的总体需求主要二个模块，分别是：后台首页、系统用户（管理员、注册用户）、系统管理、网站公告、资源管理（酒店风采、风采分类）、商城管理（点餐中心、分类列表、订单管理）。系统整体角色分为二个部分，一是普通注册用户、二是管理员。权限分布也是很明显，普通用户是在除去浏览信息之外还具有查和管理自己账户信息、查看酒店风采介绍、配用购物车、发表评论、收藏、在线点餐、取消订单、查看订单配送等权限；管理员是最高权限拥有者。

系统功能结构图如下图所示。

图4-2系统功能结构图

4.3 功能模块设计

“xbar”小酒馆微信小程序的设计与实现主要分为二个部分：管理员和普通注册用户，每个模块下的分支功能模块不一样。对功能模块做出如下说明：

普通用户模块：

（1）首页信息：”xbar”小酒馆微信小程序的设计与实现的首页信息包含了首页、购物车、酒吧风采、我的等。

（2）用户注册：用户点击“注册”按钮，并输入账号，设置密码，确认密码，昵称，邮箱，选择身份，点击“立即注册”按钮进行注册。

（3）用户登录：点击“登录”按钮，输入用户名，密码和验证码进行登录。

（4）密码修改：用户使用该系统注册完成后，用户对登录密码有修改需求时，系统也可以提供用户修改密码权限。系统中所有的操作者能够变更自己的密码信息，执行该功能首先必须要登入系统，然后选择密码变更选项以后在给定的文本框中填写初始密码和新密码来完成修改密码的操作。在填写的时候，假如两次密码填写存在差异，那么此次密码变更操作失败。

（5）我的：在前台点击“我的”可以对基本信息、收货地址、收藏、订单、购物车送等信息进行管控。

（6）订单支付：用户可以选择线上支付，使用第三方支付网关（如支付宝、微信支付等）处理在线交易。

（7）购买订单：用户在提交订单后，可以对提交的订单进行管理。

（8）收藏：显示自己收藏的各种信息，支持对收藏信息的搜索查询，如果你想不再收藏某一信息，点击删除就可以了。

（9）点餐中心：在前台点击“点餐中心”按钮进入美食商品列表查看全部美食商品详情（酒水、小吃、零食），也可以输入关键词进行查询美食商品信息，并且可以对查看的美食商品进行评论、加购购物车、收藏、购买操作，点击“购买”按钮，可以进入购买页面、对商品有需要可咨询客服等操作。

（10）购物车中心：在前台首页点击“购物车”界面可以查看准备购买的美食商品，点击感兴趣的美食进行“购买”按钮，通过使用第三方支付网关（如支付宝、微信支付等）处理在线交易进行下单采购。

（11）收货地址：可随时在线编辑更改用户自己的收货地址等信息。

管理员模块：

（1）管理员登录：管理员在后台可以输入用户名+密码进行登录，管理员的用户名和密码是在数据库中直接设定好的。

（2）管理员功能界面：管理员可以查看后台首页、系统用户（管理员、普通注册用户）、系统管理（轮播图管理）、网站公告管理（网站公告）、资源管理（酒店风采、风采分类）、商城管理（点餐中心、分类列表、订单列表）等，并且可以根据需要进行相应的操作。

（3）系统用户管理：管理员可以对”xbar”小酒馆微信小程序的设计与实现中的管理员跟普通用户进行增删改查。

（4）系统管理：点击“轮播图管理”可以查看到系统中的轮播图信息，如果想要添加新的轮播图，点击“添加”按钮，根据提示输入上轮播图信息，点击“提交”按钮，信息没有错误的话，添加就完成了，如果轮播图信息有误，可以对轮播图更新维护，也可以直接删除某一轮播图。

（5）资源管理：管理员点击“资源管理”按钮，可查看酒店风采跟风采分类类型，如需添加新的酒吧活动、酒店风采介绍等，点击“风采分类”或“酒店风采”按钮，并输入标题，点击“提交”按钮进行提交，同时也支持对已有的其它资源分类进行编辑，删除和查询。

（6）商城管理：管理员点击“商城管理”按钮，可查看系统的点餐中心、分类列表、订单详情，如需添加新的商品分类，点击“分类列表”按钮，并输入分类名称，点击“提交”按钮进行提交，点击“点餐中心”进行发布编辑系列的商品价格、分类品种、库存等内容，同时也支持对已有的订单详情列表进行编辑，删除和查询。

4.4 数据库设计

4.4.1 概念模型

对于一个要开发的系统来说，E-R图可以让别人能更快更轻松的了解此系统的事务及它们之间的关系。根据系统分析阶段所得出的结论确定了在 “xbar”小酒馆微信小程序的设计与实现中存在着多个实体分别是用普通用户、管理员、美食中心、购买订单、取消订单、订单配送等。

系统总体ER图如下图所示。

图4-3系统总体ER图

4.4.2 数据表

数据库逻辑结构就是将E-R图在数据库中用具体的字段进行描述。用字段和数据类型描述来使对象特征实体化，最后形成具有一定逻辑关系的数据库表结构。”xbar”小酒馆微信小程序的设计与实现所需要的部分数据结构表如下表所示。

表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	更新时间：

表bar_dining_table (酒吧餐桌)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	bar_dining_table_id	int	10	0	N	Y		酒吧餐桌ID
2	table_type	varchar	64	0	N	N		餐桌类型
3	seating_capacity	varchar	64	0	Y	N		可坐人数
4	picture	varchar	255	0	Y	N		图片
5	appointment_notice	text	65535	0	Y	N		预约须知
6	hits	int	10	0	N	N	0	点击数
7	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
8	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：

表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：

表my_dining_table (我的餐桌)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	my_dining_table_id	int	10	0	N	Y		我的餐桌ID
2	dining_number	varchar	64	0	Y	N		就餐号
3	table_type	varchar	64	0	Y	N		餐桌类型
4	dining_users	int	10	0	Y	N	0	就餐用户
5	name	varchar	64	0	Y	N		姓名
6	telephone	varchar	64	0	Y	N		电话
7	seat	varchar	64	0	N	N		座位号
8	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
9	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	未配送	发货状态：未配送，已配送

表order_center (点餐中心)

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

表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已取消

表registered_users (注册用户)

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

表sensitive_vocabulary (敏感词汇)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	sensitive_vocabulary_id	int	10	0	N	Y		敏感词汇ID
2	sensitive_vocabulary	varchar	64	0	Y	N		敏感词汇
3	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
4	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表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	创建时间：

表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	更新时间：

第五章系统实现

5.1 登录模块的实现

系统的登录窗口是用户的入口，用户只有在登录成功后才可以进入访问。通过在登录提交表单，后台处理判断是否为合法用户，进行页面跳转，进入系统中去。

登录合法性判断过程：用户输入账号和密码后，系统首先确定输入输入数据合法性，然后在login.jsp页面发送登录请求，调用src下的mainctrl类的dopost方法来验证。

用户登录模块的IPO如下所示：

输入：用户名和密码。

处理：

1）检测用户输入的账号、密码是否正确及在数据库已对应存在。

2）从数据库中提取记录，并储存在本地的session中（timeout默认=30min）。

3）根据用户名，将其显示在系统首页上。

输出：是否成功的信息。

登录流程图如下所示。

图5-1登录流程图

系统登录界面如下所示。

图5-2系统登录界面

用户登录的逻辑代码如下。

/**

* 登录

* @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.2 用户前台系统模块的实现

5.2 .1用户首页模块

系统呈现出一种简洁大方的首页：界面简约、鳞次栉比，用户能轻车熟路的使用。出于对系统使用群体广泛的顾虑，应有良好性能的后台。在系统时间显示上编写javascript脚本在导航栏显示系统的当前日期，首先定义一个数组d存放周一至周日，创建一个获取时间的对象time后通过该对象的方法获取年月日，(time.getDay())%7计算得到的结果是数组的下标，通过数组下标就获取了数组的值，利用字符窜连接把年月日和星期转换成字符窜，通过document.getElementById("date")获取标签后使用innerHTML把该字符串显示在jsp页面。

如下图所示为系统的首页界面。

图5-3系统首页界面

其中载入前台页面的主要代码如下。

@RequestMapping("/get_list")

public Map<String, Object> getList(HttpServletRequest request) {

Map<String, Object> map = service.selectToPage(service.readQuery(request), service.readConfig(request));

return success(map);

}

5.2.2 注册模块

此页面实现普通用户的注册，必须注册登录后才能使用系统大部分功能，用户名不允许重复如果重复将会注册失败，并弹出相应的提示，通过js实现对输入的验证。

用户注册流程图如下所示。

图5-4用户注册流程图

用户注册界面如下图所示。

图5-5用户注册界面

用户注册关键代码如下所示。

/**

* 注册

* @param user

* @return

@PostMapping("register")

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

// 查询用户

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

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

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

if (list.size()>0){

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

}

user.setUserId(null);

user.setPassword(service.encryption(user.getPassword()));

service.save(user);

return success(1);

}

/**

* 用户ID：[0,8388607]用户获取其他与用户相关的数据

@Id

@GeneratedValue(strategy = GenerationType.IDENTITY)

@Column(name = "user_id")

private Integer userId;

/**

* 账户状态：[0,10](1可用|2异常|3已冻结|4已注销)

@Basic

@Column(name = "state")

private Integer state;

/**

* 所在用户组：[0,32767]决定用户身份和权限

@Basic

@Column(name = "user_group")

private String userGroup;

/**

* 上次登录时间：

@Basic

@Column(name = "login_time")

private Timestamp loginTime;

/**

* 手机号码：[0,11]用户的手机号码，用于找回密码时或登录时

@Basic

@Column(name = "phone")

private String phone;

/**

* 手机认证：[0,1](0未认证|1审核中|2已认证)

@Basic

@Column(name = "phone_state")

private Integer phoneState;

/**

* 用户名：[0,16]用户登录时所用的账户名称

@Basic

@Column(name = "username")

private String username;

/**

* 昵称：[0,16]

@Basic

@Column(name = "nickname")

private String nickname;

/**

* 密码：[0,32]用户登录所需的密码，由6-16位数字或英文组成

@Basic

@Column(name = "password")

private String password;

/**

* 邮箱：[0,64]用户的邮箱，用于找回密码时或登录时

@Basic

@Column(name = "email")

private String email;

/**

* 邮箱认证：[0,1](0未认证|1审核中|2已认证)

@Basic

@Column(name = "email_state")

private Integer emailState;

/**

* 头像地址：[0,255]

@Basic

@Column(name = "avatar")

private String avatar;

/**

* 创建时间：

@Basic

@Column(name = "create_time")

@JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss")

private Timestamp createTime;

@Basic

@Transient

private String code;

}

5.2.3 酒吧风采模块

在酒吧风采页面，用户可以轻松获取有关酒吧和美食的详细资讯，还可以通过关键字快速搜索，同时还可以进行点赞、评论、收藏等功能，如图5-6所示。

图5-6酒吧风采界面

5.2.4 点餐中心模块

用户点击点餐中心可以查看美食商品推荐列表：酒水、小吃、零食，支持通过产品进行搜索，点击感兴趣的商品，可以查看商品信息、商品名称、商品分类类型、图片、收藏次数等内容，还可在该页面进行菜品收藏、点赞、评论、购买等操作。

点餐中心列表界面如图所示。

图5-7点餐中心列表界面

产品详情界面如图所示。

图5-8产品详情界面

我的购物车界面如图所示。

图5-9我的购物车界面

5.2.5 我的模块

通过访问我的页面，用户可以对基本信息、收货地址、收藏、订单、购物车等进行管控，点击“基本信息”可以对用户的头像、昵称、密码进行修改，点击“收藏”，可以查看用户收藏的信息，点击“购物车”可以查看订单信息并进行支付、点击“取消订单”可以添加取消订单信息和查看审核信息等。

基本信息界面如图所示。

图5-10基本信息界面

购买订单界面如图所示。

图5-11购买订单界面

支付界面如图所示。

图5-12支付界面

5.3 管理员系统模块的实现

5.3.1 用户管理模块

用户在yhzhgl查看用户信息，先使用sql语句查询出所有用户表的数据，然后调用PageManager.getPages(url,4,sql, request )，返回一个ArrayList的对象，在for循环里，使用jsp得到每个ArrayList对象的数据，在jsp页面中解析ArrayList对象，得到其各个键值对的值。

用户管理界面如下图所示。

图5-13用户管理界面

系统用户管理关键代码如下所示。

server:

port: 5000

servlet:

context-path: /api

spring:

datasource:

url: jdbc:mysql://127.0.0.1:3306/CS725260_20211101091736?serverTimezone=GMT%2B8&useSSL=false&characterEncoding=utf-8

username: root

password: root

driver-class-name: com.mysql.cj.jdbc.Driver

jackson:

property-naming-strategy: CAMEL_CASE_TO_LOWER_CASE_WITH_UNDERSCORES

default-property-inclusion: ALWAYS

time-zone: GMT+8

date-format: yyyy-MM-dd HH:mm:ss

servlet:

multipart:

max-file-size: 100MB

max-request-size: 100MB

5.3.2个人资料模块

当用户登录成功后会将个人信息保存在session作用域中，点击自己的用户名时，会跳转到个人详细信息页面，由后台通过Freemarker取出session作用域中的用户信息进行动态渲染，例如，邮箱、电话号码、用户名等等。同时页面上会显示修改个人信息和修改密码的按钮，这时客户可以修改自己的登录密码以保障账号的安全性，防止被人窃取账号，通过UserController.java的updatePassword()实现，同时也可以根据自己的个人信息是否变动做出相应的修改，通过updateUserInfo()实现。

密码修改流程图如下所示。

图5-14密码修改流程图

密码修改关键代码如下所示。

/**

* 修改密码

* @param data

* @param request

* @return

@PostMapping("change_password")

public Map<String, Object> change_password(@RequestBody Map<String, String> data, HttpServletRequest request){

// 根据Token获取UserId

String token = request.getHeader("x-auth-token");

Integer userId = tokenGetUserId(token);

// 根据UserId和旧密码获取用户

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

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

query.put("user_id" ,String.valueOf(userId));

query.put("password" ,service.encryption(o_password));

Query ret = service.count(query, service.readConfig(request));

List list = ret.getResultList();

Object s = list.get(0);

int count = Integer.parseInt(list.get(0).toString());

if(count > 0){

// 修改密码

Map<String,Object> form = new HashMap<>();

form.put("password",service.encryption(data.get("password")));

service.update(query,service.readConfig(request),form);

return success(1);

}

return error(10000,"密码修改失败！");

}

5.3.2 系统管理界面

管理员点击“系统管理”这一菜单会显示轮播图这一个子菜单，管理员可以对前台展示的轮播图进行设置，界面如下图所示。

图5-15系统管理界面

5.3.3 资源管理模块

管理员点击“资源管理”这一菜单会显示酒店风采、风采分类这两个子菜单，管理员可以对这两部分涉及到的功能进行更新维护，更好的服务于前台用户。界面如下图所示。

图5-16资源管理界面

5.3.4 商城管理模块

管理员商城管理是一个关键的功能模块，包括点餐中心、分类列表和订单列表三个子模块。点餐中心允许管理员对菜品进行管理和编辑，分类列表提供了方便的菜品分类管理，而订单列表则为管理员提供了实时监督和处理用户订单的能力。这些模块共同构成了一个高效管理和运营商城的系统，帮助管理员更好地组织商品信息、优化分类，同时及时处理和跟踪订单，提升整体的管理效率和用户满意度。还可查看评论信息。

图5-17商城管理界面

5.3.5管理员系统个人中心模块

管理员是商城的关键角色之一，拥有管理商城的权限和责任。管理员可以通过基本信息模块管理自己的个人资料和登录信息，确保账号安全和准确性。收藏功能允许管理员将喜爱的商品或页面加入收藏夹，方便以后查看和操作。订单模块则提供了管理员对所有订单进行查看、处理和跟踪的能力，以保证订单的顺利交付和用户满意度。购物车功能则允许管理员将需要购买的商品添加到购物车中，并进行数量调整和结算等操作，方便快捷地完成购物流程。这些功能共同为管理员提供了便捷的操作和管理工具，帮助他们高效地管理商城，并提供良好的用户体验。界面图如下所示：

图5-18管理员系统个人中心界面图

第六章系统测试

6.1 测试目的

在对该系统进行完详细设计和编码之后，就要对”xbar”小酒馆微信小程序的设计与实现的程序进行测试，检测程序是否运行无误，反复进行测试和修改，使之最后成为完整的软件，满足用户的需求，实现预期的功能。

6.2 测试过程

在软件的测试过程中，通常测试人员需要针对不同的功能模块设计多种测试用例。通过测试用例能够及时发现代码业务逻辑上是否与真实的业务逻辑相对应，及时发现代码上或逻辑上的缺陷，以此来来完善系统，提高软件产品的质量，使软件具有良好的用户体验。

注册测试用例表如下所示。

表6-1注册测试用例

测试性能		新用户注册
用例目的		测试系统新用户个人信息注册功能的功能和安全性
前提条件		进入注册页面填写个人信息
输入条件	预期输出		实际情况
各项基本信息输入不完整	不允许注册，无法点击注册按钮		一致
填写已存在的用户名	系统显示出提示信息，要求重新填写		一致
两次密码输入不一致	系统显示出提示信息，要求重新填写		一致
填写的各项信息没有符合提示的长度和字符要求	系统显示出提示信息，要求重新填写		一致
胡乱填写电话号码	收不到验证码		一致
填写验证码与收到的不一致	系统显示提示信息告知用户验证码错误，不予注册		一致

登录测试用例表如下所示。

表6-2登录测试用例

测试性能		用户或操作员登录系统
用例目的		测试用户或操作员登录系统时功能是否正常
前提条件		进入用户登录页面或操作员登录页面
输入条件	预期输出		实际情况
各项信息不予填写，直接点击登陆按钮	不允许登录，提示填写账号相关信息		一致
填写错误的登录名或密码后点击登录系统	提示用户名或密码错误，要求重新填写进行登录		一致
填写与验证码信息不一致的信息	系统显示出提示信息，表明验证码错误，要求重新填写		一致

菜品购买测试用例表如下所示。

表6-3产品购买测试用例

测试性能		用户进行购买的操作
用例目的		测试用户进行购买操作时，系统的功能是否正常
前提条件		用户进入点餐中心详情页，该产品能够被购买
输入条件	预期输出		实际情况
用户未登录，点击购买按钮	跳转至登录页面，提示用户先进性登录		一致
正常的登录用户，点击购买按钮	系统弹出提示框，提示用户购买成功		一致

6.3 测试结果

经过对此系统的测试，得出该系统足以满足用户日常需求，在功能项目和操作等方面也能满足操作员对于其他用户的管理。但是，还有很多功能有待添加，这个系统仅能满足大部分的需求，还需要对此系统的功能更进一步的完善，这样使用起来才能更加的完美。

第七章总结与展望

通过 “xbar”小酒馆微信小程序的设计与实现的开发，本人巩固了之前学过的知识，如今将平时所学到的知识融合在设计中，在设计过程中，做了很多的准备，首先，在数据库系统的设计过程中，尤其是在数据库的工作原理、工作特点，对其深刻的讨论，与此同时，对于小型站点来说，最好服务器的选择，其次，利用所学的知识点分析所做的系统，并在此基础上设计。

目前本系统已经上线，正在试运行阶段，用户反馈良好，基本完成用户所需，试运行过程中没有出现阻断性问题，有一些不足和小问题也及时予以修正，系统上线后，为了保证数据的安全性，对系统进行了备份操作，系统备份是每两个月备份一次，数据库备份为每周备份一次，系统部署在租赁的云平台服务器中。

本次系统上线成功后，得到了用户的高度认可，但是在功能上和性能上还需做进一步的研究处理，使其有更高的性能和更好的用户体验。

系统在以后的升级过程中，需要解决一系列用户所提出的问题，例如打印过程中如何避免浏览器的兼容性问题，大量用户访问时，如何保持较高的响应速度，在系统今后的升级过程中将着重解决这些安全性问题。

参考文献

[1]Rio R ,Takeo I ,Irwan M . Evaluation of earthquake potential using a kinematic crustal block motion model in Java, Indonesia, based on GNSS observation [J]. Journal of Asian Earth Sciences: X, 2024, 11 100171-.

[2]马庆. 计算机软件开发中JAVA编程语言的应用 [J]. 山西电子技术, 2023, (06): 84-86+98.

[3]刘彦会. 基于自适应遗传算法的微信小程序界面信息布局设计方法 [J]. 湖北科技学院学报, 2023, 43 (06): 135-140.

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

[5]李冲. 跳海：当小酒馆遇上“互联网” [J]. 华东科技, 2023, (11): 32-34.

[6]Xiao Z ,Ali Y ,Xin W , et al. Sports Work Strategy of College Counselors Based on MySQL Database Big Data Analysis [J]. International Journal of Information Technology and Web Engineering (IJITWE), 2023, 18 (1): 1-14.

[7]杨芬,宋晓燕. MySQL数据库应用的课程教学分析 [J]. 电子技术, 2023, 52 (10): 180-181.

[8]马文新,刘百韬,侯冠麒等. 基于SpringBoot的三维数字化设备运维管理系统的设计与实现 [J]. 中国建设信息化, 2023, (18): 66-69.

[9]陈蓓蕾,洪年松. 基于SpringBoot的数据库接口设计 [J]. 信息与电脑(理论版), 2023, 35 (16): 181-183.

[10]张娅妮,刘霞. 微信扫码点餐小程序的设计与实现 [J]. 电脑与信息技术, 2023, 31 (04): 62-66. 1

[11]李志伟. 基于Eclipse+SDK开发平台的无线点餐系统设计 [J]. 信息与电脑(理论版), 2023, 35 (12): 125-128.

[12]北野武. 《北野武的小酒馆》 [J]. 读写月报, 2023, (17): 2.

[13]龙山. 以酒为媒!青春小酒馆搭上时光列车牵线美好姻缘 [J]. 中国酒, 2023, (05): 82.

[14]叶梦君,焦冰. 基于Linux的点餐系统的设计与实现 [J]. 电脑知识与技术, 2023, 19 (03): 44-46+50.

[15]Yang Y . Design and Implementation of Student Information Management System Based on Springboot [J]. Advances in Computer, Signals and Systems, 2022, 6 (6):

[16]刘德凤. 酒店点餐系统的设计与实现 [J]. 电子技术与软件工程, 2022, (22): 173-176.

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

[18]卞川泽. 小酒馆将给酒业带来怎样的创新未来？[N]. 华夏酒报, 2022-02-22 (A06).

[19]孙燕明. 小酒馆大市场[N]. 中国消费者报, 2022-10-22 (004).

[20]王小月. 小酒馆：年轻人心头的“白月光” [J]. 食品界, 2022, (10): 70-72.

致谢

伴随着设计的完成，大学生涯也随之即将结束。大学期间是我最珍惜的时光，大学时光中学会了很多，也成长了很多，这段时光中每一段回忆都刻在脑海中。感谢一起学习，一起成长同学们，和成长过程悉心教导的老师们，非常感激有你们的陪伴。

首先感谢我的指导老师，设计的完成离不开老师的一系列指导。在毕业设计的完成过程中，老师给出了很多中肯的建议，正是由于老师一丝不苟的工作态度，我的设计才能顺利的完成。

最后，感谢在大学生涯中每一位教导我的老师，是你们教给了我丰富的知识，更教会了我遇到问题时，如何去应对并解决。谢谢你们的帮助与支持。

点赞+收藏+关注 →私信领取本源代码、数据库

全栈工程司

关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
“xbar”小酒馆微信小程序的设计与实现

本设计基于Spring Boot框架，使用MySQL数据库进行开发。通过需求分析、功能设计、系统实现和测试验证，展示了“xbar”小酒馆微信小程序的可行性和有效性。实验结果表明，该系统具有良好的用户体验、稳定的性能和高效的运营效果。该小程序在满足用户需求、提升餐饮服务质量和管理水平方面具有广泛的应用前景和商业价值。
复制链接

扫一扫