springboot+mysql美食分享平台-计算机毕业设计源码93084

摘  要

随着人们生活水平的提高，人们对美食的要求也越来越高，对各类美食信息需求越来越大。因此，结合计算机快速发展、普及，在此基础上制作一个页面简单、美观,功能实用的美食分享平台势在必行，满足用户分享美食的需求。

美食分享平台采用Java技术，Mysql数据库存储数据，基于Springboot框架开发。系统采用了模块化设计方法，根据用户的需求开发功能模块，方便了程序扩展维护，以便后期的更新。整个开发过程首先对系统进行需求分析，得出系统主要功能模块。接着对系统进行总体设计和详细设计。最后对系统进行了功能测试，并对测试结果进行了分析总结，得出系统的不足及需要改进的地方，为以后的系统维护提供了方便，同时也为以后开发类似系统提供了借鉴和帮助。

本系统对美食从发布到展示进行科学化管理，实现了美食信息的最广泛共享，使美食信息可以通过计算机网络高效地完成发布，方便用户查询、发布菜谱大全信息，提高美食分享效率。

关键词：美食分享平台；Eclipse；java；springboot

Abstract

With the improvement of people’s living standards, people’s demand for food is also higher and higher, and the demand for all kinds of food information is increasing. Therefore, combined with the rapid development and popularity of computers, it is imperative to create a simple, beautiful and functional food sharing platform based on this to meet the needs of users to share food.

The food sharing platform uses Java technology, MySQL database to store data, and is developed based on the Springboot framework. The system adopts a modular design method to develop functional modules according to users‘ needs, which facilitates program expansion and maintenance for later update. The whole development process starts with the requirement analysis of the system, and the main functional modules of the system are obtained. Then the overall design and detailed design of the system are carried out. Finally, the function test of the system is carried out, and the test results are analyzed and summarized, and the deficiencies of the system and the areas that need to be improved are obtained, which provides convenience for future system maintenance, and also provides reference and help for future development of similar systems.

The system scientifically manages the food from release to display, realizes the widest sharing of food information, makes the food information can be released efficiently through the computer network, facilitates users to query and release the cookbook information, and improves the efficiency of food sharing.

Key words: Food sharing platform; Eclipse； java； springboot

目录

1 绪论

1.1 课题背景与意义

1.2 研究现状

1.3 相关技术介绍

1.4 springboot框架介绍

2 美食分享平台分析

2.1 可行性分析

2.1.1 技术可行性分析

2.1.2 经济可行性分析

2.2 系统需求分析

2.2.1 功能性需求分析

2.2.2 非功能性分析

2.3 系统用例分析

3 美食分享平台总体设计

3.1 系统模块设计

3.2 数据库设计

3.3.1 数据库概念结构设计

3.2.2 数据库逻辑结构设计

4 美食分享平台设计与实现

4.1 系统首页页面

4.2 注册界面

4.3 登录界面

4.4 美食资讯界面 20

4.5菜谱大全界面 21

4.6修改密码界面 23

4.7问答论坛界面 24

4.8 公共管理界面 24

4.9 用户管理界面 25

4.10 美食资讯界面 26

4.11菜谱大全管理界面

5美食分享平台测试

5.1 调试部分问题

5.2 系统测试用例 30

5.3 系统测试结果 31

结论 32

参考文献 33

致  谢 35

1 绪论

1.1 课题背景与意义

食物乃万物之本。随着时代的发展，人民的生活品质得到很大程度的提升，对食物的寻求也不仅仅只是为了达到把胃塞满的目的。从古至今，人们对美食的热爱根本没来熄灭，美食不只是满足们的生理需求和心里的欲望，而是人们深藏于口齿之中，味蕾之上不易磨灭的深刻记忆。华夏儿女对食物是有情感的，包含的是对故乡的怀年，以及金色童年的缤纷回忆。美食付予味蕾味道，而味道汇聚着犹如香茗-般浓浓的感情，入口强烈且余味长久。近年来网络的更新迭代和网络、通讯等硬件技术的不断进化改良，使得越来越多行业都选择加入网络的大家庭。互联网让全球信息得以交互连接，人们足不出户便可了解全世界的信息。

