基於SSM框架的菜譜教程及分享平臺

基於SSM框架的菜譜教程及分享平臺

技術棧:springmvc,spring,mybatis,mysql,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、關鍵詞屏蔽
此頁實時顯示對用戶貼子/評論的關鍵詞月屏蔽數,和每日24時實時屏蔽數,還可於此添加需屏蔽的關鍵詞,查看當前會屏蔽的關鍵詞
在這裏插入圖片描述
a. 添加需屏蔽關鍵詞
在這裏插入圖片描述
b. 查看當前會屏蔽的關鍵詞
以下皆爲項目內會屏蔽成“*”的敏感詞彙(僅用於測試模擬)
在這裏插入圖片描述
9、管理員操作
點擊頁面頂部右上角,進入管理員界面

在這裏插入圖片描述
管理員分爲超級管理員與普通管理員。超級管理員可添加與刪除普通管理員,所有管理員皆可修改個人新消息
在這裏插入圖片描述
a. 超級管理員添加普通管理員
在這裏插入圖片描述
b.管理員修改個人信息
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章