【文章內(nèi)容簡介】 為核心，以設(shè)計用戶滿意的網(wǎng)站為目標(biāo)，堅持用戶的體驗(yàn)滿意度至上的原則。 用戶在瀏覽網(wǎng)站時首先看到的就是網(wǎng)站首頁。在首頁用戶可以了解本餐館和部分特色餐品的信息。用戶如果想要訂餐時或者直接通過電話或者直接填寫收貨人的信息或者注冊成為會員，在用戶查看完商品的信息后，可以把自己想要購買的商品加入訂單中，也可以隨時修改，清空訂單里的商品，如果用戶對訂單里的商品都很滿意，就可以直接下訂單(非會員要填寫收貨人的信息才能下訂單)。這時相關(guān)的程序模塊會將用戶所提交的所有信息都記錄在數(shù)據(jù)庫里以便系統(tǒng)的管理人員可以核對信息并準(zhǔn)備餐品，專門送餐人員給用戶配送餐品并收取現(xiàn)金，此時整個訂餐的過程便結(jié)束。在網(wǎng)絡(luò)訂餐的后臺管理方面還需要添加、修改、刪除餐品，同時各類用戶信息的管理，網(wǎng)站公告的設(shè)置，站內(nèi)新聞的發(fā)布和訂單的處理等都需要系統(tǒng)的管理人員來操作，業(yè)務(wù)流程如圖31 所示： 圖31 業(yè)務(wù)流程圖. 使用的技術(shù) 使用了struts2,spring,hibernate,Ajax,json,用了mysql數(shù)據(jù)庫。. 數(shù)據(jù)庫設(shè)計. 數(shù)據(jù)流程 本系統(tǒng)涉及的數(shù)據(jù)較多，因此對于系統(tǒng)的設(shè)計首先要了解系統(tǒng)中數(shù)據(jù)的流向，只有清楚數(shù)據(jù)之間的關(guān)系，才能正確的設(shè)計系統(tǒng)的功能。可以通過數(shù)據(jù)流程圖來表明數(shù)據(jù)之間的關(guān)系。從圖中可以看到，會員成功登錄后，可以修改查看個人信息，并將這些修改完善后的信息存檔；還可以在查看餐品信息后下訂單，訂單會存儲在數(shù)據(jù)庫對應(yīng)表中。尚未注冊的用戶，可以在查看餐品信息后下訂單，訂單也會存儲在數(shù)據(jù)庫對應(yīng)表中，同時游客信息會保存在相應(yīng)的表中。這些數(shù)據(jù)流最終都要進(jìn)入數(shù)據(jù)庫，管理員會對這些信息進(jìn)行分類管理。. 數(shù)據(jù)庫需求WEB應(yīng)用跟蹤和管理用戶的訂單，行為主要有兩種措施：一種是使用Session或Cookies保存用戶活躍期間的信息，但是這些信息在會話結(jié)束后將不再存在。對于那些需要持久保存的信息，以及數(shù)據(jù)量比較大的數(shù)據(jù)必須通過數(shù)據(jù)庫來進(jìn)行存儲。數(shù)據(jù)庫適合存儲那些需要持久保存的信息，并且提供很好的方式進(jìn)行查詢，插入，修改和刪除。 網(wǎng)上訂餐是面向龐大用戶的信息化產(chǎn)品， MySQL 是一個真正的多用戶、多線程SQL數(shù)據(jù)庫服務(wù)器，它是一個客戶機(jī)/服務(wù)器結(jié)構(gòu)的實(shí)現(xiàn)。MySQL是現(xiàn)在流行的關(guān)系數(shù)據(jù)庫中其中的一種，相比其它的數(shù)據(jù)庫管理系統(tǒng)（DBMS）來說，MySQL具有小巧、功能齊全、查詢迅捷等優(yōu)點(diǎn)，MySQL 主要目標(biāo)是快速、健壯和易用。因此本系統(tǒng)選擇MySQL作為數(shù)據(jù)庫。. 類的設(shè)計 圖31類圖 數(shù)據(jù)庫表的描述：編號庫表名稱描述1User用戶表2Admin管理員表3Province省表4City市表5Location加盟店表6Sender送餐員表. 主要的ER模型 ER模型是一種叫做實(shí)體聯(lián)系模型的簡稱，它是以圖形的方式表現(xiàn)的，又被稱作實(shí)體聯(lián)系圖，ER模型是人們描述數(shù)據(jù)及其聯(lián)系的概念數(shù)據(jù)模型，是數(shù)據(jù)庫應(yīng)用系統(tǒng)設(shè)計人員和普通非計算機(jī)專業(yè)用戶進(jìn)行數(shù)據(jù)建模和溝通與交流的有力工具，使用起來直觀易懂，簡單易行，ER模型是一種用圖形表示數(shù)據(jù)及其聯(lián)系的方法，所使用的圖形構(gòu)件(元件)包括矩形、菱形、橢圓形和連接線。主要的ER模型圖如下： 圖32 ER圖4. 系統(tǒng)詳細(xì)設(shè)計與實(shí)現(xiàn)根據(jù)前面的分析和客戶的需求，本訂餐系統(tǒng)由前臺和后臺兩部分組成，前臺主要是包括前臺登錄和前臺主界面兩部分，后臺主要就是后臺登錄和后臺登錄后的界面，后臺登錄作為前臺主界面的一個子模塊實(shí)現(xiàn)。該階段主要完成各子模塊的設(shè)計以及頁面與數(shù)據(jù)庫的鏈接工作。. 類的關(guān)聯(lián)關(guān)系關(guān)聯(lián)關(guān)系類圖包括了本網(wǎng)站的主要頁面以及它們之間的簡單關(guān)系，各個類的關(guān)系以及相互之間的不同作用，在以下的各個具體的圖中都有所體現(xiàn)，更加直觀的展現(xiàn)了項目的具體構(gòu)造類的聯(lián)系。對于一個網(wǎng)絡(luò)訂餐系統(tǒng)，網(wǎng)站首頁極為重要，首頁設(shè)計的好壞將直接影響到顧客的購買欲望。在網(wǎng)站首頁中，用戶不但可以掌握特色餐品網(wǎng)站信息等。餐品展示頁面，其設(shè)計思路：為了抓住顧客的購買欲，網(wǎng)絡(luò)訂餐應(yīng)該引導(dǎo)用戶進(jìn)行購買,因此設(shè)置推薦餐品等，主導(dǎo)為用戶提供查看餐品和訂餐方便。另外，對于一個網(wǎng)上訂餐系統(tǒng)而言，可以按類別查詢餐品，所以設(shè)計餐品分類時，應(yīng)該將餐品分類制成數(shù)據(jù)表存儲在數(shù)據(jù)庫中，以便動態(tài)地進(jìn)行更新。用戶通過輸入不同類別中的餐品名就可以進(jìn)入相應(yīng)的餐品詳細(xì)介紹的展示頁面。會員訂餐，其中的訂單表格是用來臨時存儲用戶購物信息的，用戶可以隨時增加商品，修改商品數(shù)量，刪除商品以及清空表格。設(shè)計思路：將用戶的購物信息存入一個臨時表或臨時文件中，當(dāng)用戶結(jié)賬下訂單時再刪除臨時記錄。由于本系統(tǒng)是一個小型的訂餐網(wǎng)站，所以可以考慮使用一個數(shù)據(jù)表來訂餐，使用數(shù)據(jù)表：會員表，訂單表，餐品表；會員中心是僅會員前臺系統(tǒng)有的模塊，當(dāng)用戶注冊成為會員后，可以查看修改個人信息。使用數(shù)據(jù)表：會員表，訂單表，反饋信息表等。以下為具體類圖：. 持久化類的設(shè)計圖41 持久化類類圖持久化類描述：表41 持久化類描述編號類名描述1Food菜品類2Order訂單類3Orderinfo訂單明細(xì)類4Taddress發(fā)貨地址類. 數(shù)據(jù)庫操作類的設(shè)計圖42 數(shù)據(jù)庫操作類類圖圖43 數(shù)據(jù)庫操作類類圖描述：表42 數(shù)據(jù)庫操作類描述編號類名描述1DaoImpl Dao操作實(shí)現(xiàn)類2DaoDAO操作類的接口，定義的數(shù)據(jù)庫操作類中實(shí)現(xiàn)在方法. 數(shù)據(jù)字典 食品表表43 食品表描述字段類型長度主鍵是否允許為空fidint11是否fnamevarchar255否是fdatevarchar255否是fimagevarchar255否是fhotint11否是flpricefloat255否是ftypeFtype200否是fhpricefloat11否是訂單表表43 訂單表描述字段類型長度主鍵是否允許為空oidint11是否locationvarchar255否是odatevarchar255否是senderSender255否是taddressTaddress11否是訂單明細(xì)表表44 訂單明細(xì)表描述字段類型長度主鍵是否允許為空orderinfoidint11是否foodFood255否是infotimeDate255否是numfloat11否是orderOrder11否是infomoneyfloat11否是地址表表45 地址表描述字段類型長度主鍵是否允許為空adidint11是否addressvarchar255否是UserUser255否是uphonevarchar255否是5. 功能的實(shí)現(xiàn). 郵箱驗(yàn)證功能的實(shí)現(xiàn). 功能說明用戶注冊成功后跳到郵箱驗(yàn)證的頁面,action方法調(diào)用數(shù)據(jù)庫中的數(shù)據(jù),發(fā)送驗(yàn)證郵件的信息，驗(yàn)證成功后可以登錄郵箱查看。郵箱驗(yàn)證活動圖如下圖所示：郵箱驗(yàn)證順序圖如下圖所示：圖511 郵箱驗(yàn)證功能活動圖圖512 郵箱驗(yàn)證功能順序圖描述：表51 郵箱驗(yàn)證數(shù)據(jù)描述編號名稱類型描述1One/頁面文件首頁頁面2One/頁面文件用戶注冊頁面3頁面文件郵件發(fā)送成功頁面4daoDao接口Dao的數(shù)據(jù)庫接口類5ActionAction類Dao的Action實(shí)現(xiàn)類6Xml文件Struts的控制中心7Html文件發(fā)送郵件頁面. 主要代碼描述216。 Dao接口：//編寫一個驗(yàn)證郵箱唯一性的方法 public boolean Hav(String u)。 //編寫一個郵箱驗(yàn)時修改狀態(tài)的方法 public void updatstate(String umail)。 //編寫一個根據(jù)郵箱更改密碼的方法 public void updateByMail(String umail,String pass)。daoImpl實(shí)現(xiàn)：public boolean Hav(String umail) { ListUser list=(from User u where =39。+umail+39。)。 if(list!=nullamp。amp。()==0){ return false。 } else{ return true。 } }216。 Action類：//驗(yàn)證注冊郵箱 public String Havingmail() throws Exception { boolean bo=(umail)。 HttpServletResponse response = ()。 // HttpServletRequest request = ()。 PrintWriter out=()。 (bo)。 ()。 if(bo==true){ Sendmail mail=new Sendmail()。 (umail,郵箱驗(yàn)證 ,a href=39。://localhost:8080/MrPrzza/?umail=+umail+39。點(diǎn)擊連接進(jìn)行郵箱驗(yàn)證/a)。 return SUCCESS。 } else{ return NONE。 } }. 運(yùn)行結(jié)果一個功能的是否實(shí)現(xiàn)，看的是最后的運(yùn)行效果是否是當(dāng)初想要的，或者是否能將所想要實(shí)現(xiàn)的功能基本都實(shí)現(xiàn)了，運(yùn)行結(jié)果是非常重要的在項目的文檔中，因?yàn)樗菣z驗(yàn)功能實(shí)現(xiàn)與否的重要的依據(jù)。圖513 郵箱驗(yàn)證功能運(yùn)行結(jié)果圖. 會員名找回功能的實(shí)現(xiàn). 功能說明 用戶進(jìn)入主頁面，點(diǎn)擊進(jìn)入登錄頁面。然后在點(diǎn)擊找回會員名，跳到會員名找回頁面，輸入郵箱號，發(fā)送郵件，進(jìn)入郵箱查看找到的會員名。會員名找回活動圖如下圖所示：會員名找回順序圖如下圖所示：圖521 會員名找回功能活動圖圖522 會員名找回功能順序圖描述：表52 會員名找回數(shù)據(jù)描述編號名稱類型描述1One/頁面文件首頁頁面2one/頁面文件用戶登錄頁面3頁面文件用戶找回會員名頁面4daoImplDao實(shí)現(xiàn)類Dao的數(shù)據(jù)庫實(shí)現(xiàn)類5ActionAction類Dao的Action實(shí)現(xiàn)類6ServiceService類Service服務(wù)類7Xml文件Struts的控制中心8Html文件顯示頁面. 主要代碼描述216。 Dao接口：public User OneUser(String aname)。public void updatstate(String umail)。216。 daoImpl類：public int selectIdByUname(String uname) { ListUser list=(from User u where =39。+uname+39。)。 return (0).getUid()。}public void updatstate(String umail) { Session session=().openSession()。 Query q = (update User u set =1 where =39。+umail+39。)。 ()。 }216。 Action類：public String updatstate(){ (為什么不調(diào)用+umail)。 //改變狀態(tài)的action boolean bo=(umail)。 if(bo==true){ (umail)。 return SUCCESS。 } else{ return ERROR。 }}public String sendmail(){ String umails = (String) ().getSession().get(mail)。 (捕捉到的umail為+umails)。 Sendmail mail=new Sendmail()。 (umails,郵箱驗(yàn)證 ,a href=39。://localhost:8080/MrPrzza/?umail=+umails+39。點(diǎn)擊連接進(jìn)行郵箱驗(yàn)證/a)。 return