基于SSM框架的菜谱教程及分享平台

3 篇文章 1 订阅

基于SSM框架的菜谱教程及分享平台

技术栈:springmvc,spring,mybatis,redis,mysql,spring security,Bootstrap,jquery,tomcat
github: https://github.com/tenglely/wechat

简介:
该项目面向新手做菜和提高厨艺的用户,为他们提供各种类详细的菜谱教程。同时提供一个便于交流、分享菜品经验的平台。
项目分为两部分:用户显示端(用户交互、浏览界面),后台管理系统。

用户显示端运行截图
1、 用户端首页
用户端首页:左侧为每日热门(为即时排行榜,根据菜品点击量的高低),其下方为热门讨论(为即时排行榜,根据分享贴的点击量高低),中间的上方为今日新闻,其下方为每日推荐(随机菜品推荐)
在这里插入图片描述在这里插入图片描述
2、 菜品大全
点击上方“菜品大全“,进入菜品分类页面,用户可以于此浏览自己喜爱的菜品(菜品为分页显示,开始进入时是按热门菜品显示)

在这里插入图片描述
在这里插入图片描述
3、 菜品详细页
点击某一菜品,进入菜品详细页。用户可以浏览该菜品的制作过程,与用户评论(甚至是通过用户头像点入该用户个人页面进行关注),与发表评论。右侧悬浮按钮为“返回顶部”,“发表评论”
在这里插入图片描述
在这里插入图片描述在这里插入图片描述
点击悬浮按钮“评论”,用户未登陆不可评论,需跳去登录
在这里插入图片描述
登录成功,方可发表评论
在这里插入图片描述
4、用户交流分享页—“厨分享”
用户交流与分享的页面。用户可浏览他人的分享贴,也可以自己发表分享贴。(右侧悬浮按钮为“返回顶部”,“发表分享贴”)
在这里插入图片描述
在这里插入图片描述
用户发表分享贴
在这里插入图片描述
分享贴详细页:用户于此页可浏览贴子,发表评论,发表分享贴,点好/坏赞他人贴子,点击用户头像还可进入用户个人页面关注用户
在这里插入图片描述在这里插入图片描述
点击头像进入用户个人页面,可点击”关注”关注用户或取消关注,还可查看他人的关注、评论与发帖,如

在这里插入图片描述点击其评论可看到其评论的菜品/贴子
在这里插入图片描述
点击其贴子,可查看贴子内容
在这里插入图片描述
5、“我的”个人设置页面
用户可于此登录账号,注册账号,修改个人信息,查看”我的关注”,”我的评论”,”我的分享贴”
用户登录
在这里插入图片描述
用户注册新账户
在这里插入图片描述
“我的关注”,用户可查看自己关注的用户,点击所关注用户头像可以查看该用户个人页面,用户也可于此直接取消用户关注
在这里插入图片描述
“我的评论”,查看自己所发表的评论或删除该评论,点击评论了查看所评论的菜品/贴子的详细内容
在这里插入图片描述
“我的分享贴”,用户可查看自己所发表的贴子,点击可进入该贴的详细页
在这里插入图片描述
后台管理系统运行截图
1、 登录界面
仅限管理员登陆

在这里插入图片描述
2、后台首页
首页顶部展示当前菜品数,用户数量,用户评论数。
左边图表实时显示用户月增长数与平均每日增长数
右边图表实时显示日活跃数与日评论数
(下方图表为测试数据模拟)
在这里插入图片描述
3、 添加菜品与菜品制作步骤
点击左侧添加菜品,进入添加菜品加菜品与菜品制作步骤界面,添完菜品信息,点击下方“确定并进行步骤添加”进入添加菜品制作步骤界面,点击下方“确认并结束”进入菜品信息管理界面确认添加成功。

在这里插入图片描述
添加菜品制作步骤界面。添加步骤信息完毕,点击下方“继续添加下一步”开始添加下一步步骤,点击下方“结束”结束对此菜品制作步骤的添加,进入菜品信息管理界面

在这里插入图片描述
4、菜品信息管理
点击左侧菜品信息管理,进入菜品信息管理界面,该页面分页显示当前菜品数据,可于此进行“步骤编辑”,修改菜品,删除菜品,查询菜品。
a.查询菜品:查询全部,根据菜品编号查询,根据菜品名查询,根据菜系查询,根据标签查询,根据点击量查询(降序)

在这里插入图片描述
b.修改菜品:点击修改按钮,进入菜品修改界面,进行修改
在这里插入图片描述
c.编辑步骤:点击“编辑步骤”按钮,进入该菜品步骤浏览界面
可以对某一步骤进行修改,删除,与添加新步骤
在这里插入图片描述
c.1.点击“修改”,对该步骤进行修改
在这里插入图片描述
c.2.点击“添加新步骤”,添加该菜品新的制作步骤
在这里插入图片描述
5、用户信息管理
点击左侧“用户信息管理”,进入用户信息管理页面。
此页分页显示用户信息,于此可进行用户查询,删除/批量删除,修改权限
a.查询方式:根据用户名查询,根据用户性别查询,根据用户状态查询

在这里插入图片描述
b.修改用户状态
yes:允许用户发言/评论
no: 禁止用户发言/评论
在这里插入图片描述
6、用户评论管理
点击左侧“用户评论管理”进入页面。此页分页显示用户评论(降序),可于此页查进行查询,删除/批量删除
a.查询:按时间最新查询,根据用户编号查询,根据评论类型查询,根据评论类型编号查询
在这里插入图片描述
7、分享贴信息管理
点击左侧“分享贴信息管理”进入此页面。此页分页显示当前项目贴子信息,可于此页进行查询,浏览,删除/批量删除操作
a.查询:根据点击量高低查询,根据时间最新查询,根据贴子编号查询

在这里插入图片描述
b.点击浏览,可于此查看详情(内容+用户评论)
在这里插入图片描述
8、关键词屏蔽
此页实时显示对用户贴子/评论的关键词月屏蔽数,和每日实时屏蔽数,还可于此添加需屏蔽的关键词,查看当前会屏蔽的关键词
在这里插入图片描述
a. 添加需屏蔽关键词
在这里插入图片描述
b. 查看当前会屏蔽的关键词
以下皆为项目内会屏蔽成“*”的敏感词汇(仅用于测试模拟)
在这里插入图片描述
9、管理员操作
点击页面顶部右上角,进入管理员界面

在这里插入图片描述
管理员分为超级管理员与普通管理员。超级管理员可添加与删除普通管理员,所有管理员皆可修改个人新消息
在这里插入图片描述
a. 超级管理员添加普通管理员
在这里插入图片描述
b.管理员修改个人信息
在这里插入图片描述

  • 10
    点赞
  • 20
    收藏
    觉得还不错? 一键收藏
  • 19
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 19
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值