Springboot美食教程小程序的设计与实现

摘 要

本文设计了一种基于微信小程序的美食教程小程序，系统为人们提供了方便快捷、即用即搜的美食教程服务，包括美食资讯、美食话题、注册登录等，用户能够方便快捷地查看资讯、搜索美食教程视频、还能了解各类美食信息等。美食教程小程序采取面对对象的开发模式进行软件的开发和硬体的架设，能很好的满足实际使用的需求，完善了对应的软体架设以及程序编码的工作，采取MySQL作为后台数据的主要存储单元，采用Spring boot框架、JSP技术、Ajax技术进行业务系统的编码及其开发，实现了小程序内的全部功能。本次报告，首先分析了研究的背景、作用、意义，为研究工作的合理性打下了基础。

关键词：美食教程小程序；Springboot框架；MySQL数据库

Design and implementation of springboot food tutorial applet

Abstract

This paper designs a food tutorial applet based on wechat applet. The system provides people with convenient and fast food Tutorial Services, including food information, food topics, registration and login. Users can easily and quickly view information, search food teaching videos, and understand all kinds of food information. The food tutorial applet adopts the object-oriented development mode for software development and hardware erection, which can well meet the needs of practical use, improve the corresponding software erection and program coding, take MySQL as the main storage unit of background data, and use spring boot framework, JSP technology and Ajax technology for business system coding and development, so as to realize all the functions in the applet. This report first analyzes the background, function and significance of the research, which lays a foundation for the rationality of the research work.

Key words:Food tutorial applet; Springboot framework; Mysql database

目  录

第1章 绪论

1.1 研究背景与意义

1.2 系统优点

1.3 论文组成结构

第2章 相关技术介绍

2.1 J2EE技术

2.2 MVVM模式

2.3 B/S结构

2.4 Springboot框架

2.5 Mysql数据库

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

2.6 B/S体系工作原理

第3章 系统分析

3.1 可行性分析

3.2 功能需求分析

3.2.1 前台用户功能

3.2.2 后台管理员功能

3.3 非功能需求分析

3.4 安全性需求分析

3.4.1 系统的安全性

3.4.2 数据的安全性

3.5 数据流程分析

第4章 系统设计

4.1 系统架构设计

4.2 系统总体设计

4.3 系统功能设计

4.4 数据库设计

4.4.1 数据需求分析

4.4.2 数据库概念设计

4.4.3 数据库表设计

第5章 系统实现

5.1 注册模块的实现

5.2 登录模块的实现

5.3 用户资料修改模块的实现

5.4 美食教程管理模块的实现

5.5 美食资讯模块的实现

5.6 美食话题管理模块的实现

第6章 系统测试

6.1 测试目的

6.2 功能测试

6.3 性能测试

第7章 总结与展望

参考文献

致谢

1. 绪论
   1. 研究背景与意义

网络技术现在发展的越来越快，几乎世界各地每个角落都会和网络有着挂钩，它佞生活变得更加的多元化、丰富性，网络技术的逐步的提高，无论是交通方面，还是交易或通讯方面都会很便捷，不用想以前那样生活的很呆板，没有那种互动性和灵活性。

自从计算机、互联网出现以来，人类社会就开始经历一场全方位的变革，先进的科技让人们充分体会到网络带来的快捷与便利，使之逐渐成为了现代生活中不可或缺的部分。在互联网不断的发展变化，开始走向移动端，移动互联网的时代已经来到了我们的面前，手机终端似乎变成了人们身体延伸的一部分。而且移动端相对于PC端非常的方便。例如出门在外的时候不可能随时抱着一台电脑进行操作，但是手机就比较方便。移动端非常人性化，方便了人们的衣食住行。

在日常生活中，人们会经常为为了吃什么而烦恼，不论是出去吃还是自己在家做着吃，又或者是出去完看看当前城市有什么特色美食﹐所以这时候就需要一款美食教程小程序来帮助人们去挑选搭配或者推荐美食。所以这款设计非常人性化，也非常方便，可以帮助人们去寻找自己的口味。也可以分享自己的美食经历，或者向人们展示自己完美的厨艺。

