基于JSP的美食分享網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)

徐文倩 謝丹艷 黎柳 江曉航

關(guān)鍵詞：美食交流；網(wǎng)站設(shè)計(jì)；動(dòng)態(tài)網(wǎng)頁(yè)；美食筆記；菜譜

0 引言

飛速發(fā)展并且日益成熟的互聯(lián)網(wǎng)影響著人們生活的方方面面。人們感受到了互聯(lián)網(wǎng)帶來(lái)的便利，互聯(lián)網(wǎng)正以其獨(dú)特的優(yōu)勢(shì)迅速融入越來(lái)越多的傳統(tǒng)領(lǐng)域。美食分享網(wǎng)站將網(wǎng)絡(luò)信息技術(shù)應(yīng)用于美食領(lǐng)域，可以為美食愛好者提供一個(gè)分享與交流的地方。美食不只是一種體驗(yàn)，更是一種生活態(tài)度；分享不只是一種方式，更是一種生活創(chuàng)造；美食分享除了是一場(chǎng)視覺盛宴之外，更是一種藝術(shù)享受[1]。

全國(guó)各地的美食愛好者可以通過(guò)美食分享網(wǎng)站曬出各自的美食制作體驗(yàn)和美食生活，進(jìn)行互動(dòng)評(píng)論，交流美食制作以及美食生活方面的心得體會(huì)，并形成虛擬社區(qū)關(guān)系吸引用戶回訪，有利于形成用戶黏性，增強(qiáng)用戶的活躍度[2]。網(wǎng)站通過(guò)設(shè)立具有自身風(fēng)格的特色內(nèi)容，形成有影響力的欄目板塊，來(lái)挖掘更多潛在用戶，主動(dòng)創(chuàng)造用戶需求[3]。當(dāng)下的美食分享網(wǎng)站已經(jīng)并不單單致力于去傳播分享者探索生活挖掘出的美食，進(jìn)行詳細(xì)的展示和介紹，分享自己的感受和體驗(yàn)，而且通過(guò)美食分享，能夠?yàn)槊朗硱酆谜咛峁┮粋€(gè)互動(dòng)交流分享的平臺(tái)，還可以創(chuàng)造更多的美食創(chuàng)意，傳播美食文化[4]。

1 系統(tǒng)分析

傳統(tǒng)的美食社交經(jīng)常受到時(shí)間、地點(diǎn)之類的限制，然而隨著我國(guó)經(jīng)濟(jì)快速發(fā)展，人們生活質(zhì)量得到進(jìn)一步提高，人們更加追求美食帶來(lái)的精神享受和情感體驗(yàn)，加上互聯(lián)網(wǎng)時(shí)代各類美食網(wǎng)站的普及，美食社交場(chǎng)景發(fā)生了顯著的變化，網(wǎng)絡(luò)空間發(fā)展了一個(gè)個(gè)美食趣緣社群[5]。美食分享網(wǎng)站中的美食筆記板塊提供給使用者一個(gè)交流美食和分享生活的空間，通過(guò)激勵(lì)用戶分享高質(zhì)量的美食圖片與內(nèi)容，可以促進(jìn)更積極的社交媒體交流[6]。

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

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

為了達(dá)到上述要求，系統(tǒng)需要實(shí)現(xiàn)的主要功能如下：

1） 登錄注冊(cè)：已經(jīng)有賬號(hào)的用戶根據(jù)手機(jī)號(hào)和密碼進(jìn)行登錄，沒有賬號(hào)的用戶輸入手機(jī)號(hào)密碼和昵稱進(jìn)行注冊(cè)后登錄。

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

3） 美食筆記：筆記類型的美食帖子下也有兩級(jí)分類，對(duì)于飲食健康和社交生活類的筆記有了更詳細(xì)的劃分，用戶在顯示的筆記列表中可以看到筆記的評(píng)論數(shù)和收藏?cái)?shù)，對(duì)于自己感興趣的筆記可以進(jìn)行查看、評(píng)論和收藏。

4） 美食達(dá)人：包含了網(wǎng)站中的所有美食用戶，在列表中可以看到每個(gè)用戶的大概信息，想要繼續(xù)了解該用戶，可以點(diǎn)進(jìn)其主頁(yè)，查看他的基本信息以及所發(fā)布的菜譜和筆記。

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

6） 后臺(tái)管理：美食分享網(wǎng)站的后臺(tái)是獨(dú)立出來(lái)的，只有管理員才能夠登錄，管理員登錄后，能夠進(jìn)行用戶管理、類型分類、工藝分類、菜譜管理、筆記管理、評(píng)論管理、修改密碼操作。

