【文章內容簡介】 戶的搜索功能，使其能更方便快捷查找到需要的信息。另外，用戶還可在網(wǎng)站留言，說出各自想法或留下問題。 從后臺管理方面來說，后臺設計必須保證前臺各模塊信息展示無誤，包括對菜品的增、刪、改、查等功能的完善，還有對管理員的管理或增加，還要回復網(wǎng)站上用戶的留言。本網(wǎng)站界面需具有簡潔性和友好性等基本特點，但又不失獨特的頁面風格，盡可能體現(xiàn)潮州地方特色。界面采用引入的圖片溫馨暖格調的色調，優(yōu)雅大方，內部結構采用框架布局，使整個網(wǎng)站看起來更有層次感，在用戶功能操作上，設計簡單方便。 用戶操作業(yè)務流程此網(wǎng)站操作簡單，用戶可直接瀏覽網(wǎng)站頁面，使用搜索模塊隨意搜索想要的美食信息，在“美食論享”模塊只需輸入基本信息即可留言，后臺管理員會及時給予回復。具體業(yè)務流程如圖21圖21 用戶操作業(yè)務流程圖 管理員操作業(yè)務流程本網(wǎng)站后臺功能完善，用戶必須登錄才能使用管理員權限，管理員可對前臺信息進行增、刪、改、查。另有“前臺管理模塊”，主要功能是管理員可最終確認所增加或修改的信息是否生成于前臺網(wǎng)頁。管理員還可進行對用戶留言給予回復，增加、修改管理員信息等操作。具體業(yè)務流程如圖22：圖22 管理員操作業(yè)務流程圖3 網(wǎng)站設計 網(wǎng)站設計目標本美食網(wǎng)站的建設，主要針對美食愛好者及各界需要搜集潮州美食信息的網(wǎng)絡用戶的需求進行設計開發(fā)的，因此，將打造一個界面美觀友好，布局合理，欄目功能強大，信息詳盡的網(wǎng)站。另外，網(wǎng)站后臺管理將實現(xiàn)簡單操作、易于維護等基本功能。主要實現(xiàn)如下目標：（1）、向外界宣傳潮菜文化和菜肴傳統(tǒng)做法；（2）、信息盡可能齊全，滿足不同用戶需求；（3）、設有留言功能；（4）、后臺管理操作簡單，功能完善，易于維護；（5）、管理員需登錄才可進行后臺管理，安全可靠。 模塊結構設計 模塊功能設計本美食網(wǎng)站主要由前臺信息頁面和后臺管理模塊兩部分組成。前臺信息頁面：(如圖3221)前臺信息頁面主要包括8個欄目：主頁、家常菜、特色菜、傳統(tǒng)小吃、食療藥膳、留言版(美食論享)、菜肴排行、關于我們。主頁上，主要包括幾個重要的鏈接還有一個搜索功能模塊（美食特搜）。另外，各欄目界面均美觀友好、布局合理，吸引用戶。后臺管理模塊：(圖3222)后臺管理功能完善，包括修改企業(yè)簡介；增加、刪改菜肴信息；管理菜系；前臺管理等。管理員需登錄才能進行后臺管理操作，登錄成功之后就可以對網(wǎng)站的信息進行增、刪、改等工作，同時具有增加/管理管理員及回復前臺用戶留言的權限。 模塊功能結構圖圖31 前臺頁面模塊功能結構圖圖32 后臺管理模塊功能結構圖 數(shù)據(jù)庫設計數(shù)據(jù)庫在任何動態(tài)網(wǎng)站中占有非常重要的地位，數(shù)據(jù)庫結構設計的合理與否會對網(wǎng)站的效率以及實現(xiàn)的效果產(chǎn)生直接影響。合理的數(shù)據(jù)庫結構設計可以提高數(shù)據(jù)存儲的效率，保證數(shù)據(jù)的完整性和一致性。同時，合理的數(shù)據(jù)庫結構也將有利于網(wǎng)站的開發(fā)實現(xiàn)。設計數(shù)據(jù)庫時應該首先充分了解網(wǎng)站各個方面的需求，包括現(xiàn)有的以及將來可能增加的需求。數(shù)據(jù)庫名稱為：“food”。 ER圖設計 用戶的需求具體體現(xiàn)在對美食信息上，美食信息包括名稱，圖片，制作方法等數(shù)據(jù)，這就要求數(shù)據(jù)庫結構能夠充分滿足各種信息的輸出和輸入。 針對本網(wǎng)站的需求，通過對某些功能的所要需求和數(shù)據(jù)分析，設計如下面所示的數(shù)據(jù)項和數(shù)據(jù)結構：管理員信息表：包括登錄賬號、密碼；美食信息表：包括美食編號、名稱、圖片、菜系、調料、市場價、制作過程等；美食類別信息表：包括菜系編號、名稱、下屬二級分類數(shù)目、JS代碼；美食二級分類信息表：包括編號、名稱、數(shù)量、主菜類編號；用戶留言信息表：編號、用戶姓名、電話、郵箱、留言內容、留言時間、回復內容；友情鏈接信息表：編號、標志圖、網(wǎng)站名稱、網(wǎng)站地址、網(wǎng)站簡介、加入時間。 根據(jù)以上數(shù)據(jù)項和數(shù)據(jù)結構，設計出能夠滿足數(shù)據(jù)庫需求的各種實體，以及它們之間的關系，設計規(guī)劃出的實體有：管理員實體、美食實體、美食類別實體、二級分類實體、友情鏈接等。各個實體具體的ER圖如下：圖33 管理員ER圖圖34 美食ER圖圖35 美食類別ER圖圖36 美食二級分類ER圖圖37 用戶留言ER圖圖38 友情鏈接ER圖 數(shù)據(jù)表設計表31：管理員信息表字段名數(shù)據(jù)類型數(shù)據(jù)長度是否為空管理員賬號char50No密碼char50No表32：美食信息表字段號數(shù)據(jù)類型數(shù)據(jù)長度是否為空編號IDchar名稱char50No圖片char50Yes制作原料char50Yes推薦等級char10No美食類別char10No美食二級類別char10No調味料char50Yes市場價char50Yes制作過程char255Yes關鍵字char50Yes推薦與否自動點擊次數(shù)自動日期DateNo表33：美食類別信息表字段名數(shù)據(jù)類型數(shù)據(jù)長度是否為空編號Long char自動No名稱char50No下級分類數(shù)目Long char自動NoJS代碼Char50No表34：美食二級分類信息表字段名數(shù)據(jù)類型數(shù)據(jù)長度是否為空編號Long char自動增值名稱Char50No數(shù)量Long char自動美食類別編號Long char自動表35：用戶留言信息表字段名數(shù)據(jù)類型數(shù)據(jù)長度是否為空編號Long char自動No用戶姓名Char50No電話Char50Yes郵箱Char50Yes留言內容Char255No留言日期Date回復Char255Yes（默認“暫無回復”）表36：友情鏈接信息表字段名數(shù)據(jù)類型數(shù)據(jù)長度是否為空編號Long char自動標志（Logo）char50網(wǎng)站名稱char50網(wǎng)站地址char50網(wǎng)站簡介char255加入時間Date 界面設計作為一個美食網(wǎng)站，界面的設計是至關重要的，一個優(yōu)秀的美食網(wǎng)站在用戶第一次瀏覽時就應該給用戶造成視覺上的沖擊，吸引住用戶的眼球，可以從網(wǎng)站顏色搭配，結構功能等方面去考慮。在實現(xiàn)視覺美觀享受的同時，也需要提供簡單方便的操作。 主頁設計研究表明，橙色是最能激發(fā)食欲的顏色，本主頁使用潮州標志建筑圖片（湘子橋）作為主標題背景圖，整體色彩搭配合理，布局清晰，同時注重細節(jié)構造，使用趣味動態(tài)標題欄，構造出美觀、吸引人的主頁。給人留下深刻的影響。圖39 主頁用戶在瀏覽了網(wǎng)站頁面之后，可以來到“美食論享”頁面進行留言，本網(wǎng)站不設游客登錄、注冊，留言板塊向所有用戶開放，只需填入必要信息即可進行留言，管理者會及時給予回復，此功能簡單易操作，頁面自然清晰。圖310美食論享（留言） 后臺管理界面后臺管理功能完善，同時頁面整潔，結構清晰明了。圖311 后臺主頁圖312添加菜肴圖313 刪改菜肴4 開發(fā)實施本網(wǎng)站的以ASP為主要開發(fā)語言，在Dreamweaver中完成頁面的設計與框架布局，使用Access數(shù)據(jù)庫，同時輔以Photoshop為畫圖工具，對所使用圖片進行必要修改,以保證頁面的美觀。 網(wǎng)站主頁開發(fā) 頁面截圖 主頁面部分源代碼table width=770 border=0 align=center cellpadding=0 cellspacing=0 bgcolor=FFCC99 tr tdamp。nbsp。/td /tr tr bgcolor=FFCC99 td width=5img border=0 src=Image//td td width=175 valign=top style=borderright:1px D8D8D8 solid。 table border=0 width=100% cellspacing=0 cellpadding=0 tr td align=center background= bgcolor=DFDFE1 table width=157 border=0 cellpadding=0 cellspacing=0 bgcolor=FFCC99 tr td align=center!include file=/td /tr tr /tr tr /tr tr td align=centerimg src=Image/ width=200 height=55 border=0/td /tr tr td align=center!include file=/td /tr tr td align=centerimg src=Image/width=200 height=55 border=0/td /tr tr td align=center!include file=/td /tr tr td align=centerimg src=Image/ width=200 height=55 border=0/td /tr tr td align=centertable border=0 cellspacing=0 cellpadding=0 tr td width=100%img border=0 src=Image/ width=157 height=7/td /tr tr td background=Image/ align=centertable border=0 width=95% cellspacing=0 cellpadding=5 tr td class=hj width=100% align=centermarquee scrollamount=1 scrolldelay=60 direction=up height=130 width=88 onMouseOut=() onMouseOVer=() style=cursor:hand bgcolor=F7EFFF iframe width=88 height=150 scrolling=no frameborder=0 align=top src= bgcolor=F7EFFF/iframe /marquee/td /tr /table/td /tr tr tdimg border=0 src=Image/ width=157 height=7/td /tr /table /td /tr /table /td /tr /table /td td width=590 align=center valign=top table border=0 width=570 cellspacing=0 cellpad