1. 1. 系统优点

微信小程序的开发框架实现了简单高效的开发方式，整体的系统框架由逻辑层、视图层两部分组成。逻辑层使用Java语言描述，视图层使用Wxml 语言和 Wxss 语言描述。逻辑层与视图层可以进行数据、事件的通信。响应的数据绑定系统是微信小程序的框架核心，数据和视图可以保持同步的更新。框架管理整个微信小程序的页面路由，每个页面有完整的生命周期，页面之间可以切换。

1. 1. 论文组成结构

根据市场调研得到的信息数据，结合国内外前沿研究，利用相关系统开发和设计方法，最终设计出美食教程小程序。

本文共有七章，如下所示。

第一章概述了美食教程小程序的研究目的和意义，最后给出了论文的组成结构。

第二章简要概述了本文所用的开发技术和工具。

第三章简要对系统各业务流程进行需求分析、可行性分析。

第四章对美食教程小程序进行设计。

第五章对美食教程小程序进行实现，并贴出相关页面截图，语言描述出具体功能实现的操作方法。

第六章对美食教程小程序采用测试用例的方式来对一些主要功能模块测试，最后得出测试结果。

第七章总结全文并对未来的研究做出展望。

1. 相关技术介绍
   1. J2EE技术

人可以掌握多门外语，而一个计算机科学家精通的大多是编程语言，它不是人类的自然语言，比如C语言、Java、Perl等等。由于不同的公司开发出的“中间件”不够规范，所以Sun公司推出J2EE，用这个标准来解决弊病。它提供了良好的机制，让每个层次允许与之相对的服务器、组件运行，使得系统的搭建稳定可用、开发高效、维护方便。

1. 1. MVVM模式

MVVM模式是常用的开发模式，主要是在代码实现上将其分为M层、V层和C层。

视图（View）代表用户交互界面，一个 Web 应用就可能有很多的界面，在 MVVM 模式中，视图仅仅处理的只有数据采集、处理，还有用户的请求， 并不包括业务流程的处理，业务流程由模型（Model）来处理。

模型（Model）就是业务流程/状态的处理及业务规则的制定。模型处理业务流程的过程其它层是无法看见了的，它就像黑箱子，在接受视图请求的数据之后，然后返回最终的处理结果。MVVM 最主要的核心就是业务模型的设计，一个典型的应用例子就是目前流行的 EJB 模型，它从应用技术实现的角度对模型做了进一步的划分，以便充分利用现有的组件，但是它不能作为应用设计模型的框架。

控制器（Controller）可以理解为接收用户的请求，然后视图和模型匹配在一起，一起再完成用户请求。它有非常明显的作用在划分控制层上，可以很清晰地告诉你，它就是一个分发器，选择什么样的模型、视图，可以完成用户的什么样的请求。控制层不做所有的数据处理，比如说：用户点击一个连接，控制层接受到请求之后，并不处理业务信息，它只是向模型传递用户的信息，同时告诉模型做什么，然后选择符合需求的视图返回给用户。

1. 1. B/S结构

B/S（Browser/Server）比前身架构更为省事的架构。它借助Web server完成数据的传递交流。只需要下载浏览器作为客户端，那么工作就达到“瘦身”效果， 不需要考虑不停装软件的问题。

1. 1. Spring boot框架

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。

1. 1. Mysql数据库

