【導(dǎo)讀】1．綜述國(guó)內(nèi)外各種類型網(wǎng)站尤其美食網(wǎng)站的情況；2．深入了解web程序設(shè)計(jì)所需技術(shù)；3．熟練掌握web程序設(shè)計(jì)及編寫(xiě)能力；4．熟練運(yùn)用HTML、JavaScript、JSP等語(yǔ)言；5．掌握web應(yīng)用與數(shù)據(jù)庫(kù)的連接技術(shù)；6．訓(xùn)練檢索文獻(xiàn)資料和利用文獻(xiàn)資料的能力；7．訓(xùn)練撰寫(xiě)技術(shù)文檔與學(xué)位論文的能力。4．簡(jiǎn)要、整體敘述網(wǎng)站設(shè)計(jì)，包括網(wǎng)站總體規(guī)劃及素材收集等；6．設(shè)計(jì)與實(shí)現(xiàn)使網(wǎng)站可以成功運(yùn)行的程序；1．內(nèi)容完整、層次清晰、敘述流暢、排版規(guī)范的畢業(yè)設(shè)計(jì)論文；下載美食教材，觀看美食視頻，以及發(fā)布留言評(píng)論等。本文以較為系統(tǒng)的，由簡(jiǎn)至詳，從中華美食網(wǎng)的首頁(yè)，到用戶的注冊(cè)登錄，公告信息，再到后臺(tái)由管理員操作的信。息管理，均分析了它們的功能及實(shí)現(xiàn)方式。該系統(tǒng)的編寫(xiě)語(yǔ)言選擇了JSP（即JavaServer. 互配合相互支持，共同完成中華美食網(wǎng)的設(shè)計(jì)與開(kāi)發(fā)。本網(wǎng)站基于Inter網(wǎng)絡(luò)，緊跟。時(shí)代發(fā)展，實(shí)用性強(qiáng)，符合用戶需求，并且易于后期維護(hù)。

　　