开发一项成功的软件，首先得有市场需求，外界的美食分享设计只是提供最基础的根本效果，却不能将信息和信息的联系像一条线 一样整合起来,没有一对一 和保护隐私，技术层面上也显得不够有新意。而在真实的环境状态中，需要的事工作上的效率要高，安全性要高，优秀的美食分享系统来进行工作。所以，要提升美食分享系统的效率，就需要开发拥有更加全面功能，技术更加优秀的美食分享系统。

美食分享平台便是将互联网技术应用于美食领域，人们可以在这个网站上看到来自世界各地的特色美食，还能在网站上找到各式各样的美食菜谱以及精美的美食图片，还有厨房周边商城，为全球各地的美食爱好者创造一个分享、 烹调、展示的美食平台。

1.2研究现状

 中国是个美食大国，食物是人类生存的必须条件，人们对美食的向往从未停止过。国力强盛，经济发展产生了生活品质的提升，允许生活质量存在上升台阶的结果，伙食的升级这恰恰就是该社会环境下所体现的其中一个方面。在这样的大环境下，催生了一系列空间巨大的消费市场和资金领域,使得我国服务业下的餐饮模块品量和内核显著地提升，档次规模也随之收到积极的影响，经营的模式更加具有塑造的可能性，同时对服务业下的其他模块也产生了重要且深远的影响，使得整条产业迸发出新的生机和发展的希望。在全球化的影响下，把我国的精品推向世界不成问题。

在现在的社会工作中，美食分享系统已经是整个社会不可缺少的一部分。人们都需要一个完善而良好的美食分享系统。现在的环境下，计算机产业在这个行业的广泛普及使一些功能强劲的工具设备成为了这个行业的基本进化趋势。由此可见，创造一种运用计算机技术的美食分享系统,在数据之间的交换的过程中运用了关于密码钥匙钥的信息安全策略，能够有效提高系统运行的可靠性和安全性。

而由于过去的科技落后，导致美食信息的管理一直不能依靠电脑去融入生活减轻负担，人工管理的模式可以说是非常的不方便，如监控差，可推性不高。科技发展的推进演化，信息化管理模式由此而生。它给人们的日常生活、学习与工作带来了非常多的方便，美食分享系统是一个效率高，人力少和保密性高的软件“。

在21世纪中期，美食分享系统得到应用，当时国外在大量的美食分享数据中，去更新和维护资料是十分困难的，还容易出现错误等问题。为了解决这个问题，研究相关技术，将互联网web技术应用到信息管理当中，成为信息管理不可替代的部分。

1.3相关技术介绍

（1）美食分享平台中的web后台管理中的后端不再使用古老的jsp+javabean+servlet技术，而是使用当前主流的springboot框架，它减少java配置代码，简化编程代码，目前springboot框架也是很多企业选择的框架之一。

（2）美食分享平台中的web后台管理中的前端使用的是bootstrap框架，它配合ajax和jquery可以美化页面设计。

（3）流行vue框架结合jQuery技术，在jQuery基础上扩展一些插件，通过自己定义插件更好的实现前端的设计。

（4）美食分享平台中数据库用的mysql5.7，它执行效率高。

1.4springboot框架介绍

   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 美食分享平台分析

2.1 可行性分析

2.1.1 技术可行性分析

通过了解对美食分享平台的真实需求后，将美食分享平台所需要的角色划分整理成了下图2-1，图2-2和图2-3。

从开发工具来看，由于美食分享平台是基于JAVA的，因此有很多开发工具都可以进行开发，这些功能强大的开发工具可以给我来设计美食分享平台带来非常大的方便。

从美食分享平台的本身技术来说，对于我来开发一个美食分享平台这个毕设是不费事的。美食分享平台的开发可以简单的分为前台端、后台端开发以及数据库开发。其中的大部分技术难点在我上学时已经使用过了，同时网络上很多技术点可以让我来借鉴。Web后台管理使用JAVA的springboot架构开发，数据库使用mysql，页面上使用javascript脚本，因此为我在开发美食分享平台这个毕设上省去了很多多余代码，这给我的毕设项目编写带来了极大的便利。综上所述，从技术层面来看开发美食分享平台是可行的。

