【2024计算机毕业设计】基于JSP实现美食菜谱分享系统

Hi~今天给大家带来一款使用JSP和Servlet开发的美食菜谱分享系统。

一、技术介绍⚡

⭐这个项目页面使用是JSP，JSP大家都懂的，包含HTML,CSS,Javascript技术。

⭐这个项目的后端的主体语言是Java，使用了JSP框架，JSP和Servlet

✅项目的数据库使用的是mysql数据库，版本5.7就可以了，8.0的也可以

✅运行的环境在IDEA，Eclipse，MyEclipse上测试通过

✅目前测试了Windows，Linux，MacOS平台，运行效果一致。

二、功能介绍

【请注意，这个只是部分功能，还有功能未截图出亦或截图并不能表示全部含义，请转至演示站查看具体效果】

用户角色
用户登录
发布菜谱
查看我的收藏
查看菜谱
注册账号
主页

三、数据库信息

【表的名字概述，点击表名查看详细信息】

序号	表名	说明
	category
	recipe
	recipe_category
	recipe_step
	user	用户表
	user_collection
	user_createrecipe

表名：category

说明：

数据列：

序号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
	id	int	10	0	N	Y		分类ID
	name	varchar	255	0	Y	N	NULL	分类名

表名：recipe

说明：

数据列：

序号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
	id	int	10	0	N	Y		菜谱ID
	createDate	datetime	19	0	Y	N	NULL	创建时间
	title	varchar	255	0	Y	N	NULL	标题
	coverPath	varchar	255	0	Y	N	NULL	封面（图）
	info	varchar	255	0	Y	N	NULL	介绍
	material	varchar	255	0	Y	N	NULL	食材

表名：recipe_category

说明：

数据列：

序号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
	id	int	10	0	N	Y		id
	recipeId	int	10	0	Y	N	NULL	菜谱Id（外键）
	category	int	10	0	Y	N	NULL	分类

表名：recipe_step

说明：

数据列：

序号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
	id	int	10	0	N	Y		id
	recipeId	int	10	0	Y	N	NULL	菜谱ID（外键）
	info	varchar	255	0	Y	N	NULL	详细步骤
	filePath	varchar	255	0	Y	N	NULL	步骤图地址

表名：user

说明：用户表

数据列：

序号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
	id	int	10	0	N	Y		用户ID
	createDate	date	10	0	N	N		创建时间
	username	varchar	255	0	N	N		用户名
	password	varchar	255	0	N	N		密码
	protrait	varchar	255	0	Y	N	NULL	头像
	info	varchar	255	0	Y	N	NULL	个人介绍

表名：user_collection

说明：

数据列：

序号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
	id	int	10	0	N	Y		id
	userId	int	10	0	Y	N	NULL	用户id（外键）
	collection	int	10	0	Y	N	NULL	用户收藏的菜谱id

表名：user_createrecipe

说明：

数据列：

序号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
	id	int	10	0	N	Y		id
	userId	int	10	0	Y	N	NULL	用户Id（外键）
	createRecipe	int	10	0	Y	N	NULL	用户创建的菜谱
	username	varchar	255	0	Y	N	NULL	创建菜谱的用户名

</span>

四、项目截图

下面是用户角色的功能介绍

用户角色-用户登录⬇️_{【点击返回功能介绍页面】}

 

用户角色-发布菜谱⬇️_{【点击返回功能介绍页面】}

 

用户角色-查看我的收藏⬇️_{【点击返回功能介绍页面】}

 

用户角色-查看菜谱⬇️_{【点击返回功能介绍页面】}

 

用户角色-注册账号⬇️_{【点击返回功能介绍页面】}

 

用户角色-主页⬇️_{【点击返回功能介绍页面】}