2 總體設(shè)計(jì)

2.1 系統(tǒng)的體系結(jié)構(gòu)

設(shè)計(jì)復(fù)雜系統(tǒng)時(shí)，將系統(tǒng)從頂層到最底層進(jìn)行功能分解，層層分解，功能由粗到細(xì)，由復(fù)雜到簡(jiǎn)單，整個(gè)實(shí)施流程得到細(xì)化，有助于項(xiàng)目的完成。系統(tǒng)設(shè)計(jì)中用戶可以查看各種美食帖子以及其他用戶的信息，還可以進(jìn)行菜譜、筆記、評(píng)論等管理操作；管理員可以進(jìn)行用戶管理、類型分類管理、工藝分類管理等操作。系統(tǒng)功能結(jié)構(gòu)圖如圖1所示。

2.2 角色分析

本系統(tǒng)設(shè)計(jì)包含了兩種角色，即“管理員”和“用戶”。管理員負(fù)責(zé)整個(gè)網(wǎng)站的管理，包括用戶管理、類型分類管理、工藝分類管理、菜譜管理、筆記管理、評(píng)論管理、修改管理員密碼，在管理中，管理員能夠?qū)`規(guī)的用戶或帖子進(jìn)行禁用操作。用戶在未登錄時(shí)能夠查看精選菜譜、美食筆記、美食達(dá)人，在登錄后能夠進(jìn)行菜譜管理、筆記管理、評(píng)論管理、收藏管理、個(gè)人信息管理。其中用戶發(fā)布美食帖子E-R 圖如圖2所示。

3 系統(tǒng)實(shí)現(xiàn)

3.1 網(wǎng)站首頁(yè)功能模塊

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

3.2 登錄模塊實(shí)現(xiàn)

用戶登錄在login.jsp頁(yè)面上完成，用戶輸入完手機(jī)號(hào)和密碼后，點(diǎn)擊登錄，提交form表單數(shù)據(jù)到相應(yīng)的QMUsersController控件上進(jìn)行數(shù)據(jù)的邏輯判斷，符合條件后設(shè)置當(dāng)前登錄時(shí)間，并進(jìn)行數(shù)據(jù)更新，之后會(huì)直接跳轉(zhuǎn)到個(gè)人信息頁(yè)面。用戶登錄頁(yè)面如圖4所示。

3.3 注冊(cè)模塊實(shí)現(xiàn)

用戶注冊(cè)在reg.jsp頁(yè)面上完成，輸入自己的手機(jī)號(hào)以及密碼，確認(rèn)新密碼，并輸入自己想設(shè)置的昵稱，信息無(wú)誤后便可成功注冊(cè)，系統(tǒng)會(huì)自動(dòng)登錄，給用戶帶來(lái)方便，用戶可直接進(jìn)行后續(xù)的操作。用戶注冊(cè)頁(yè)面如圖5所示。

3.4 用戶主頁(yè)模塊實(shí)現(xiàn)

在myhome.jsp頁(yè)面上，顯示了用戶主頁(yè)的相關(guān)信息，用戶可以查看自己以及他人的主頁(yè)。在主頁(yè)中，會(huì)顯示該用戶發(fā)布過(guò)的菜譜以及筆記，用戶可以點(diǎn)擊查看，并進(jìn)行評(píng)論和收藏。該用戶的基本信息例如個(gè)性簽名、家鄉(xiāng)、工作城市、賬號(hào)狀態(tài)等也都會(huì)得到顯示。用戶主頁(yè)如圖6所示。

3.5 筆記管理模塊實(shí)現(xiàn)

筆記管理在mynote.jsp頁(yè)面上完成，在用戶點(diǎn)擊我的筆記時(shí)，該a標(biāo)簽的目標(biāo)URL最后一級(jí)為“bj”，該字符串會(huì)傳值到相應(yīng)的QMNoteController控件上，賦值給美食帖子對(duì)象的atype，然后在mynote.jsp上判斷到當(dāng)前對(duì)象的atype為bj，將相應(yīng)的筆記列表顯示出來(lái)。用戶點(diǎn)擊發(fā)布筆記按鈕，經(jīng)過(guò)類似的傳值判斷后頁(yè)面跳轉(zhuǎn)到mynote_add.jsp，在輸入完相關(guān)信息后，點(diǎn)擊確認(rèn)發(fā)布，提交form 表單數(shù)據(jù)到相應(yīng)的QMNote?Controller控件上進(jìn)行數(shù)據(jù)的保存。發(fā)布筆記頁(yè)面如圖7所示。

4 結(jié)束語(yǔ)

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