【正文】 號(hào) 2 liuyan_title varchar 50 留言的標(biāo)題 3 liuyan_content varchar 5000 留言內(nèi)容 4 liuyan_date varchar 50 √ 留言時(shí)間 5 liuyan_user varchar 50 √ 留言用戶 碼農(nóng)畢業(yè)設(shè)計(jì)下載網(wǎng)： 18 6 詳細(xì)設(shè)計(jì) 本章主要根據(jù)前邊所述的需求分析及系統(tǒng)總體設(shè)計(jì)內(nèi)容來(lái)進(jìn)行程序設(shè)計(jì)方面的介紹。本網(wǎng)站是以 Java 語(yǔ)言作為基礎(chǔ)，采用 JSP 技術(shù) +JavaBeans+ MYSQL 三層模式進(jìn)行模塊的開(kāi)發(fā)與實(shí)現(xiàn)的。并且全部都使用面向?qū)ο蟮姆椒▉?lái)進(jìn)行設(shè)計(jì)與實(shí)現(xiàn)。 前臺(tái)模塊設(shè)計(jì) 用戶登錄程序流程圖： 圖 61 登錄模塊流程圖 用戶登錄使用的部分代碼設(shè)計(jì)： Object[] con={userName,userPw}。 N Y N Y 開(kāi)始 輸入用戶名 輸入密碼 已經(jīng)注冊(cè)？ 登錄成功 提示用戶名或密碼錯(cuò)誤 結(jié)束 是否合法？ 注冊(cè) 碼農(nóng)畢業(yè)設(shè)計(jì)下載網(wǎng)： 19 List adminList=().find(sql,con)。 if(()==0) {result=no。}else{ WebContext ctx = ()。 HttpSession session=()。 TAdmin admin=(TAdmin)(0)。 (userType, 0)。 (admin, admin)。 result=yes。} 用戶注冊(cè)流程圖： 圖 62 注冊(cè)模塊流程圖 用戶注冊(cè)使用的部分代碼 : Map session= ().getSession()。 (user, user)。 return successAdd。 網(wǎng)站首頁(yè)導(dǎo)航欄的設(shè)計(jì)介紹： 網(wǎng)站標(biāo)題下方的導(dǎo)航欄，每一個(gè)導(dǎo)航主要依靠超鏈接來(lái)實(shí)現(xiàn)，主要事件均為N Y N Y 開(kāi)始 設(shè)置 用戶名 設(shè)置密碼 用戶名不為空？ 密碼不為空？ 注冊(cè)成功 碼農(nóng)畢業(yè)設(shè)計(jì)下載網(wǎng)： 20 onclick，單擊鼠標(biāo)作為 事件驅(qū)動(dòng)，單擊將會(huì)觸發(fā)事件，進(jìn)行事件處理，即通過(guò)目標(biāo)頁(yè)面的 url 值打開(kāi)目標(biāo)頁(yè)面。 此處以打開(kāi)餐館展示頁(yè)面為例，其主要代碼如下： function canguanAll() {var s=%=path %/。 =s。} li class=thisclass A href= onclick=canguanAll()餐館展示 /A /li 這里的幾個(gè)模塊設(shè)計(jì)原理與 餐館展示是相同的，比如菜品展示、美食教程及餐飲視頻。 留言模塊流程圖如下： 圖 63 留言模塊流程圖 留言主要代碼如下： TLiuyan liuyan=new TLiuyan()。 (liuyanContent)。 (liuyanTitle)。 (new Date().toLocaleString())。 N Y N Y 我要留言 已登錄？ 留言 是否登錄？ 登錄 結(jié)束 碼農(nóng)畢業(yè)設(shè)計(jì)下載網(wǎng)： 21 Map session=().getSession()。 (liuyan)。 (留言成功 )。 ()。 return succeed。 相對(duì)于其他模塊來(lái)說(shuō)，本模塊的使用條件較為苛刻，游客身份是無(wú)法查看及發(fā)表留言和評(píng)論的，未登錄的用戶點(diǎn)擊“我 要留言”的按鈕將會(huì)出現(xiàn)一個(gè)對(duì)話框提醒需要登陸才能訪問(wèn)。 提取用戶登錄信息 代碼如下： if((user)!=null) {TUser user=(TUser)(user)。 (())。 與“我要留言”模塊相似，另一模塊“名店加盟”也必須由用戶實(shí)行登錄以后才能瀏覽并使用。未登錄的用戶 是無(wú)法提交加盟申請(qǐng)及查看其他申請(qǐng)成功用戶的，未登錄的用戶點(diǎn)擊“名店加盟”的按鈕將會(huì) 出現(xiàn)一個(gè)對(duì)話框提醒需要登陸才能繼續(xù)訪問(wèn)。 名店加盟模塊流程圖如下： 圖 64 名店加盟流程圖 Y N Y N 名店加盟 已登錄？ 是否登錄？ 登錄 申請(qǐng)加盟 等待審核 結(jié)束 碼農(nóng)畢業(yè)設(shè)計(jì)下載網(wǎng)： 22 實(shí)現(xiàn)此模塊的部分代碼如下： (name)。 (address)。 (tel)。 (beizhu)。 (noshenhe)。 (no)。 (mingdian)。 后臺(tái)模塊設(shè)計(jì) 管理員登錄及修改密碼流程圖： 圖 65 管理員登錄及修改密碼流程圖 Y N N Y 管理員登錄 輸入用戶 名 輸入密碼 是否合法？ 提示密碼錯(cuò)誤 輸入原密碼 是否正確？ 提示原密碼錯(cuò)誤 輸入新密碼 修改密碼成功 碼農(nóng)畢業(yè)設(shè)計(jì)下載網(wǎng)： 23 實(shí)現(xiàn)修改管理員密碼的部分代碼如下所示： TAdmin admin=(TAdmin)(admin)。 (userPwNew)。 ().update(admin)。 (admin, admin)。 與前臺(tái)用戶使用的“名店加盟”模塊相對(duì)應(yīng)，后臺(tái)管理系統(tǒng)有“店鋪加盟審 核”模塊，用以審核申請(qǐng)加盟的店鋪。 管理員審核店鋪加盟流程圖： 圖 66 店 鋪 審 核 模 塊 流 程 圖N Y 開(kāi)始 收取店鋪申請(qǐng) 同意申請(qǐng)？ 審核通過(guò) 刪除申請(qǐng) 結(jié)束 碼農(nóng)畢業(yè)設(shè)計(jì)下載網(wǎng)： 24 7 程序?qū)崿F(xiàn) 前臺(tái)模塊功能實(shí)現(xiàn) 中華美食網(wǎng)首頁(yè) 本模塊主要功能為：靈活推薦餐館、美食和各種留言、公告等，同時(shí)包括登陸界面、搜索欄以及其他模塊的鏈接按鈕等。 首頁(yè)標(biāo)題及主要模塊顯示效果如下圖 71 所示： 圖 71 中華美食網(wǎng)首頁(yè)標(biāo)題及下設(shè)模塊 首頁(yè)推薦美食 顯示效果如下圖 72 所示： 圖 72 中華美食網(wǎng)首頁(yè)菜品展示 首頁(yè)的所包括的用戶登錄、網(wǎng)站公告及菜品分類信息全部統(tǒng)一顯示在網(wǎng)站右側(cè)，縱向排列，由上至下順序?yàn)橛脩舻卿?、菜品分類、網(wǎng)站公告。 餐館展示 該模塊主要功能為：在本網(wǎng)站加盟的所有的名店餐館信息均會(huì)在此展示，包括餐館名稱，地址以及聯(lián)系電話等。 通過(guò)首頁(yè)標(biāo)題下的“餐館展示”按鈕即可進(jìn)入餐館展示界面，在此界面，用戶可以方便快速地找到加盟餐館的地址及聯(lián)系方式，大大節(jié)省了用戶時(shí)間，并 且提供了很碼農(nóng)畢業(yè)設(shè)計(jì)下載網(wǎng)： 25 大方便。 效果如下圖 73 所示： 圖 73 餐館展示頁(yè)面 菜品展示 本模塊主要功能為特色菜品的展示。包括菜品的名稱、圖片及價(jià)格、簡(jiǎn)介等信息，通過(guò)美食網(wǎng)首頁(yè)標(biāo)題下方的“菜品展示”按鈕即可打開(kāi)此頁(yè)面。 效果如下圖 74 所示： 圖 74 菜品展示頁(yè)面 單擊菜品圖片，即可打開(kāi)每個(gè)菜品的單獨(dú)介紹頁(yè)面，在此頁(yè)面可以看到這種菜品的詳細(xì)介紹等信息。 效果如下圖 75 所示 ： 圖 75 詳細(xì)介紹頁(yè)面 美食教程 該模塊的主要功能有：瀏覽和下載美食教程，也可以通過(guò)后 臺(tái)發(fā)布文章及教程供用戶下載。為用戶提供一個(gè)了解美食文化及烹飪方法的平臺(tái)，也可以充實(shí)豐富網(wǎng)站內(nèi)碼農(nóng)畢業(yè)設(shè)計(jì)下載網(wǎng)： 26 容，使網(wǎng)站內(nèi)容完整。 通過(guò)美食網(wǎng)首頁(yè)標(biāo)題下方的“美食教程”按鈕即可進(jìn)入該頁(yè)面。 顯示效果如下圖 76 所示： 圖 76 美食教程頁(yè)面 餐飲視頻 此模塊主要功能為對(duì)與美食有關(guān)的視頻的展示，內(nèi)容可包括各地美食宣傳片，也可包括一些菜品的制作流程，甚至還可包含一些加盟名店的宣傳片等等，可以豐富網(wǎng)站內(nèi)容，還可以很好的打開(kāi)用戶的視野。通過(guò)后臺(tái)系統(tǒng)可以添加以及刪除視頻，這樣就保證了視頻可以緊跟潮流，盡快更新 ，避免被過(guò)快淘汰。單擊中華美食網(wǎng)首頁(yè)標(biāo)題下方的“餐飲視頻”按鈕即可進(jìn)入此頁(yè)面。 單擊上圖中的視頻名稱即可打開(kāi)相應(yīng)視頻，在網(wǎng)絡(luò)連接通暢的情況下，用戶即可隨心所欲地挑選自己感興趣的美食視頻觀看了。 視頻播放界面效果如下圖 77 所示： 圖 77 視頻播放頁(yè)面 我要留言 該模塊的主要功能為：為用戶提供一個(gè)暢所欲言評(píng)論、交流的場(chǎng)所。既可以發(fā)表自己對(duì)本網(wǎng)站的評(píng)價(jià)，也可以評(píng)論加盟名店的服務(wù)及餐飲質(zhì)量，更多的，還能交流美食、烹飪經(jīng)驗(yàn)與方法。用戶還可以通過(guò)此平臺(tái)對(duì)網(wǎng)站提出寶貴意見(jiàn)，或者說(shuō)出想 要看碼農(nóng)畢業(yè)設(shè)計(jì)下載網(wǎng)： 27 到的內(nèi)容，方便網(wǎng)站的維護(hù)與改進(jìn)。單擊中華美食網(wǎng)首頁(yè)標(biāo)題下方的“我要留言”按鈕即可打開(kāi)此頁(yè)面。 此模塊效果如下圖 78 所示： 圖 78 我要留言頁(yè)面 相對(duì)于其他模塊來(lái)說(shuō)，本模塊的使用條件較為苛刻，游客身份是無(wú)法查看及發(fā)表留言和評(píng)論的，未登錄的用戶點(diǎn)擊 “我要留言 ”的按鈕將會(huì)出現(xiàn)一個(gè)對(duì)話框提醒需要登陸才能訪問(wèn)。 對(duì)話框如下圖 79 所示： 圖 79 登錄提示對(duì)話框 出現(xiàn)上圖所示對(duì)話框即說(shuō)明此功能需要登錄才可使用。 名店加盟 本模塊的主要功能為：為想要加盟的餐館提供一個(gè)申請(qǐng)加 盟的途徑，用戶在登錄之后，單擊中華美食網(wǎng)首頁(yè)標(biāo)題下方的“名店加盟”按鈕即可進(jìn)入名店加盟界面，頁(yè)面所展示的是已經(jīng)提交申請(qǐng)并已經(jīng)審核通過(guò)的其他用戶的信息，右上角可見(jiàn)“我要加盟”按鈕。 點(diǎn)擊“我要加盟”按鈕，用戶即可進(jìn)入申請(qǐng)頁(yè)面，進(jìn)入后將會(huì)顯示如下圖 710 所碼農(nóng)畢業(yè)設(shè)計(jì)下載網(wǎng)： 28 示申請(qǐng)表，用戶按要求填寫(xiě)信息后，用戶所填的信息將會(huì)出現(xiàn)在后臺(tái)的審核目錄中，管理員通過(guò)后臺(tái)審核，若審核通過(guò)，則該餐館即可成為中華美食網(wǎng)網(wǎng)站名店中的一員。 下圖所示即為申請(qǐng)頁(yè)面： 圖 710 名店加盟申請(qǐng)頁(yè)面 同上述的“我要留言”頁(yè)面相同，如果是非登錄的游客身份想要進(jìn)入名店加盟頁(yè)面，將同樣會(huì)彈出提醒“請(qǐng)先登錄”的對(duì)話框。此對(duì)話框?qū)崿F(xiàn)代碼也與“我要留言”模塊基本相同，在此就不一一贅述了。 用戶注冊(cè)及登錄 在通常情況下， 普通用戶無(wú)需注冊(cè)，以游客的身份就可以瀏覽中華美食網(wǎng)的部份信息，但如果用戶需要留言，或者想要加盟網(wǎng)站，就一定要注冊(cè)登錄后，才可以 繼續(xù)訪問(wèn)這幾個(gè)頁(yè)面，否則將會(huì)彈出內(nèi)容為“請(qǐng)先登錄”的對(duì)話框提醒用戶登錄，關(guān)于此對(duì)話框的實(shí)現(xiàn)前面已經(jīng)提到。 在中華美食網(wǎng)首頁(yè)右側(cè)的登錄界面右下角有“注冊(cè)”按鈕，如下圖 616 所示。 用戶注冊(cè)主要包括的內(nèi)容，即需填寫(xiě)提交的信息有：用戶名，密碼，姓名，性別，住址及聯(lián)系電話。全部?jī)?nèi)容填寫(xiě)完成后，單擊“確定”按鈕即可提交信息并成功注冊(cè)，這是用戶成功登錄并完整使用網(wǎng)站功能的前提條件。 注冊(cè)頁(yè)面如下圖 711 所示： 圖 711 用戶注冊(cè)頁(yè)面 碼農(nóng)畢業(yè)設(shè)計(jì)下載網(wǎng)： 29 在所有需填信息當(dāng)中，用戶名和密碼是必須填寫(xiě)的選項(xiàng)，而后面的姓名、性別、地址及電話是用戶選填的。如果提交信息時(shí)，用戶名或者密碼為空，則會(huì)分別彈出“請(qǐng)?zhí)顚?xiě)用戶名”和“請(qǐng)?zhí)顚?xiě)密碼”的對(duì)話框，但是只要前兩項(xiàng)填寫(xiě)了內(nèi)容，后面幾項(xiàng)為空，也是可以成功注冊(cè)的。 注冊(cè)成功提示頁(yè)面如 下圖 712 所示： 圖 712 注冊(cè)成功提示頁(yè)面 下面開(kāi)始進(jìn)行用戶登錄模塊的介紹。 用戶登錄模塊需填內(nèi)容較用戶注冊(cè)模塊來(lái)說(shuō)相對(duì)較少，填寫(xiě)的信息主要