从用户体验来看，市面上很多被广泛使用的系统案例可以让我来参考，因此我可以综合它们的页面交互设计的优点，基于我的毕设项目特点来进行改版，最后达到令用户满意的页面交互体验。综上所述，从技术层面来看开发美食分享平台是可行的。

2.1.2 经济可行性分析

从美食分享平台的开发成本来看，美食分享平台的设计和开发都是我自己完成的，没有其他成本上的开销。

从美食分享平台的维护成本来看，美食分享平台的开发遵循一套完整的代码编写规范，并且美食分享平台的结构设计非常灵活，遵循高内聚低耦合的原则，因此易于维护和迭代开发。

在美食分享平台上线之后，上线前期我会根据真实需求来调查，对使用我开发的美食分享平台来制定一套符合的使用费。系统运行稳定后我会将推广范围到其他的校园当中，其他校园可以使用我的美食分享平台，只需要缴纳一点点的定金，我会给他们引入广告投资和自营业务。

综合以上的分析，美食分享平台所带来的经济效益将会带来极大的收益。并且随着我的推广，来使用我开发的美食分享平台的市场将越来越大，美食分享平台带来的利润也就越来越多。因此，从经济层面来看开发美食分享平台的是可行的。

2.2 系统需求分析

2.2.1 功能性需求分析

美食分享平台从角色上划分为了普通用户、管理员两种角色。

管理员用户角色：

（1）登录：管理员的账号是在数据表表中直接设置生成的，不需要进行注册；

（2）公共管理：当点击“公共管理”这一菜单的时候，会出现轮播图+通知公告两个子菜单，可以对这两个模块进行增删改查操作；

（3）用户管理：当点击“用户管理”这一菜单的时候，会出现管理员+普通用户两个子菜单，可以对这两个模块进行增删改查操作；

（4）信息管理：当点击“信息管理”这一菜单的时候，会出现问答论坛+论坛分类+美食资讯+资讯分类这四个子菜单，管理员可以对这四个模块进行增删改查操作；

（5）个人资料：管理员在登录以后可以修改自己的个人资料以及对自己账号登录的密码进行修改；

（6）菜谱分类：管理员点击“菜谱分类”会显示出所有的菜谱分类，支持通过菜谱分类对菜谱分类进行查询，如果想要添加新的菜谱分类，点击“添加”按钮，输入相关信息，点击“提交”按钮就可以添加了，同时可以选择某一条菜谱分类，点击“删除”进行删除。

（7）菜谱大全：点击“菜谱大全”按钮会显示自己添加的菜谱大全，如果想要添加新的菜谱大全，点击“添加”按钮根据提示输入菜谱大全，点击“提交”后在菜谱大全界面就可以显示了，如果信息有错可以对菜谱大全进行更新维护，也可以直接删除某一菜谱大全，还可以管理评论信息；

普通用户角色：

（1）注册登录模块：当普通用户想要进入本美食分享平台中对资讯进行查看评论以及了解菜谱大全等操作的时候，就必须要登录到系统当中，要是新的用户没有美食分享平台的账号的话，点击“注册”按钮，就会进入到新用户注册这个界面上，用户输入对应的账号（必须填写）+密码（必须填写）+确认密码（必须填写，而且要与密码一直）+昵称+邮箱+手机号+选择用户身份等等，然后点击“注册”，系统在用户这一数据库中会查询账号是不是存在，两次密码是不是一样，都填写正确就会注册成功，然后再进行登录，如果是之前已经注册过的用户很长时间没有使用，忘记密码，也可以点击“忘记密码”进行找回；

（2）美食资讯：在首页导航栏上我们会看到“美食资讯”这一菜单，我们点击进入进去以后，会看到所有资讯列表，在这个界面，我们可以点击进入进行查看、评论、点赞等；

（4）通知公告：在首页导航栏上我们会看到“通知公告”这一菜单，我们点击进入进去以后，会看到所有管理员在后台发布的公告信息；

（5）菜谱大全：用户可以查看菜谱大全信息支持通过搜索关键词的方式对菜谱大全进行查询，在查询到自己想要了解的菜谱大全的时候，可以进入查看详细的介绍。