Mysql 经过多次的更新，功能层面已经非常的丰富和完善了，从Mysql4版本到5版本进行了比较大的更新，在商业的实际使用中取得了很好的实际应用效果。最新版本的Mysql支持对信息的压缩，同时还能进行加密能更好的满足对信息安全性的需求。同时经过系统的多次更新，数据库自身的镜像功能也得到了很大的增强，运行的流畅度和易用性方面有了不小的进步，驱动的使用和创建也更加的高效快捷。最大的变动还是进行了空间信息的显示优化，能更加方便的在应用地图上进行坐标的标注和运算。强大的备份功能也保证了用户使用的过程会更加安心，同时支持的Office特性还支持用户的自行安装和使用。在信息的显示形式上也进行了不小的更新，增加了两个非常使用的显示区，一个是信息区，对表格和文字进行了分类处理，界面的显示更加清爽和具体。第二是仪表的信息控件，能在仪表信息区进行信息的显示，同时还能进行多个信息的比对，为用户的实际使用带来了很大的便捷。

针对本文中设计的美食教程小程序在实际的实现过程中，最终选择Mysql数据库的主要原因在于在企业的应用系统应用及开发的过程中会存在大量的数据库比较频繁的操作，而且数据的安全性要求也是非常的高。综合这些因素，最终选择安全性系数比较高的Mysql来对美食教程小程序后台数据进行存储操作。

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

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

1. 1. B/S体系工作原理

B/S架构采取浏览器请求，服务器响应的工作模式。

用户可以通过浏览器去访问Internet上由Web服务器产生的文本、数据、图片、动画、视频点播和声音等信息；

而每一个Web服务器又可以通过各种方式与数据库服务器连接，大量的数据实际存放在数据库服务器中；

从Web服务器上下载程序到本地来执行，在下载过程中若遇到与数据库有关的指令，由Web服务器交给数据库服务器来解释执行，并返回给Web服务器，Web服务器又返回给用户。在这种结构中，将许许多多的网连接到一块，形成一个巨大的网，即全球网。而各个企业可以在此结构的基础上建立自己的Internet。

在 B/S 模式中，用户是通过浏览器针对许多分布于网络上的服务器进行请求访问的，浏览器的请求通过服务器进行处理，并将处理结果以及相应的信息返回给浏览器，其他的数据加工、请求全部都是由Web Server完成的。通过该框架结构以及植入于操作系统内部的浏览器，该结构已经成为了当今软件应用的主流结构模式。

1. 系统分析
   1. 可行性分析

开发任何一个系统，都要对其可行性进行分析，对其时间和资源上的限制进行考虑，这样可以减少系统开发的风险。同时，分析之后不仅能够合理的运用人力，还能在各方面资源的消耗上得到节省。下面就对技术、经济和社会三个方面来介绍。

实用性方面，本次设计的主要任务是在美食教程小程序里实现美食资讯、美食教程、美食话题，美食交流等功能模块，符合当前潮流的发展。从用户角度出发，同时也考虑系统运营成本和人力资源，采用网络上的便捷方式，实现线上业务，使得业务流程更系统，也更方便用户的体验，比较实用。

经济性方面，由于本课题中设计的美食教程小程序的主要目的是为了能够更加方便及快捷的进行美食信息的查询管理及检索服务，也就是能够可以直接投入使用的信息化软件。系统的主要成本主要是集中在对使用数据后期继续维护及其管理更新这个操作上。但是一旦系统投入到实际的运行及使用之后就能够很好的提高信息查询检索的效率，同时也需要有效的保证查询者的信息方面的安全性，同时这个健康分享所带来的实际应用方面的价值是远远的超过了实际系统进行开发与维护方面的成本，因此，从经济上来说开发这个软件是可行的。

1. 1. 功能需求分析

用户用例图如下所示。

 

图3-1 学生用例图

管理员用例图如下所示。

                      

 

图3-2 管理员用例图

1. 1. 1. 前台用户功能

前台注册用户的功能如下：

注册登录：用户填写个人信息，并验证手机号码进行账户注册，注册成功后方可登录系统。

美食资讯：用户可以在线进行资讯搜索，美食资讯信息进行查看等。

美食教程：用户可以查看各类美食教程视频信息等。

维护个人信息：用户因个人信息的变更可以随时修改自己注册信息。

美食话题：用户可以在线发布美食话题进行交流操作。

