基于JSP的美食分享網站的設計與實現

徐文倩 謝丹艷 黎柳 江曉航

關鍵詞：美食交流；網站設計；動態網頁；美食筆記；菜譜

0 引言

飛速發展并且日益成熟的互聯網影響著人們生活的方方面面。人們感受到了互聯網帶來的便利，互聯網正以其獨特的優勢迅速融入越來越多的傳統領域。美食分享網站將網絡信息技術應用于美食領域，可以為美食愛好者提供一個分享與交流的地方。美食不只是一種體驗，更是一種生活態度；分享不只是一種方式，更是一種生活創造；美食分享除了是一場視覺盛宴之外，更是一種藝術享受[1]。

全國各地的美食愛好者可以通過美食分享網站曬出各自的美食制作體驗和美食生活，進行互動評論，交流美食制作以及美食生活方面的心得體會，并形成虛擬社區關系吸引用戶回訪，有利于形成用戶黏性，增強用戶的活躍度[2]。網站通過設立具有自身風格的特色內容，形成有影響力的欄目板塊，來挖掘更多潛在用戶，主動創造用戶需求[3]。當下的美食分享網站已經并不單單致力于去傳播分享者探索生活挖掘出的美食，進行詳細的展示和介紹，分享自己的感受和體驗，而且通過美食分享，能夠為美食愛好者提供一個互動交流分享的平臺，還可以創造更多的美食創意，傳播美食文化[4]。

1 系統分析

傳統的美食社交經常受到時間、地點之類的限制，然而隨著我國經濟快速發展，人們生活質量得到進一步提高，人們更加追求美食帶來的精神享受和情感體驗，加上互聯網時代各類美食網站的普及，美食社交場景發生了顯著的變化，網絡空間發展了一個個美食趣緣社群[5]。美食分享網站中的美食筆記板塊提供給使用者一個交流美食和分享生活的空間，通過激勵用戶分享高質量的美食圖片與內容，可以促進更積極的社交媒體交流[6]。

作為一個美食分享網站，界面設計一定要美觀，頁面需要符合現代人的審美，在此基礎上進一步美化，能讓使用者直觀感受到這個網站的內在含義。例如首頁輪播圖、網站logo、文字等方面都應該迎合美食的主題，讓使用者看到以后心情愉悅。由于使用者可能包含各個年齡段的人群，所以網站需要做到簡單明了易操作，讓美食愛好者可以很快地在網站中查找有用信息，而不是讓使用者面臨復雜困難的操作無法達到自己的目的。

另外，對于一個美食分享網站來說，安全性是十分重要的問題，一個系統如果能被外界輕松的攻擊，數據信息泄露將會是十分嚴重的問題，所以系統對于未知的威脅要有一定的防范意識以及對危險處理的手段。美食分享網站還要注意用戶信息的私密性，不能泄密數據，在遇到不可抗力等因素發生時要依然保留數據的完整。而且由于現在信息技術在不斷發展，人們的需求也在日益擴大，美食分享網站的功能要能夠進行擴充，使其不斷滿足人們的要求，逐漸發展壯大。

為了達到上述要求，系統需要實現的主要功能如下：

1） 登錄注冊：已經有賬號的用戶根據手機號和密碼進行登錄，沒有賬號的用戶輸入手機號密碼和昵稱進行注冊后登錄。

2） 精選菜譜：菜譜類型的美食帖子下有兩級分類，包含了各種類型的美食，用戶可以有選擇地查看自己想要的美食，對于菜譜還進行了工藝分類，對于每一個菜譜都有難度、工藝、口味和時間四種分類，為用戶選擇滿足自己需求的美食菜譜提供便利，查看菜譜時，可以進行評論和收藏。

3） 美食筆記：筆記類型的美食帖子下也有兩級分類，對于飲食健康和社交生活類的筆記有了更詳細的劃分，用戶在顯示的筆記列表中可以看到筆記的評論數和收藏數，對于自己感興趣的筆記可以進行查看、評論和收藏。

4） 美食達人：包含了網站中的所有美食用戶，在列表中可以看到每個用戶的大概信息，想要繼續了解該用戶，可以點進其主頁，查看他的基本信息以及所發布的菜譜和筆記。