（6）个人账户：在首页导航栏上我们会看到“个人账户”这一菜单，我们点击进入进去以后可以对个人的资料、登录系统的密码以及自己收藏的信息进行设置管理；

（7）个人中心：当用户点击右上角“个人中心”这个按钮，就会进入到对应的后台进行信息的管理了；

2.2.2 非功能性分析

美食分享平台的非功能性需求比如美食分享平台的安全性怎么样，可靠性怎么样，性能怎么样，可拓展性怎么样等。具体可以表示在如下2-1表格中：

表2-1美食分享平台非功能需求表

安全性	主要指美食分享平台数据库的安装，数据库的使用和密码的设定必须合乎规范。
可靠性	可靠性是指美食分享平台能够安装用户的指示进行操作，经过测试，可靠性90%以上。
性能	性能是影响美食分享平台占据市场的必要条件，所以性能最好要佳才好。
可扩展性	比如数据库预留多个属性，比如接口的使用等确保了系统的非功能性需求。
易用性	用户只要跟着美食分享平台的页面展示内容进行操作，就可以了。
可维护性	美食分享平台开发的可维护性是非常重要的，经过测试，可维护性没有问题

2.3 系统用例分析

根据上一节功能分析，可以得出系统的用例，普通用户角色用例如图2.1所示。

图2.1 美食分享平台中普通用户角色用例图

管理员角色用例如图2.2所示。

图2.2 美食分享平台管理员角色用例图

3 美食分享平台总体设计

3.1 系统模块设计

根据第二章中美食分享平台的功能分析可知，美食分享平台中整体功能模块图如图3.1所示， 

图3.1 美食分享平台功能模块图

3.2 数据库设计

3.3.1 数据库概念结构设计

下面是整个美食分享平台中主要的数据库表总E-R实体关系图。

图3.2 美食分享平台总E-R关系图

3.2.2 数据库逻辑结构设计

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

表complete_menu (菜谱大全)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	complete_menu_id	int	10	0	N	Y		菜谱大全ID
2	food_name	varchar	64	0	Y	N		美食名称
3	menu_classification	varchar	64	0	Y	N		菜谱分类
4	share_users	int	10	0	Y	N	0	分享用户
5	raw_materials	varchar	64	0	Y	N		食材原料
6	production_time	varchar	64	0	Y	N		制作耗时
7	food_taste	varchar	64	0	Y	N		美食口味
8	cooking_difficulty	varchar	64	0	Y	N		烹饪难度
9	food_cover	varchar	255	0	Y	N		美食封面
10	cooking_video	varchar	255	0	Y	N		做菜视频
11	procedure	longtext	2147483647	0	Y	N		做法步骤
12	hits	int	10	0	N	N	0	点击数
13	praise_len	int	10	0	N	N	0	点赞数
14	recommend	int	10	0	N	N	0	智能推荐
15	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
16	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表forum (论坛)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	forum_id	mediumint	8	0	N	Y		论坛id
2	display	smallint	5	0	N	N	100	排序
3	user_id	mediumint	8	0	N	N	0	用户ID
4	nickname	varchar	16	0	Y	N		昵称：[0,16]
5	praise_len	int	10	0	Y	N	0	点赞数
6	hits	int	10	0	N	N	0	访问数
7	title	varchar	125	0	N	N		标题
8	keywords	varchar	125	0	Y	N		关键词
9	description	varchar	255	0	Y	N		描述
10	url	varchar	255	0	Y	N		来源地址
11	tag	varchar	255	0	Y	N		标签
12	img	text	65535	0	Y	N		封面图
13	content	longtext	2147483647	0	Y	N		正文
14	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
15	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
16	avatar	varchar	255	0	Y	N		发帖人头像：
17	type	varchar	64	0	N	N	0	论坛分类：[0,1000]用来搜索指定类型的论坛帖

