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