1. 1. 1. 后台管理员功能

管理员功能如下：

修改密码：管理员可以随时修改自己进入系统的登录密码，以保证系统的安全性。

用户管理：对注册的用户信息进行维护管理等。

美食教程管理：对美食教程信息进行维护，添加、删除、修改信息。

美食资讯管理：对各类美食资讯进行发布。

内容管理：对内容信息录入，对美食信息进行管理。

站点管理，模块管理等。

1. 1. 非功能需求分析

首先主要考虑的是系统功能软件，在具体设计的环节上，是不是能够较好的满足各类用户的基本功能需求，如果不能较好的满足用户需求，那么这个系统的存在是没有价值的。软件系统的非功能性求分析，从7个方面展开，一个是性能分析，针对系统；一个是安全分析，针对系统，一个是完整度分析，针对系统，一个是可维护分析，针对系统，一个是可扩展性分析，针对系统，一个是适应业务的性能分析。面对美食教程与小程序存在的性能、安全、扩展、完整度等7个方面性能综合比对分析后发现，需要相应的非功能性需求分析。

1. 1. 安全性需求分析
      1. 系统的安全性

安全性对每一个系统来说都是非常重要的。安全性很好的系统可以保护企业的信息和用户的信息不被窃取。提高系统的安全性不仅是对用户的负责。尤其针对于美食教程小程序来说，必须要有很好的安全性来保障整个系统。

系统具有对使用者有权限控制，针对角色的不通限制使用者的权限，以此来确保系统的安全性。

1. 1. 1. 数据的安全性

数据库中的数据是从外界输入的，当数据的输入时，由于种种原因，输入的数据会无效，或者是脏数据。因此，怎样保证输入的数据符合规定，成为了数据库系统，尤其是多用户的关系数据库系统首要关注的问题。

因此，在写入数据库时，要保证数据完整性、正确性和一致性。

1. 1. 数据流程分析

对系统的数据流进行分析，系统的使用者分为二类，一般用户，管理员。系统主要对界面信息传送，登录信息的验证，注册信息的接收，用户各种操作的响应做处理。

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

 

图3-2 顶层数据流图

要判断用户是是什么身份，是根据登录的数据来判断后，跳转到对应的功能界面。在系统的内部用户就可以对数据进行操作，数据库中心就可以接收到系统传输的有效数据流来对数据sql语句进行对应操作。

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

 图3-3 底层数据流图

 

系统可以分为前台和后台两部分，每一种操作后系统都返回操作结果。前台和后台的数据连接主要通过数据库，既分别对数据库做不同的操作。

1. 系统设计
   1. 系统架构设计

美食教程小程序的架构设计主要分为可以3层，主要有Web层，业务层，Model层。其中web层还包括View层和Controller层，Model层包括元数据扩展层和数据访问层。

系统架构如下图所示。

MVVM 就是将其中的View 的状态和行为抽象化，让我们将视图 UI 和业务逻辑分开。当然这些事 ViewModel 已经帮我们做了，它可以取出 Model 的数据同时帮忙处理 View 中由于需要展示内容而涉及的业务逻辑。它强制性的把应用程序的输入、输出和处理全部分开，将其分为三个核心部分，这三个部分分别有不同的功能。

 

图4-1系统架构图

视图层视图是指被用户所看到的并且能够与之进行交互的界面。视图可以向用户展示相关的数据，并接收用户输入的数据，但对用户数据不进行任何实际业务操作处理。

模型层通过控制层来处理视图层传递的数据，同一个模型可以给不同的视图提供数据，也可以被不同的视图重复使用。由于 Model 的主要内容是数据、方法和行为，其也是 MVVM 中逻辑最为复杂，代码量最多的部分，其中包含了许多应用中需要用到的业务逻辑，因此模型层的开发也变得尤为重要，后期一般不会对模型层进行大规模改动，也是 MVVM最稳定的部分。控制层主要负责视图层和模型层之间的数据传输和处理请求操作。当用户通过视图发送数据和请求时，控制层可以接收请求和数据并决定调用哪些模型、通过模型的哪些操来处理数据和请求，处理完成后，控制层再将数据返回给相应的视图。