表forum_type (论坛分类)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	type_id	smallint	5	0	N	Y		分类ID：[0,10000]
2	name	varchar	16	0	N	N		分类名称：[2,16]
3	description	varchar	255	0	Y	N		描述：[0,255]描述该分类的作用
4	url	varchar	255	0	Y	N		外链地址：[0,255]如果该分类是跳转到其他网站的情况下，就在该URL上设置
5	father_id	smallint	5	0	N	N	0	上级分类ID：[0,32767]
6	icon	varchar	255	0	Y	N		分类图标：
7	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
8	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：

表menu_classification (菜谱分类)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	menu_classification_id	int	10	0	N	Y		菜谱分类ID
2	menu_classification	varchar	64	0	Y	N		菜谱分类
3	recommend	int	10	0	N	N	0	智能推荐
4	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
5	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	更新时间：

表ordinary_users (普通用户)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	ordinary_users_id	int	10	0	N	Y		普通用户ID
2	user_name	varchar	64	0	Y	N		用户姓名
3	user_gender	varchar	64	0	Y	N		用户性别
4	examine_state	varchar	16	0	N	N	已通过	审核状态
5	recommend	int	10	0	N	N	0	智能推荐
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	更新时间

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

4 美食分享平台设计与实现

美食分享平台的详细设计与实现主要是根据前面的美食分享平台的需求分析和美食分享平台的总体设计来设计页面并实现业务逻辑。主要从美食分享平台界面实现、业务逻辑实现这两部分进行介绍。

4.1 系统首页页面

当进入美食分享平台的时候，首先映入眼帘的是系统的导航栏，下面是轮播图以及系统内容，其主界面展示如下图4.1所示。

图4.1用户首页界面图

4.2 注册页面

不是美食分享平台中正式用户的是可以在线进行注册的，如果你没有本美食分享平台的账号的话，添加“注册”，当填写上自己的账号+密码+确认密码+昵称+邮箱+手机号等后再点击“注册”按钮后将会先验证输入的有没有空数据，再次验证密码和确认密码是否是一样的，最后验证输入的账户名和数据库表中已经注册的账户名是否重复，只有都验证没问题后即可用户注册成功。注册界面实现了用户的注册，其注册界面展示如下图4。2所示。

图4.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;

}

4.3 登录页面

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

图4.3 登录界面图

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