5） 個人中心：用戶登錄成功后才可以進入個人中心，在個人中心中，可以進行查看主頁、菜譜管理、筆記管理、收藏管理、評論管理、修改個人信息和密碼。

6） 后臺管理：美食分享網站的后臺是獨立出來的，只有管理員才能夠登錄，管理員登錄后，能夠進行用戶管理、類型分類、工藝分類、菜譜管理、筆記管理、評論管理、修改密碼操作。

2 總體設計

2.1 系統的體系結構

設計復雜系統時，將系統從頂層到最底層進行功能分解，層層分解，功能由粗到細，由復雜到簡單，整個實施流程得到細化，有助于項目的完成。系統設計中用戶可以查看各種美食帖子以及其他用戶的信息，還可以進行菜譜、筆記、評論等管理操作；管理員可以進行用戶管理、類型分類管理、工藝分類管理等操作。系統功能結構圖如圖1所示。

2.2 角色分析

本系統設計包含了兩種角色，即“管理員”和“用戶”。管理員負責整個網站的管理，包括用戶管理、類型分類管理、工藝分類管理、菜譜管理、筆記管理、評論管理、修改管理員密碼，在管理中，管理員能夠對違規的用戶或帖子進行禁用操作。用戶在未登錄時能夠查看精選菜譜、美食筆記、美食達人，在登錄后能夠進行菜譜管理、筆記管理、評論管理、收藏管理、個人信息管理。其中用戶發布美食帖子E-R 圖如圖2所示。

3 系統實現

3.1 網站首頁功能模塊

在本系統的設計中，用戶可以無須登錄，直接進入網站的首頁瀏覽美食信息。首頁展示了小部分美食帖子和美食用戶的信息，用戶若想了解更多豐富的美食信息，可以點擊首頁導航欄中的精選菜譜、美食筆記、全部分類和美食達人，進一步查看所有的美食帖子或用戶。若用戶想要進行評論或收藏操作，系統則會提示用戶進行登錄，登錄成功后，可繼續之前的操作。網站首頁如圖3所示。

3.2 登錄模塊實現

用戶登錄在login.jsp頁面上完成，用戶輸入完手機號和密碼后，點擊登錄，提交form表單數據到相應的QMUsersController控件上進行數據的邏輯判斷，符合條件后設置當前登錄時間，并進行數據更新，之后會直接跳轉到個人信息頁面。用戶登錄頁面如圖4所示。

3.3 注冊模塊實現

用戶注冊在reg.jsp頁面上完成，輸入自己的手機號以及密碼，確認新密碼，并輸入自己想設置的昵稱，信息無誤后便可成功注冊，系統會自動登錄，給用戶帶來方便，用戶可直接進行后續的操作。用戶注冊頁面如圖5所示。

3.4 用戶主頁模塊實現

在myhome.jsp頁面上，顯示了用戶主頁的相關信息，用戶可以查看自己以及他人的主頁。在主頁中，會顯示該用戶發布過的菜譜以及筆記，用戶可以點擊查看，并進行評論和收藏。該用戶的基本信息例如個性簽名、家鄉、工作城市、賬號狀態等也都會得到顯示。用戶主頁如圖6所示。

3.5 筆記管理模塊實現

筆記管理在mynote.jsp頁面上完成，在用戶點擊我的筆記時，該a標簽的目標URL最后一級為“bj”，該字符串會傳值到相應的QMNoteController控件上，賦值給美食帖子對象的atype，然后在mynote.jsp上判斷到當前對象的atype為bj，將相應的筆記列表顯示出來。用戶點擊發布筆記按鈕，經過類似的傳值判斷后頁面跳轉到mynote_add.jsp，在輸入完相關信息后，點擊確認發布，提交form 表單數據到相應的QMNote?Controller控件上進行數據的保存。發布筆記頁面如圖7所示。

4 結束語

通過閱讀大量相關文獻與項目實例，對美食分享網站的背景、現狀、意義進行了分析研究。與市面上已有的一些美食網站相比，項目設計的美食分享網站除了擁有精選菜譜板塊之外，還另外對美食筆記部分進行了重點開發，對其進一步進行了貼近用戶需求的詳細分類，使用戶能夠很快檢索到自己想要了解的美食筆記類型，這是與其他網站最不同的地方。用戶登錄網站，就可以查看各類美食信息，并且分享自己的美食與生活，感受美食帶來的愉快體驗。