1. 1. 系统总体设计

美食教程小程序总体分为前台用户模块和后台管理员模块。

两个模块表现上是分别独立存在，但是访问的数据库是一样的。每一个模块的功能都是根据先前完成的需求分析，并查阅相关资料后整理制作的。

综上所述，系统功能结构图如下图所示。

 

图4-2 系统功能结构图

1. 1. 系统功能设计

登录模块：登录模块是进入系统的入口，所有用户必须登录后才能访问系统。登录需要输入用户名和密码，如果多次尝试登录需要输入验证码。登录时需要选择用户的角色，是一般用户还是管理员登录等。登录成功后，会通过数据库获取用户的权限，并跳转至用户的主页面。

美食教程模块：可分为浏览、检索、信息维护三个模块，管理员对美食教程有维护的权限，发布新的信息、更新已有的信息等。

美食资讯管理模块：对发布美食资讯操作等。

1. 1. 数据库设计
      1. 数据需求分析

从前面可以分析到数据库中最重要的是美食资讯，美食教程列表，同时存在资讯浏览和美食话题发布等。分析可以得到如下数据描述：

平台用户：用于记录用户的各种信息，包括姓名、手机、邮箱、照片等数据项。

管理员：记录管理员的登录信息。包括用户名，密码，权限等数据项。

美食教程：存放给各类美食教程数据项。

美食资讯：存储美食资讯等数据项。

美食话题：管理用户的话题发布内容等数据项。

1. 1. 1. 数据库概念设计

根据前面的数据流程图，结合系统的功能模块设计，设计出符合系统的各信息实体。

系统ER图如下图所示。

 

图4-3 系统ER图

1. 1. 1. 数据库表设计

美食教程小程序所拥有的数据表有以下：用户信息表，分类列表，美食教程表，美食话题表等。

由于数据表较多，只展示系统主要数据表，如下表所示。

名称	类型	长度	不是null	主键	注释
ordinary_users_id	int	11	是	是	普通用户ID
full_name	varchar	64	否	否	姓名
gender	varchar	64	否	否	性别
examine_state	varchar	16	是	否	审核状态
recommend	int	11	是	否	智能推荐
user_id	int	11	是	否	用户ID
create_time	datetime	0	是	否	创建时间
update_time	timestamp	0	是	否	更新时间

名称	类型	长度	不是null	主键	注释
Gourmet course_id	int	11	是	是	美食教程ID
name	varchar	64	否	否	名称
category	varchar	64	否	否	类别
classification	varchar	64	否	否	分类
food_ingredients	varchar	64	否	否	食材
practices	varchar	64	否	否	做法
calories	varchar	64	否	否	热量
video	varchar	64	否	否	视频
cover_photo_	varchar	255	否	否	封面图片
detailed_description	text	0	否	否	详细描述
hits	int	11	是	否	点击数
recommend	int	11	是	否	智能推荐
create_time	datetime	0	是	否	创建时间
update_time	timestamp	0	是	否	更新时间

名称	类型	长度	不是null	主键	注释
classification_management_id	int	11	是	是	分类管理ID
Food classification	varchar	64	否	否	美食分类
recommend	int	11	是	否	智能推荐
create_time	datetime	0	是	否	创建时间
update_time	timestamp	0	是	否	更新时间

名称	类型	长度	不是null	主键	注释
forum_id	mediumint	8	是	是	论坛id
display	smallint	5	是	否	排序
user_id	mediumint	8	是	否	用户ID
nickname	varchar	16	否	否	昵称：[0,16]
praise_len	int	10	否	否	点赞数
hits	int	10	是	否	访问数
title	varchar	125	是	否	标题
keywords	varchar	125	否	否	关键词
description	varchar	255	否	否	描述
url	varchar	255	否	否	来源地址
tag	varchar	255	否	否	标签
img	text	0	否	否	封面图
content	longtext	0	否	否	正文
create_time	timestamp	0	是	否	创建时间：
update_time	timestamp	0	是	否	更新时间：
avatar	varchar	255	否	否	发帖人头像：
type	varchar	64	是	否	论坛分类：