/**

     * 登录

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

        }

}

4.4 美食资讯界面

当用户点击“美食资讯”以后就会进入到以下界面，用户可以输入关键词搜索资讯内容，查看点赞数以及点击数，然后点击到资讯的详细的界面，在这个详细界面可以点赞+评论。其出界面展示如下图4.4所示。

图4.4 美食资讯界面图

4.5菜谱大全界面

当用户点击“菜谱大全”以后就会给我们展示菜谱大全的列表，选择一个菜谱大全进入到图4.5界面中，用户可以对菜谱大全进行点赞、收藏，进入到4.6界面中，输入美食名称、菜谱分类、分享用户、食材原料、制作耗时、美食口味、烹饪难度、做菜视频等，点击“提交”按钮，就会显示收藏成功。

图4.5 菜谱大全界面图

图4.6 菜谱大全详情界面图

菜谱大全的逻辑代码如下：

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

    }

4.6修改密码界面

用户使用该美食分享平台注册完成后，用户对登录密码有修改需求时，系统也可以提供用户修改密码权限。系统中所有的操作者能够变更自己的密码信息，执行该功能首先必须要登入系统，然后选择密码变更选项以后在给定的文本框中填写初始密码和新密码来完成修改密码的操作。在填写的时候，假如两次密码填写存在差异，那么此次密码变更操作失败，下面的图片展示的就是该板块对应的工作面。界面如下图4.7所示。

图4.7修改密码界面图

修改密码代码如下所示：

  /**

     * 修改密码

     * @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,”密码修改失败！”);

    }

4.7 问答论坛界面

用户在点击导航栏上面的问答论坛后，就可以搜索查看论坛信息，用户根据自己的喜好可以进行交流，问答论坛界面如下图4-7所示。

图4.9 添加问答论坛界面图

问答论坛界面逻辑代码如下：

 @RequestMapping(value = {“/count_group“, “/count“})

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

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

        return success(count.getResultList());

}

4.8公共管理界面

管理员点击“公共管理”这一菜单会显示轮播图、通知公告这两个子菜单，管理员可以对前台展示的公告和轮播图进行设置，界面如下图4.8所示。

图4.8 公共管理界面图

公共管理界面逻辑代码如下：

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

}

4.9 用户管理界面

此功能为管理员的功能，管理员点击“用户管理”菜单后，会展示出管理员、普通用户两个子菜单，任何可以对其进行增删改查操作；其界面展示如下图4.10所示。

图4.10 用户管理界面图

4.10 美食资讯界面

点击“美食资讯”按钮会显示自己添加的美食资讯，如果想要添加新的美食资讯，点击“添加”按钮根据提示输入美食资讯，点击“提交”后在美食资讯界面就可以显示了，如果信息有错可以对美食资讯进行更新维护，也可以直接删除某一美食资讯，还可以管理评论信息，界面如下图4.11所示。

图4.11 美食资讯界面图

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

@PostMapping(“/set”)

@Transactional

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

        service.update(service.readQuery(request), service.readConfig(request), service.readBody(request.getReader()));

        return success(1);

}

    public Map<String,String> readConfig(HttpServletRequest request){

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

        map.put(FindConfig.PAGE,request.getParameter(FindConfig.PAGE));

        map.put(FindConfig.SIZE,request.getParameter(FindConfig.SIZE));

        map.put(FindConfig.LIKE,request.getParameter(FindConfig.LIKE));

        map.put(FindConfig.ORDER_BY,request.getParameter(FindConfig.ORDER_BY));

        map.put(FindConfig.FIELD,request.getParameter(FindConfig.FIELD));

        map.put(FindConfig.GROUP_BY,request.getParameter(FindConfig.GROUP_BY));

        map.put(FindConfig.MAX_,request.getParameter(FindConfig.MAX_));

        map.put(FindConfig.MIN_,request.getParameter(FindConfig.MIN_));

        return map;

}

    public Map<String,String> readQuery(HttpServletRequest request){

        String queryString = request.getQueryString();

        if (queryString != null && !””.equals(queryString)) {

            String[] querys = queryString.split(“&”);

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

            for (String query : querys) {

                String[] q = query.split(“=”);

                map.put(q[0], q[1]);

            }

            map.remove(FindConfig.PAGE);

            map.remove(FindConfig.SIZE);

            map.remove(FindConfig.LIKE);

            map.remove(FindConfig.ORDER_BY);

            map.remove(FindConfig.FIELD);

            map.remove(FindConfig.GROUP_BY);

            map.remove(FindConfig.MAX_);

            map.remove(FindConfig.MIN_);

            return map;

        }else {

            return new HashMap<>();

        }

}

    @Transactional

    public void update(Map<String,String> query,Map<String,String> config,Map<String,Object> body){

        StringBuffer sql = new StringBuffer(“UPDATE “).append(“`”).append(table).append(“`”).append(” SET “);

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

            Object value = entry.getValue();

            if (value instanceof String){

                sql.append(“`”+humpToLine(entry.getKey())+”`”).append(“=”).append(“‘”).append(value).append(“‘”).append(“,”);

            }else {

                sql.append(“`”+humpToLine(entry.getKey())+”`”).append(“=”).append(value).append(“,”);

            }

        }

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

        sql.append(toWhereSql(query,”0″.equals(config.get(FindConfig.LIKE))));

        log.info(“[{}] – 更新操作：{}”,table,sql);

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

        query1.executeUpdate();

}

    public String toWhereSql(Map<String,String> query, Boolean like) {

        if (query.size() > 0) {

            try {

                StringBuilder sql = new StringBuilder(” WHERE “);

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

                    if (entry.getKey().contains(FindConfig.MIN_)) {

                        String min = humpToLine(entry.getKey()).replace(“_min”, “”);

                        sql.append(“`”+min+”`”).append(” >= ‘”).append(URLDecoder.decode(entry.getValue(), “UTF-8”)).append(“‘ and “);

                        continue;

                    }

                    if (entry.getKey().contains(FindConfig.MAX_)) {

                        String max = humpToLine(entry.getKey()).replace(“_max“, “”);

                        sql.append(“`”+max+”`”).append(” <= ‘”).append(URLDecoder.decode(entry.getValue(), “UTF-8”)).append(“‘ and “);

                        continue;

                    }

                    if (like == true) {

                        sql.append(“`”+humpToLine(entry.getKey())+”`”).append(” LIKE ‘%”).append(URLDecoder.decode(entry.getValue(), “UTF-8”)).append(“%'”).append(” and “);

                    } else {

                        sql.append(“`”+humpToLine(entry.getKey())+”`”).append(” = ‘”).append(URLDecoder.decode(entry.getValue(), “UTF-8”)).append(“‘”).append(” and “);

                    }

                }

                sql.delete(sql.length() – 4, sql.length());

                sql.append(” “);

                return sql.toString();

            } catch (UnsupportedEncodingException e) {

                log.info(“拼接sql 失败：{}”, e.getMessage());

            }

        }

        return “”;

    }

4.11菜谱大全管理界面

管理员点击“菜谱大全”按钮会显示自己添加的菜谱大全信息，如果想要添加新的菜谱大全信息，点击“添加”按钮根据提示输入菜谱大全信息，点击“提交”后在菜谱大全界面就可以显示了，如果信息有错可以对菜谱大全信息进行更新维护，也可以直接删除某一菜谱大全，还可以管理评论信息，其界面展示如下图4.12所示。

图4.12 菜谱大全管理界面图

菜谱大全管理界面关键代码如下：

@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美食分享平台测试

美食分享平台测试是为了检验软件是否达到设计要求，是否存在错误，通过测试的方法来检查美食分享平台，以便发现美食分享平台中的错误。测试工作是保证美食分享平台质量的关键。

5.1 调试部分问题

问题1：数据库无法添加中文。

解决过程：重新创建数据库，将库的编码格式改为utf8。

效果：能在新库的表中添加中文。

问题2：控制台报错前台与后台参数不一致

解决过程：检查代码，找到报错参数完成修改，继续报错，服务器移除项目重新运行。

效果：重启项目不再报错。

问题3：报错No bean named ‘sysLogServiceImpl’ available找不到名为sysLogServiceImpl的bean的对象。

解决过程：询问导师报错原因，发现错误原因是未添加注解@Service,需要在在impl实现类的外面添加@Service注解。

效果：重新debug项目无报错。

问题4：启动项目时报错:Mapped Statements collection does not contain value for

解决过程：网上搜索解决办法，出错可能的原因有多个，经过努力排查，错误原因是mapper映射地址有误。在mybatis–config里重新配置地址。

效果：项目启动正常

5.2 系统测试用例

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

用户登录功能测试：

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

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

菜谱查看功能测试：

表5-2 菜谱查看功能测试表

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

管理员添加菜谱界面测试：

表5-3 管理员添加菜谱界面测试表

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

菜谱搜索功能测试：

表5-4菜谱搜索功能测试表

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

密码修改功能测试：

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

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

5.3 系统测试结果

通过编写美食分享平台的测试用例，已经检测完毕用户登录模块、菜谱查看模块、菜谱添加模块、菜谱搜索模块、密码修改功能测试，通过这5大模块为美食分享平台的后期推广运营提供了强力的技术支撑。

结论

至此，美食分享平台已经结束，在开发前做了许多的准备，在本系统的设计和开发过程中阅览和学习了许多文献资料，从中我也收获了很多宝贵的方法和设计思路，对系统的开发也起到了很重要的作用，系统的开发技术选用的都是自己比较熟悉的，比如springboot、JAVA技术、MYSQL，这些技术都是在以前的学习中学到了，其中许多的设计思路和方法都是在以前不断地学习中摸索出来的经验，其实对于我们来说工作量还是比较大的，但是正是由于之前的积累与准备，才能顺利的完成这个项目，由此看来，积累经验跟做好准备是十分重要的事情。

当然在该系统的设计与实现的过程中也离不开老师以及同学们的帮助，正是因为他们的指导与帮助，我才能够成功的在预期内完成了这个系统。同时在这个过程当中我也收获了很多东西，此系统也有需要改进的地方，但是由于专业知识的浅薄，并不能做到十分完美，希望以后有机会可以让其真正的投入到使用之中。