名称	类型	长度	不是null	主键	注释
Food topic_id	int	11	是	是	美食话题ID
theme	varchar	64	否	否	主题
relevant_vouchers	varchar	255	否	否	相关凭证
user_name	int	11	否	否	用户名
contact_number	varchar	64	否	否	联系电话
content	text	0	否	否	内容
recommend	int	11	是	否	智能推荐
create_time	datetime	0	是	否	创建时间
update_time	timestamp	0	是	否	更新时间

 

1. 系统实现
   1. 注册模块的实现

用户在填写数据的时候必须与注册页面上的验证相匹配否则会注册失败，注册页面的表单验证是通过验证的，用户名的长度必须在6到18之间，邮箱必须带有@符号，密码和密码确认必须相同，你输入的密码，系统会根据你输入密码的强度给出指定的值，电话号码和身份证号码必须要求输入格式与生活相符合，当你前台验证通过的时候你点击注册，表单会将你输入的值通过name值传递给后台并保存到数据库中。

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

图5-1用户注册流程图

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

 

图5-2用户注册界面

用户注册逻辑代码如下：

/**

     * 注册

     * @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;

}

1. 1. 登录模块的实现

主要由两部分组成，登录前的登录界面以及登录后的用户功能界面。登录界面，要求用户输入用户名和密码，当用户名和密码其中一个输入为空时，给出提示“用户名，密码不能为空”。获取用户名和密码后到数据库中查找，如果用户名存在，以及对应的密码正确，则登录成功，否则登录失败。登录失败后给出提示，并把焦点停在文本框中。登录成功后将该次会话的全局变量username设置为用户名。登录成功后进入会员的功能模块，主要有会员基本信息修改，已经发布考试信息管理，发布信息，和退出功能。退出功能是清除全局变量username的值，并跳回到首页。

登录流程图如下图所示。

 

图5-3登录流程图

用户登录界面如下图所示。

 

图5-4用户登录界面

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

/**

     * 登录

     * @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, "账号或密码不正确");

        }

}

1. 1. 用户资料修改模块的实现

用户登录/注册成功之后可以修改自己的基本信息。修改页面的表单中每一个input的name值都要与实体类中的参数相匹配，在用户点击修改页面的时候，如果改后用户名与数据库里面重复了，页面会提示该用户名已经存在了，否则通过Id来查询用户，并将用户的信息修改为表单提交的数据。

1. 1. 美食教程管理模块的实现

如果美食教程的信息需要修改，管理员可以通过查询美食教程的基本信息来查询，查询美食教程是通过ajax技术来进行查询的，需要传递美食名称、类别等参数然后在返回到该页面中,可以选中要修改或删除的那条信息，如果选中了超过一条数据，页面会挑一个窗口提醒只能选择一条数，如果没有选中数据会挑一个窗口题型必须选择一条数据。当选择确认修改的时候，后台会根据传过来的id到数据库查询，并将结果返回到修改页面中，可以在修改页面中修改刚刚选中的信息当点击确认的时候from表单会将修改的数据提交到后台并保存到数据库中，就是说如果提交的数据数据库中存在就修改，否则就保存。

美食教程展示界面如下图所示。

 

图5-5美食教程展示界面

美食教程的逻辑代码如下：

 @PostMapping("/add")

    @Transactional

    public Map<String, Object> add(HttpServletRequest request) throws IOException {

        service.insert(service.readBody(request.getReader()));

        return success(1);

    }

    @Transactional

    public Map<String, Object> addMap(Map<String,Object> map){

        service.insert(map);

        return success(1);

}

    public Map<String,Object> readBody(BufferedReader reader){

        BufferedReader br = null;

        StringBuilder sb = new StringBuilder("");

        try{

            br = reader;

            String str;

            while ((str = br.readLine()) != null){

                sb.append(str);

            }

            br.close();

            String json = sb.toString();

            return JSONObject.parseObject(json, Map.class);

        }catch (IOException e){

            e.printStackTrace();

        }finally{

            if (null != br){

                try{

                    br.close();

                }catch (IOException e){

                    e.printStackTrace();

                }

            }

        }

        return null;

}

    public void insert(Map<String,Object> body){

        StringBuffer sql = new StringBuffer("INSERT INTO ");

        sql.append("`").append(table).append("`").append(" (");

        for (Map.Entry<String,Object> entry:body.entrySet()){

            sql.append("`"+humpToLine(entry.getKey())+"`").append(",");

        }

        sql.deleteCharAt(sql.length()-1);

        sql.append(") VALUES (");

        for (Map.Entry<String,Object> entry:body.entrySet()){

            Object value = entry.getValue();

            if (value instanceof String){

                sql.append("'").append(entry.getValue()).append("'").append(",");

            }else {

                sql.append(entry.getValue()).append(",");

            }

        }

        sql.deleteCharAt(sql.length() - 1);

        sql.append(")");

        log.info("[{}] - 插入操作：{}",table,sql);

        Query query = runCountSql(sql.toString());

        query.executeUpdate();

    }

1. 1. 美食资讯模块的实现

用户浏览美食资讯信息时，同时会显示美食资讯的状态，系统会在其显示详细信息的页面时便会判断美食资讯的状态，若美食资讯状态为可浏览，则会显示搜索的链接按钮。在用户点击搜索按钮时，会先通过拦截器判断用户是否登录，若未登录，会跳转至登录页面，提示用户先登录，若为登录用户就会跳转至填写信息的页面，填写好信息之后，点击搜索按钮，成功之后显示出美食资讯。

美食资讯流程图如下图所示。

 

图5-6美食资讯流程图

美食资讯界面如下图所示。

 

图5-7美食资讯界面

美食资讯界面逻辑代码如下：

@RequestMapping(value = {"/avg_group", "/avg"})

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

        Query count = service.avg(service.readQuery(request), service.readConfig(request));

        return success(count.getResultList());

}

1. 1. 美食话题管理模块的实现

管理员点击左侧菜单“美食话题信息管理”，页面跳转到美食话题信息管理外观，调用后台查询所有美食话题信息。并将信息密封到数据集合List，绑定到请求对象，然后页面跳转到相应的界面，显示出美食话题信息，单击删除按钮完成美食话题信息的删除。

美食话题管理流程图如下图所示。

 

图5-8美食话题管理流程图

美食话题管理界面如下图所示。

 

图5-9美食话题管理界面

美食话题管理界面逻辑代码如下：

 @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);

}

系统测试

1. 测试目的

对任何系统而言，测试都是必不可少的环节，测试可以发现系统存在的很多问题，所有的软件上线之前，都应该进行充足的测试之后才能保证上线后不会Bug频发，或者是功能不满足需求等问题的发生。下面分别从单元测试，功能测试和用例测试来对系统进行测试以保证系统的稳定性和可靠性。

1. 1. 功能测试

下表是美食话题管理功能的测试用例，检测了美食话题管理中对美食话题信息的增加，删除，修改，查询操作是否成功运行。观察系统的响应情况，得出该功能也达到了设计目标，系统运行正确。

前置条件；用户登录系统。

表6-1 美食话题管理的测试用例

功能描述	用于美食话题管理
测试目的	检测美食话题管理时的各种操作的运行情况
测试数据以及操作	预期结果	实际结果
点击添加美食话题，必填项合法输入，点击保存	提示添加成功	与预期结果一致
点击添加美食话题，必填项输入不合法，点击保存	提示必填项不能为空	与预期结果一致
点击修改美食话题，必填项修改为空，点击保存	提示必填项不能为空	与预期结果一致
点击修改美食话题，必填项输入不合法，点击保存	提示必填项不能为空	与预期结果一致
点击删除美食话题，选择美食话题删除	提示删除成功	与预期结果一致
点击搜索美食话题，输入存在的美食话题名	查找出美食话题	与预期结果一致
点击搜索美食话题，输入不存在的美食话题名	不显示美食话题	与预期结果一致

下表是美食教程管理功能的测试用例，检测了美食教程管理中对美食教程信息的增加，删除，修改，查询操作是否成功运行。观察系统的响应情况，得出该功能也达到了设计目标，系统运行正确。

前置条件；用户登录系统。

表6-2 美食教程管理的测试用例

功能描述	用于美食教程管理
测试目的	检测美食教程管理时的各种操作的运行情况
测试数据以及操作	预期结果	实际结果
点击添加美食教程，必填项合法输入，点击保存	提示添加成功	与预期结果一致
点击添加美食教程，必填项输入不合法，点击保存	提示必填项不能为空	与预期结果一致
点击修改美食教程，必填项修改为空，点击保存	提示必填项不能为空	与预期结果一致
点击修改美食教程，必填项输入不合法，点击保存	提示必填项不能为空	与预期结果一致
点击删除美食教程，选择美食教程删除	提示删除成功	与预期结果一致
点击搜索美食教程，输入存在的美食教程名	查找出美食教程	与预期结果一致
点击搜索美食教程，输入不存在的美食教程名	不显示美食教程	与预期结果一致

下表是发布内容管理功能的测试用例，检测了发布内容管理中分类列表的操作是否成功运行。观察系统的响应情况，得出该功能也达到了设计目标，系统运行正确。

前置条件；用户登录系统。

表6-3 发布内容管理的测试用例

功能描述	用于发布内容管理
测试目的	检测发布内容管理时各种操作的情况
测试数据以及操作	预期结果	实际结果
未选择分类，点击提交	提示请选择分类	与预期结果一致
未选择列表，点击提交	提示请选择列表	与预期结果一致

1. 1. 性能测试

使用阿里云PTS（Performance Testing Service）性能测试服务对线上系统进行压力测试。线上服务器环境为：1核心CPU，1G内存，1Mbps公网带宽，Centos7.0操作系统。

压测过程中使用了2台并发机器，每台机器20个用户并发，对系统主页，登录，数据查询和数据维护等模块进行并发访问，测试结果是有40个用户并发时，数据管理相关页面的响应时间甚至达到了7s，通过查看服务器出网流量发现已经达到1381kb/s，可以看出服务器的带宽已经达到峰值，如果系统使用5Mbps的带宽，系统的响应时间和TPS将会大大增加。在整个测试的过程中，CPU的使用率占用仅8%，也提现出带宽瓶颈对系统的影响非常严重。

1. 总结与展望

随着计算机互联网技术的迅猛发展，各行各业都已经实现采用计算机相关技术对日益放大的数据进行管理。该课题是美食教程分享为核心展开的。本研究针对美食教程小程序的需求建模，数据建模及过程建模分析设计并实现平台研究的过程。给出系统应用架构并分析优劣势，通过功能分解图，系统组件图描述功能需求。设计建立了数据库，给出系统关键数据结构的定义。通过类关系图描述组件间的协作关系，给出各个类的定义方法。通过描述每一个类的字段，属性及方法实现系统的前后端代码。最终给出系统集成整合方法，完成美食教程小程序的设计与实现。系统投入运行时，各功能均运行正常。系统的每个界面的操作符合常规逻辑，对使用者来说操作简单，界面友好。整个系统的各个功能设计合理，体现了人性化。

但是由于自己在系统开发过程中对一些用到的相关知识和技术掌握不够牢固，再加上自身开发经验欠缺，因此系统在有些方面的功能还不够完善，考虑的不够全面，因此整个系统还有待日后逐步完善。