基于JSP的網(wǎng)上超市購(gòu)物系統(tǒng)設(shè)計(jì)及實(shí)現(xiàn)

-.z摘要21世紀(jì)以來(lái)，人類經(jīng)濟(jì)高速開展，人們的生活發(fā)生了日新月異的變化，特別是計(jì)算機(jī)的應(yīng)用及普及到經(jīng)濟(jì)和社會(huì)生活的各個(gè)領(lǐng)域。為了讓消費(fèi)者甜品網(wǎng)上購(gòu)物系統(tǒng)商店過(guò)程變得簡(jiǎn)單、方便、平安、快捷，網(wǎng)上商城購(gòu)物成了一種新型而熱門的購(gòu)物方式。甜品網(wǎng)上購(gòu)物系統(tǒng)商店是一種具有交互功能的商業(yè)信息系統(tǒng)，它在網(wǎng)絡(luò)上建立一個(gè)虛擬的購(gòu)物商城，使購(gòu)物過(guò)程變得輕松、快捷、方便。然而作為一個(gè)購(gòu)物系統(tǒng)，能夠長(zhǎng)期安康的開展系統(tǒng)的平安性和實(shí)現(xiàn)購(gòu)物的方便性是很重要的，在平安性方面，系統(tǒng)主要考慮了數(shù)據(jù)存儲(chǔ)的平安性，以及用了用戶注冊(cè)和密碼等措施，沒有使用到數(shù)字簽名技術(shù)。在方便性上，主要考慮了用戶瀏覽商品、查詢商品、定購(gòu)商品的方便性和后臺(tái)管理用戶維護(hù)的方便性，在用戶定購(gòu)商品后，貨單付款，商家把商品送到用戶。課題目標(biāo)是設(shè)計(jì)并實(shí)現(xiàn)一個(gè)甜品網(wǎng)上購(gòu)物系統(tǒng)。結(jié)合實(shí)踐，理解網(wǎng)頁(yè)開發(fā)技術(shù)和數(shù)據(jù)庫(kù)的根本知識(shí)，學(xué)習(xí)相關(guān)開發(fā)工具和應(yīng)用軟件，熟悉建立的過(guò)程，熟練掌握網(wǎng)絡(luò)數(shù)據(jù)庫(kù)編程方法。系統(tǒng)采用B/S開發(fā)模式，開發(fā)工具選擇JAVA、JSP、JavaScript、Html語(yǔ)言，采用Tomcat效勞器技術(shù)，后臺(tái)數(shù)據(jù)庫(kù)選用SQLServer2005。關(guān)鍵詞：甜品網(wǎng)上購(gòu)物系互聯(lián)網(wǎng) 系統(tǒng)設(shè)計(jì)AbstractIn21stcentury,humanhigh-speedeconomicdevelopment,people'slifeachanging,specialistheputerapplicationandpopularizationtoallfieldsofeconomicandsociallife.Inordertolettheconsumeronlineshoppingsystemstoresdessertprocessbeesimple,convenient,safe,efficient,onlinemallshoppingbecameakindofnew-styleandpopularshoppingway.Itistobuildavirtualshoppingmall,makeshoppingprocesseasier,quick,convenient.Howeverasashoppingsystem,thedevelopmentoflong-termhealthtothesecurityofthesystemandrealizetheconvenienceofshopping,itisimportanttosafety,systemmainlyinthesafetyofconsideringthedatastorageandinuserregistrationandpasswordsandothermeasures,nousetodigitalsignaturetechnology.Inconvenience,themainconsiderationtheusersbrowsegoods,inquiresthemodity,ordertheconvenienceandbackgroundmanagementofgoodsofconvenience,theusermaintainordergoodsintheuser,thebusinessman,afterthegoodsinvoicepaymenttotheuser.Taskgoalistodesignandimplementadessertshoppingwebsitesystemonline.biningthepractice,webdevelopmenttechnologyandunderstandingthebasicknowledge,learningdatabaserelateddevelopmenttoolsandapplicationsoftware,familiarwithwebsiteconstructionprocess,masteringnetworkdatabaseprogrammingmethod.SystemadoptsB/Sdevelopingmode,selectionofdevelopmenttoolsJAVA,JSP,JavaScript,Html,usingTomcatServertechnology,backenddatabasechooseSQLServer2005.Keywords:OnlineShoppingSystemTheInternetSystemDesign目錄TOC\o"1-3"\h\u31523第一章緒論182491.1工程背景與現(xiàn)實(shí)價(jià)值170731.2開發(fā)工具和實(shí)用技術(shù)119165第二章系統(tǒng)分析3298222.1需求分析3160082.1.1性能需求312372.1.2平安需求364322.1.3功能需求326970第三章概要設(shè)計(jì)8187573.1系統(tǒng)構(gòu)造設(shè)計(jì)840763.1.1后臺(tái)功能模塊9164353.1.2前臺(tái)功能模塊915454第四章數(shù)據(jù)庫(kù)設(shè)計(jì)1150684.1構(gòu)造設(shè)計(jì)1143214.1.1概念構(gòu)造設(shè)計(jì)1166424.1.2邏輯構(gòu)造設(shè)計(jì)117806第五章界面設(shè)計(jì)1339835.1界面設(shè)計(jì)要求13262255.2系統(tǒng)界面設(shè)計(jì)13125415.3系統(tǒng)頁(yè)面設(shè)計(jì)介紹及關(guān)系14152185.3.1后臺(tái)頁(yè)面說(shuō)明1458165.3.2后臺(tái)頁(yè)面之間的跳轉(zhuǎn)15107945.3.3前臺(tái)頁(yè)面說(shuō)明1626625.3.4前臺(tái)頁(yè)面之間的跳轉(zhuǎn)1818960第六章詳細(xì)設(shè)計(jì)與實(shí)現(xiàn)1999256.1系統(tǒng)功能模塊19248316.1.1管理員登錄模塊1958756.1.2管理員修改密碼模塊1915676.1.3會(huì)員管理模塊1922296.1.4品牌管理模塊20181946.1.5甜品管理模塊21220946.1.6新聞管理模塊23132056.1.7會(huì)員登錄模塊24139356.1.8會(huì)員注冊(cè)模塊24237436.1.9會(huì)員購(gòu)物車模塊25304406.1.10會(huì)員訂單模塊25128786.1.11會(huì)員修改信息模塊2638206.1.12瀏覽者瀏覽信息模塊2718776.2系統(tǒng)采用的數(shù)據(jù)庫(kù)連接方式27831總結(jié)2828735致謝295750參考文獻(xiàn)30-.z第一章緒論1.1工程背景與現(xiàn)實(shí)價(jià)值在當(dāng)前信息化的時(shí)代，對(duì)群眾的訂餐要求僅僅依賴手工操作，已經(jīng)遠(yuǎn)遠(yuǎn)不能滿足實(shí)際的需求了，所以網(wǎng)上訂餐越來(lái)越被看好。對(duì)于網(wǎng)上訂餐來(lái)說(shuō)，正承受著群眾的各種考驗(yàn)，如送餐時(shí)間的規(guī)定，新產(chǎn)品開發(fā)等等?；谀壳熬W(wǎng)上訂餐行業(yè)的挑戰(zhàn)，特此開發(fā)網(wǎng)上訂餐的甜品局部的購(gòu)物系統(tǒng)，以滿足群眾對(duì)于新產(chǎn)品開發(fā)的要求。傳統(tǒng)的訂餐模式既有局限，又不是很完整。而構(gòu)建該甜品的既突破了時(shí)間和空間上的限制，又可以及時(shí)、準(zhǔn)確、快速的發(fā)布甜品信息，讓大家不需要面對(duì)面就能夠相互了解，相互交流，足不出戶就可以享受送貨上門，貨到付款的效勞。隨著互聯(lián)網(wǎng)和寬帶上網(wǎng)的普及，甜品網(wǎng)上購(gòu)物系統(tǒng)在中國(guó)異軍突起，并日益滲透到人們的日常生活中。甜品網(wǎng)上購(gòu)物系統(tǒng)是運(yùn)用現(xiàn)代通信技術(shù)、計(jì)算機(jī)和網(wǎng)絡(luò)技術(shù)進(jìn)展的一種社會(huì)形態(tài)，其目的是通過(guò)互聯(lián)網(wǎng)、提高社會(huì)生產(chǎn)效率、優(yōu)化社會(huì)資源配置，從而實(shí)現(xiàn)社會(huì)財(cái)富的最大化利用?，F(xiàn)在我國(guó)的信息管理水平還比較落后，這樣的機(jī)制已經(jīng)不能適應(yīng)時(shí)代的開展，因?yàn)樗速M(fèi)了許多人力和物力，在信息時(shí)代傳統(tǒng)的管理方法必然被計(jì)算機(jī)為根底的信息管理所取代。軟件作為一項(xiàng)有力的工具，只能當(dāng)此種工具，與我們的實(shí)踐相結(jié)合起來(lái)的時(shí)候，才具有重大的社會(huì)價(jià)值及使用價(jià)值。因此根據(jù)目前實(shí)際的情況開發(fā)這樣一套管理系統(tǒng)是十分必要的。隨著科學(xué)技術(shù)的不斷提高,計(jì)算機(jī)科學(xué)技術(shù)日漸成熟,其強(qiáng)大的功能已為人們深刻認(rèn)識(shí),它已進(jìn)入人類社會(huì)的各個(gè)領(lǐng)域并發(fā)揮著越來(lái)越重要的作用。作為計(jì)算機(jī)應(yīng)用的一局部,使用計(jì)算機(jī)進(jìn)展管理，具有著手工管理所無(wú)法比較的優(yōu)點(diǎn)。例如:可靠性高、存儲(chǔ)量大、**性好、壽命長(zhǎng)、本錢低等。這些優(yōu)點(diǎn)能夠極大地提高工作的效率,也是信息正規(guī)化管理與世界接軌的重要條件。本課題所研究的甜品網(wǎng)上購(gòu)物系統(tǒng)主要是為個(gè)人提供搜索，欣賞和下載的一個(gè)平臺(tái)，從而給個(gè)人帶來(lái)方便。課題目標(biāo)是設(shè)計(jì)并實(shí)現(xiàn)一個(gè)B/S體系構(gòu)造的甜品網(wǎng)上購(gòu)物系統(tǒng)。結(jié)合實(shí)踐，理解網(wǎng)頁(yè)開發(fā)技術(shù)和數(shù)據(jù)庫(kù)的根本知識(shí)，學(xué)習(xí)相關(guān)開發(fā)工具和應(yīng)用軟件，熟悉建立的過(guò)程，熟練掌握網(wǎng)絡(luò)數(shù)據(jù)庫(kù)編程方法。1.2開發(fā)工具和實(shí)用技術(shù)甜品網(wǎng)上購(gòu)物系統(tǒng)采用B/S開發(fā)模式,軟件開發(fā)環(huán)境：MyEelipse8.5+JDK1.6+Tomcat6.0+SQLserver2005MyEelipse8.5：MyEclipse是一個(gè)十分優(yōu)秀的用于開發(fā)Java,J2EE的Eclipse插件集合，其功能非常強(qiáng)大，支持也十分廣泛，尤其是對(duì)各種開源產(chǎn)品的支持十分不錯(cuò)。MyEelipse是對(duì)EclipseIDE的擴(kuò)展，利用它我們可以在數(shù)據(jù)庫(kù)和JavaEE的開發(fā)、發(fā)布以及應(yīng)用程序效勞器的整合方面極大的提高工作效率。它是功能豐富的JavaEE集成開發(fā)環(huán)境，包括了完備的編碼、調(diào)試、測(cè)試和發(fā)布功能，完整支持HTML、Struts、JSP、CSS、Javascript、Spring、SQL、Hibernate。MyEclipse8.5，該版本集成了Eclipse3.5.2，提升了團(tuán)隊(duì)協(xié)作開發(fā)、開發(fā)周期管理以及Spring和Hibernate的更好支持。JDK1.6：SunMicrosystems針對(duì)Java開發(fā)員的產(chǎn)品。自從Java推出以來(lái)，JDK已經(jīng)成為使用最廣泛的JavaSDK。JDK是整個(gè)Java的核心，包括了Java運(yùn)行環(huán)境，Java工具和Java根底的類庫(kù)。JDK是學(xué)好Java的第一步。而專門運(yùn)行在*86平臺(tái)的Jrocket在效勞端運(yùn)行效率也要比SunJDK好很多。從SUN的JDK5.0開場(chǎng),提供了泛型等非常實(shí)用的功能，其版本也不斷更新，運(yùn)行效率得到了非常大的提高。Tomcat6.0：Tomcat是一個(gè)免費(fèi)的、開放源代碼的Servlet容器。Tomcat是Apache軟件基金會(huì)的Jakarta工程中的一個(gè)核心工程,由Apache、sun和其他一些公司及個(gè)人共同開發(fā)而成。Tomcat效勞是一個(gè)比較簡(jiǎn)單的效勞器，在設(shè)計(jì)方面是符合建立商業(yè)站點(diǎn)的規(guī)*，可以利用它進(jìn)展編程與測(cè)試。SQLserver2005：是一個(gè)關(guān)系數(shù)據(jù)庫(kù)管理系統(tǒng)。它具有數(shù)據(jù)庫(kù)鏡像、在線恢復(fù)、在線檢索操作、快速恢復(fù)、平安性能的提高、新的SQLServerManagementStudio、專門的管理員連接、快照隔離、數(shù)據(jù)分割、增強(qiáng)復(fù)制功能等特點(diǎn)。甜品網(wǎng)上購(gòu)物系統(tǒng)擬采用JSP+JavaBean開發(fā)模式，這種模式有效地別離了頁(yè)面顯示和業(yè)務(wù)數(shù)據(jù)處理，業(yè)務(wù)數(shù)據(jù)處理局部都交給JavaBean組件，如數(shù)據(jù)庫(kù)、用戶驗(yàn)證等。JSP+JavaBean示意圖1-1如下：客戶瀏覽器JSP容器客戶瀏覽器JSP容器數(shù)據(jù)庫(kù)JSPJavabeanJSP+JavaBean示意圖1-1第二章系統(tǒng)分析2.1需求分析甜品網(wǎng)上購(gòu)物系統(tǒng)是運(yùn)用現(xiàn)代通信技術(shù)、計(jì)算機(jī)和網(wǎng)絡(luò)技術(shù)進(jìn)展的一種社會(huì)形態(tài)，其目的是通過(guò)互聯(lián)網(wǎng)、提高社會(huì)生產(chǎn)效率、優(yōu)化社會(huì)資源配置，從而實(shí)現(xiàn)社會(huì)財(cái)富的最大化利用。本課題所研究的甜品網(wǎng)上購(gòu)物系統(tǒng)主要是為個(gè)人提供搜索，欣賞和下載的一個(gè)平臺(tái)，從而給個(gè)人帶來(lái)方便。因此，開發(fā)一個(gè)甜品網(wǎng)上購(gòu)物系統(tǒng)是很有必要的，具有其特有的技術(shù)意義和管理意義。2.1.1性能需求為了保證運(yùn)行的高效率，建議使用在1G及以上內(nèi)存的機(jī)器。所有的頁(yè)面都能到指定要到的頁(yè)面，所的頁(yè)面均存在，而且系統(tǒng)中不存在有孤立的頁(yè)面；對(duì)表單進(jìn)展測(cè)試，如果輸入信息不正確或者不輸入信息就直接提交，會(huì)出現(xiàn)出錯(cuò)提示；通過(guò)互動(dòng)用戶填寫的表單信息和調(diào)查信息的提交對(duì)數(shù)據(jù)庫(kù)的存入和讀取操作進(jìn)展測(cè)試，數(shù)據(jù)庫(kù)運(yùn)行正常。在瀏覽器中運(yùn)行，速度都在可承受的*圍內(nèi)〔少于五秒〕。超市管理系統(tǒng)導(dǎo)航構(gòu)造清晰、目的明確，經(jīng)測(cè)試每個(gè)導(dǎo)航下的模塊都能準(zhǔn)確；頁(yè)面字體使用CSS控制，確保了風(fēng)格的一致，頁(yè)面使用較少顏色組合，有較好的視覺效果；對(duì)超市管理系統(tǒng)內(nèi)容進(jìn)展抽樣式調(diào)查未發(fā)現(xiàn)語(yǔ)法、拼寫錯(cuò)誤以及其他錯(cuò)誤信息；超市管理系統(tǒng)整體界面布局合理，頁(yè)面風(fēng)格簡(jiǎn)潔，顏色搭配協(xié)調(diào)，保證了超市管理系統(tǒng)可用性良好。在安裝了IE、360，遨游等不同瀏覽器的客戶端進(jìn)展測(cè)試，系統(tǒng)中JavaScript均可正常運(yùn)行，框架和層次構(gòu)造風(fēng)格差異不大，所以超市管理系統(tǒng)兼容性較好。2.1.2平安需求系統(tǒng)對(duì)管理員的**和密碼的有效性進(jìn)展了測(cè)試。只有管理員的**和密碼確認(rèn)有效后，才可以對(duì)超市管理系統(tǒng)進(jìn)展維護(hù)工作。保證了超市管理系統(tǒng)的平安性。2.1.3功能需求此基于JSP的甜品網(wǎng)上購(gòu)物系統(tǒng)分前臺(tái)功能和后臺(tái)功能，系統(tǒng)有兩個(gè)參與者：管理員和用戶。參與者的描述如下：〔1〕管理員后臺(tái)局部由管理員使用，主要包括參數(shù)設(shè)置，會(huì)員管理，甜品管理，品牌管理，信息管理。管理員填寫登錄名和密碼后進(jìn)入后臺(tái)主頁(yè)面，根據(jù)自己的需求進(jìn)展操作。可以進(jìn)展密碼的修改，對(duì)注冊(cè)會(huì)員的信息進(jìn)展管理，完成甜品的增加刪除添加查詢，品牌的編輯和對(duì)前臺(tái)信息的管理.管理員的用例圖2-1如下：管理員的用例圖2-1管理員的用例描述表如下：管理員參數(shù)設(shè)置用例描述表2-1用例名稱參數(shù)設(shè)置功能簡(jiǎn)述管理員登錄系統(tǒng)后，可自行重新設(shè)置登錄密碼前置條件已經(jīng)登錄的管理員后置條件修改成功，程序連接數(shù)據(jù)庫(kù)根本流1、管理員點(diǎn)擊頁(yè)面菜單欄中參數(shù)設(shè)置模塊下的“修改密碼〞2、在顯示的頁(yè)面中填入原密碼、新密碼、然后確認(rèn)密碼3、點(diǎn)擊“確定修改〞按鈕4、顯示新密碼和密碼修改成功會(huì)員管理用例描述表2-2用例名稱會(huì)員管理功能簡(jiǎn)述管理員可以對(duì)本的會(huì)員進(jìn)展查詢及編輯操作前置條件會(huì)員ID或**正確后置條件修改成功，程序連接數(shù)據(jù)庫(kù)根本流1、管理員點(diǎn)擊頁(yè)面菜單欄中會(huì)員管理模塊下的“會(huì)員查詢〞2、在顯示的頁(yè)面中填入會(huì)員ID、**進(jìn)展查詢3、點(diǎn)擊“修改〞按鈕，進(jìn)展修改4、點(diǎn)擊“刪除〞按鈕，進(jìn)展刪除品牌管理用例描述表2-3用例名稱品牌管理功能簡(jiǎn)述可以添加與查詢的品牌，并進(jìn)展操作前置條件無(wú)后置條件操作成功，程序連接數(shù)據(jù)庫(kù)根本流1、管理員點(diǎn)擊頁(yè)面菜單欄中品牌管理模塊下的“品牌添加〞2、在顯示的頁(yè)面中添加品牌；3、管理員點(diǎn)擊頁(yè)面菜單欄中品牌管理模塊下的“品牌查詢〞4、點(diǎn)擊“修改〞按鈕，進(jìn)展修改5、點(diǎn)擊“刪除〞按鈕，進(jìn)展刪除擴(kuò)展流1、點(diǎn)擊“修改〞按鈕跳轉(zhuǎn)到修改頁(yè)面，可對(duì)其內(nèi)容進(jìn)展修改然后保存關(guān)閉；2、點(diǎn)擊“刪除〞按鈕彈出確認(rèn)對(duì)話框是否刪除；甜品管理用例描述表2-4用例名稱甜品管理功能簡(jiǎn)述向甜品表插入前臺(tái)首頁(yè)展示的甜品信息前置條件無(wú)后置條件操作成功，程序連接數(shù)據(jù)庫(kù)根本流1、管理員點(diǎn)擊頁(yè)面菜單欄中甜品管理模塊下的“甜品添加〞2、在顯示的頁(yè)面中按需求添加甜品；3、管理員點(diǎn)擊頁(yè)面菜單欄中品牌管理模塊下的“甜品查詢〞4、點(diǎn)擊“修改〞按鈕，進(jìn)展修改5、點(diǎn)擊“刪除〞按鈕，進(jìn)展刪除擴(kuò)展流1、點(diǎn)擊“修改〞按鈕跳轉(zhuǎn)到修改頁(yè)面，可對(duì)其內(nèi)容進(jìn)展修改然后保存關(guān)閉；2、點(diǎn)擊“刪除〞按鈕彈出確認(rèn)對(duì)話框是否刪除；信息管理用例描述表2-5用例名稱信息管理功能簡(jiǎn)述管理員對(duì)首頁(yè)信息進(jìn)展編輯管理前置條件無(wú)后置條件操作成功，程序連接數(shù)據(jù)庫(kù)根本流1、管理員點(diǎn)擊頁(yè)面菜單欄**息管理模塊下的“信息添加〞2、在顯示的頁(yè)面中按要求發(fā)布信息；3、管理員點(diǎn)擊頁(yè)面菜單欄中品牌管理模塊下的“新聞查詢〞4、點(diǎn)擊“修改〞按鈕，進(jìn)展修改5、點(diǎn)擊“刪除〞按鈕，進(jìn)展刪除擴(kuò)展流1、點(diǎn)擊“修改〞按鈕跳轉(zhuǎn)到修改頁(yè)面，可對(duì)其內(nèi)容進(jìn)展修改然后保存關(guān)閉；2、點(diǎn)擊“刪除〞按鈕彈出確認(rèn)對(duì)話框是否刪除；〔2〕會(huì)員前臺(tái)局部由用戶使用，主要包括用戶注冊(cè)，購(gòu)物車管理，訂單管理，個(gè)人資料管理，新聞查詢。當(dāng)用戶第一次登錄時(shí)首先要注冊(cè)，成為會(huì)員后，才可以購(gòu)置甜品。用戶可以通過(guò)單擊首頁(yè)的注冊(cè)按鍵來(lái)翻開注冊(cè)頁(yè)面進(jìn)展會(huì)員注冊(cè)操作，其中包含了用戶**、密碼等信息，注冊(cè)完成后可以瀏覽系統(tǒng)的各種信息和新聞，當(dāng)有心儀的甜品時(shí)可以點(diǎn)擊購(gòu)置，提交訂單，隨時(shí)查看自己的訂單詳情；有需要是還可以修改自己的個(gè)人信息。會(huì)員的用例圖2-2如下：會(huì)員的用例圖2-2會(huì)員的用例描述表如下：用戶管理用例描述表2-6用例名稱用戶管理功能簡(jiǎn)述用戶需要注冊(cè)才能登陸，用戶注冊(cè)前置條件沒有注冊(cè)的用戶后置條件注冊(cè)成功，程序連接數(shù)據(jù)庫(kù)根本流1、點(diǎn)擊主頁(yè)面上的注冊(cè)按鈕；2、頁(yè)面跳轉(zhuǎn)到用戶注冊(cè)條約，是否同意，點(diǎn)擊同意；3、頁(yè)面跳轉(zhuǎn)到注冊(cè)信息頁(yè)面，按要求填寫，點(diǎn)擊提交；4、注冊(cè)成功用戶管理用例描述表2-7用例名稱購(gòu)物車管理功能簡(jiǎn)述所選商品須通過(guò)購(gòu)物車進(jìn)展保存，然后生成訂單前置條件已注冊(cè)的用戶后置條件無(wú)根本流1、用戶點(diǎn)擊要購(gòu)置的商品后，點(diǎn)擊購(gòu)置；2、轉(zhuǎn)到購(gòu)物車界面，點(diǎn)擊“去收銀臺(tái)〞3、轉(zhuǎn)到下訂單頁(yè)面，按要求填寫，提交訂單；4、下單成功，關(guān)閉。訂單管理用例描述表2-8用例名稱訂單管理功能簡(jiǎn)述登陸用戶可以通過(guò)訂單號(hào)查詢訂單和詳情。前置條件已注冊(cè)的用戶后置條件無(wú)根本流1、點(diǎn)擊管理欄中的“我的訂單〞查看訂單；2、查看訂單中有詳情，點(diǎn)擊出現(xiàn)訂單詳情。個(gè)人資料管理用例描述表2-9用例名稱個(gè)人資料管理功能簡(jiǎn)述用戶登陸后即可對(duì)個(gè)人的注冊(cè)信息進(jìn)展修改。前置條件已注冊(cè)的用戶后置條件信息按要求被修改根本流1、點(diǎn)擊“個(gè)人資料〞會(huì)員可對(duì)自己的**、密碼、聯(lián)系、電子、、送貨方式等進(jìn)展修改；2、填寫完成提交信息或重新填寫。新聞查詢用例描述表2-10用例名稱新聞查詢功能簡(jiǎn)述會(huì)員可以對(duì)本的信息進(jìn)展查看前置條件所有用戶后置條件無(wú)根本流1、點(diǎn)擊上面任務(wù)欄中的各類信息進(jìn)展查看，頁(yè)面根據(jù)要求跳轉(zhuǎn)；2、點(diǎn)擊“新聞〞，用戶可根據(jù)自己的喜好選擇性的查看新聞，新聞后也有具體的上傳時(shí)間；第三章概要設(shè)計(jì)3.1系統(tǒng)構(gòu)造設(shè)計(jì)總體設(shè)計(jì)主要是指在系統(tǒng)分析的根底上，對(duì)整個(gè)系統(tǒng)的劃分〔子系統(tǒng)〕、機(jī)器設(shè)備〔包括軟、硬設(shè)備〕的配置、數(shù)據(jù)的存貯規(guī)律以及整個(gè)系統(tǒng)實(shí)現(xiàn)規(guī)劃等方面進(jìn)展合理的安排。系統(tǒng)設(shè)計(jì)工作應(yīng)該自頂向下地進(jìn)展。系統(tǒng)設(shè)計(jì)的工作復(fù)雜又細(xì)致，總體設(shè)計(jì)階段需要進(jìn)展系統(tǒng)模塊構(gòu)造設(shè)計(jì)，要將一個(gè)大系統(tǒng)分解成不同層次、多個(gè)模塊組成的系統(tǒng)，在詳細(xì)設(shè)計(jì)階段要在模塊構(gòu)造設(shè)計(jì)的根底上，給出每個(gè)模塊實(shí)現(xiàn)方法的細(xì)節(jié)，并對(duì)模塊的輸入、輸出和處理過(guò)程作詳細(xì)描述，以便在系統(tǒng)實(shí)施階段進(jìn)展程序設(shè)計(jì)時(shí)可以把這個(gè)描述直接“翻譯〞成用*種程序設(shè)計(jì)語(yǔ)言書寫的程序。系統(tǒng)構(gòu)造如圖3-1所示：系統(tǒng)構(gòu)造圖3-1功能劃分的根本思想是將系統(tǒng)設(shè)計(jì)成由多個(gè)相對(duì)獨(dú)立、功能單一的模塊組成的構(gòu)造。由于模塊之間相對(duì)獨(dú)立，每一模塊就可以單獨(dú)地被理解、編寫、測(cè)試、排錯(cuò)和修改,從而有效地防止錯(cuò)誤在模塊之間擴(kuò)散蔓延，提高了系統(tǒng)的質(zhì)量(可維護(hù)性、可靠性等)。因此，大大簡(jiǎn)化了系統(tǒng)研制開發(fā)的工作。本系統(tǒng)主要分為前臺(tái)和后臺(tái)兩個(gè)子系統(tǒng)，這其中又分為不同的功能的模塊。3.1.1后臺(tái)功能模塊后臺(tái)子系統(tǒng)包括參數(shù)設(shè)置、會(huì)員管理、品牌管理、甜品管理和新聞管理五個(gè)模塊。當(dāng)管理員在后臺(tái)登錄頁(yè)面登錄時(shí)要輸入正確的用戶名和密碼通過(guò)判斷進(jìn)入主頁(yè)面。①參數(shù)設(shè)置模塊：主要是針對(duì)管理員登錄進(jìn)入后臺(tái)系統(tǒng)后對(duì)自己密碼的修改，輸入原有密碼和密碼后保存，輸出新的密碼和成功提示；②會(huì)員管理模塊：管理員對(duì)會(huì)員進(jìn)展刪除和修改操作。會(huì)員注冊(cè)填寫額信息可能會(huì)出現(xiàn)不真實(shí)或**的信息，管理員通過(guò)輸入會(huì)員ID或會(huì)員**進(jìn)展查詢?nèi)缓筮M(jìn)展相關(guān)操作；③品牌管理模塊：包含兩個(gè)小局部添加和查詢，管理員輸入要添加的品牌名稱，點(diǎn)擊添加數(shù)據(jù)庫(kù)更新給出添加成功提示，查詢品牌可以完成對(duì)品牌的修改和刪除操作；④甜品管理模塊：此模塊包含兩個(gè)局部添加和查詢，添加甜品時(shí)管理員輸入甜品圖片、名稱、品牌、規(guī)格、甜品價(jià)格分為市場(chǎng)價(jià)和會(huì)員價(jià)、庫(kù)存和詳細(xì)說(shuō)明然后選擇類型，查詢時(shí)輸入產(chǎn)品的名稱或品牌然后對(duì)其進(jìn)展相應(yīng)的修改和刪除操作；⑤新聞管理模塊：包含新聞添加和新聞查詢，輸入新聞標(biāo)題，發(fā)布人和新聞內(nèi)容點(diǎn)擊添加新聞添加成功，查詢時(shí)輸入新聞名稱然后可以對(duì)其進(jìn)展相應(yīng)的修改和刪除。3.1.2前臺(tái)功能模塊前臺(tái)子系統(tǒng)包括：用戶注冊(cè)模塊、購(gòu)物車管理模塊、訂單管理模塊、個(gè)人資料管理模塊，新聞查看模塊。每個(gè)模塊看似獨(dú)立實(shí)質(zhì)緊緊相連。前臺(tái)功能模塊關(guān)系圖3-2如下：用戶注冊(cè)用戶注冊(cè)購(gòu)物以及對(duì)購(gòu)物車的管理查看自己的訂單對(duì)個(gè)人的資料進(jìn)展修改對(duì)內(nèi)新聞進(jìn)展查看前臺(tái)功能模塊關(guān)系圖3-2①用戶注冊(cè)模塊：查看該系統(tǒng)假設(shè)購(gòu)物時(shí)需要注冊(cè)成為會(huì)員才能進(jìn)展相關(guān)操作。點(diǎn)擊注冊(cè)需閱讀有關(guān)條約同意才能進(jìn)展下一步注冊(cè)，注冊(cè)時(shí)按要求輸入**、密碼、聯(lián)系、電子、、選擇送貨方式和支付方式提交信息，注冊(cè)成功，形成用戶ID，登錄時(shí)需要輸入用戶ID和密碼。②購(gòu)物車管理模塊：在超市中，可以根據(jù)自己的需要將很多的物品挑選到購(gòu)物車中。而在網(wǎng)上虛擬的購(gòu)物商城中，通常都會(huì)采用一種被稱做“購(gòu)物車〞的技術(shù)來(lái)模擬現(xiàn)實(shí)生活。這種技術(shù)用起來(lái)十分方便，不但可以隨時(shí)添加，查看，修改，清空購(gòu)物車中的內(nèi)容，還可以隨時(shí)去在訂單處理，如對(duì)商品數(shù)量的添加等。③訂單管理模塊：為了方便用戶隨時(shí)查看購(gòu)物情況，會(huì)員可以通過(guò)查看訂單，通過(guò)它可以將所放入購(gòu)物車中的選物品信息顯示出來(lái)，顯示訂單號(hào)、支付金額、支付方式等內(nèi)容，其中包含詳細(xì)的訂購(gòu)日期和詳情。在訂單中，并沒有顯示所有的信息，用戶在查看訂單時(shí)，亦可查看訂單詳情。詳情中不僅包含了訂單的根本信息，還包含訂購(gòu)人、、地址、所訂購(gòu)的甜品的名稱及訂購(gòu)數(shù)量、甜品單價(jià)等等④個(gè)人資料管理模塊：當(dāng)會(huì)員進(jìn)入本同時(shí)，可以對(duì)自己的資料進(jìn)展管理修改操作。會(huì)員可對(duì)自己的**、密碼、聯(lián)系、電子、、送貨方式等進(jìn)展修改并上傳。⑤新聞查看模塊：用戶可以對(duì)本的信息進(jìn)展查看，包括對(duì)最新商品、推薦商品、特價(jià)區(qū)的查看和對(duì)新聞的查看。在對(duì)新聞查看中，用戶可根據(jù)自己的喜好選擇性的查看新聞，新聞后也有具體的上傳時(shí)間。第四章數(shù)據(jù)庫(kù)設(shè)計(jì)4.1構(gòu)造設(shè)計(jì)4.1.1概念構(gòu)造設(shè)計(jì)本階段將需求分析階得到的用戶需求和功能需求抽象為信息構(gòu)造，并利用E-R圖描述本數(shù)據(jù)庫(kù)的概念模型，反映現(xiàn)實(shí)世界的實(shí)體、屬性和他們之間的關(guān)系等的原始數(shù)據(jù)形式。E-R圖4-1如下：E-R圖4-14.1.2邏輯構(gòu)造設(shè)計(jì)E-R圖轉(zhuǎn)化為關(guān)系模型：本階段將實(shí)體和實(shí)體間的聯(lián)系轉(zhuǎn)換為關(guān)系模式，并確定這些實(shí)體模式的屬性和碼。下面把E-R圖的轉(zhuǎn)換成關(guān)系模型：會(huì)員〔會(huì)員號(hào)、**、密碼、、地址、注冊(cè)時(shí)間〕說(shuō)明：此為會(huì)員實(shí)體對(duì)應(yīng)的關(guān)系模型。管理員〔管理員賬號(hào)，密碼〕說(shuō)明：此為管理員實(shí)體對(duì)應(yīng)的關(guān)系模型。訂單〔訂單ID、會(huì)員ID、會(huì)員**、地址、、訂單時(shí)間、備注〕說(shuō)明：此為訂單實(shí)體對(duì)應(yīng)的關(guān)系模型。甜品〔名稱、品牌、規(guī)格、價(jià)格、庫(kù)存、說(shuō)明、添加時(shí)間、屬性〕說(shuō)明：此為甜品實(shí)體對(duì)應(yīng)的關(guān)系模型。新聞〔標(biāo)題、內(nèi)容、發(fā)布人、發(fā)布時(shí)間〕說(shuō)明：此為信息實(shí)體對(duì)應(yīng)的關(guān)系模型。局部數(shù)據(jù)庫(kù)表說(shuō)明：userInfo管理員用戶信息表，管理員的user_id為admin，默認(rèn)密碼為admin登錄到后臺(tái)系統(tǒng)后，可以通過(guò)參數(shù)設(shè)置下的修改密碼功能進(jìn)展密碼修改。對(duì)應(yīng)表4-2如下：管理員用戶信息表4-2名稱字段名稱數(shù)據(jù)類型長(zhǎng)度備注記錄IDrec_idInt4用戶IDuser_idVARCHAR24admin密碼passwordInt4vip_info會(huì)員信息表，用于存放瀏覽者注冊(cè)為會(huì)員的信息，當(dāng)瀏覽者欲購(gòu)置商品時(shí)需要先登錄前臺(tái)系統(tǒng)，假設(shè)不是會(huì)員要先點(diǎn)擊注冊(cè)，閱讀完條約并同意后開場(chǎng)填寫以下注冊(cè)信息。對(duì)應(yīng)表4-3如下：會(huì)員信息表4-3名稱字段名稱數(shù)據(jù)類型長(zhǎng)度備注會(huì)員IDvip_idInt4主鍵**vip_nameVARCHAR250密碼vip_passwordVARCHAR250注冊(cè)時(shí)間addtimeDatetime50系統(tǒng)時(shí)間telVARCHAR250emailVARCHAR250地址addressVARCHAR2100orderTable訂單信息表。當(dāng)會(huì)員在購(gòu)物車中點(diǎn)擊去收銀臺(tái)，將會(huì)顯示以下信息。對(duì)應(yīng)表4-4如下：訂單信息表4-4名稱字段名稱數(shù)據(jù)類型長(zhǎng)度備注訂單IDorder_idint4會(huì)員IDvip_idint4會(huì)員**vip_name地址addressVARCHAR250telVARCHAR250訂單時(shí)間order_dateDatetime50系統(tǒng)時(shí)間備注remarkVARCHAR2100第五章界面設(shè)計(jì)5.1界面設(shè)計(jì)要求界面設(shè)計(jì)是人與機(jī)器之間傳遞和交換信息的媒介,通過(guò)對(duì)界面設(shè)計(jì)不同需求進(jìn)展的分類以及界面設(shè)計(jì)元素對(duì)用戶行為的影響，來(lái)研究用戶在界面設(shè)計(jì)中所表達(dá)的重要性。交互性已經(jīng)成為網(wǎng)絡(luò)界面設(shè)計(jì)中設(shè)計(jì)追求的目標(biāo)。為了使設(shè)計(jì)滿足可用性要求，全面的了解用戶特征及多元化要求是十分必要的。這就需要找到正確的方法來(lái)記錄和實(shí)現(xiàn)多元化的用戶要求。界面是人與物體互動(dòng)的媒介，換句話說(shuō)，界面就是設(shè)計(jì)師賦予物體的新面孔。簡(jiǎn)易性：界面的簡(jiǎn)潔是要讓用戶便于使用、便于了解、并能減少用戶發(fā)生錯(cuò)誤選擇的可能性。用戶語(yǔ)言：界面中要使用能反響用戶本身的語(yǔ)言，而不是游戲設(shè)計(jì)者的語(yǔ)言。記憶負(fù)擔(dān)最小化：人腦不是電腦，在設(shè)計(jì)界面時(shí)必須要考慮人類大腦處理信息的限度。人類的短期記憶極不穩(wěn)定、有限，24小時(shí)內(nèi)存在25%的遺忘率。所以對(duì)用戶來(lái)說(shuō)，瀏覽信息要比記憶更容易。一致性：是每一個(gè)優(yōu)秀界面都具備的特點(diǎn)。界面的構(gòu)造必須清晰且一致，風(fēng)格必須與游戲內(nèi)容相一致。清楚：在視覺效果上便于理解和使用。用戶的熟悉程度：用戶可通過(guò)已掌握的知識(shí)來(lái)使用界面，但不應(yīng)超出一般常識(shí)。從用戶的觀點(diǎn)考慮：想用戶所想，做用戶所做。用戶總是按照他們自己的方法理解和使用。排列：一個(gè)有序的界面能讓用戶輕松的使用。平安性：用戶能自由的作出選擇，且所有選擇都是可逆的。在用戶作出危險(xiǎn)的選擇時(shí)有信息介入系統(tǒng)的提示。靈活性：簡(jiǎn)單來(lái)說(shuō)就是要讓用戶方便的使用，但不同于上述。即互動(dòng)多重性，不局限于單一的工具(包括鼠標(biāo)、鍵盤或手柄)。人性化：高效率和用戶滿意度是人性化的表達(dá)。能保存設(shè)置。5.2系統(tǒng)界面設(shè)計(jì)本系統(tǒng)采用暖色調(diào)色彩搭配上的協(xié)調(diào)會(huì)讓呈現(xiàn)出一目了然，給人予舒適、自然之感。甜品配以得意，直觀的圖片，讓注冊(cè)會(huì)員在瀏覽商品時(shí)有購(gòu)置的愿望。界面應(yīng)該大小適合美學(xué)觀點(diǎn)，感覺協(xié)調(diào)舒適，能在有效的*圍內(nèi)吸引用戶的注意力。設(shè)計(jì)操作簡(jiǎn)單直觀，在操作要求方面頁(yè)面都有相應(yīng)的提示如密碼的長(zhǎng)度，插入圖片的規(guī)則等。當(dāng)填寫表格格式出現(xiàn)錯(cuò)誤時(shí)，系統(tǒng)也會(huì)給予相關(guān)提示。因?yàn)槭翘鹌废到y(tǒng)，所以選擇甜品圖片很重要，大小要一致格式要正確。圖片按照接近真實(shí)，美觀得意的風(fēng)格選擇，讓人一看便垂涎三尺。系統(tǒng)采用了CSS布局方式。在每個(gè)頁(yè)面的中間由表單來(lái)顯示響應(yīng)的內(nèi)容。錯(cuò)誤信息的提示方式為JavaScript編寫的window窗口。5.3系統(tǒng)頁(yè)面設(shè)計(jì)介紹及關(guān)系5.3.1后臺(tái)頁(yè)面說(shuō)明后臺(tái)頁(yè)面由管理員使用，主要包括參數(shù)設(shè)置，會(huì)員管理，甜品管理，品牌管理，新聞管理涉及到得各個(gè)頁(yè)面。后臺(tái)頁(yè)面跳轉(zhuǎn)具體如下：Inde*.jsp：登錄頁(yè)面。主頁(yè)面由有商城后臺(tái)管理登陸樣式的圖片構(gòu)成，建立一個(gè)兩行三列的table表單，左邊一列寫有管理員賬號(hào)和管理員密碼字樣，中間一列是兩個(gè)文本框用于輸入用戶名和密碼，右面一列是兩個(gè)go文本框上面是管理登陸下面是清楚重來(lái)。left.jsp：左側(cè)功能操作欄。這一欄里深藍(lán)色為主背風(fēng)光，嵌入了后臺(tái)所有的功能操作動(dòng)作。最上面是管理首頁(yè)和退出管理功能，頁(yè)面可以收縮和展開功能框，從上往下的順序依次是參數(shù)管理模塊的密碼修改功能，品牌管理模塊的品牌添加和查詢功能，會(huì)員管理模塊的會(huì)員查詢功能，甜品管理模塊的甜品查詢和添加功能，新聞管理模塊的新聞查詢和新聞添加功能，根據(jù)具體需要點(diǎn)擊操作。u_admin_paswd.jsp：管理員修改密碼的頁(yè)面。采用一個(gè)四行兩列的tabel表單，左側(cè)一列是填寫內(nèi)容，右側(cè)是填寫文本框。第一行是管理員id固定的admin，第二行需要填寫原密碼原密碼必須正確，第三行填寫新的密碼，第四行是填寫新密碼確實(shí)認(rèn)密碼。兩次密碼要一樣，最下面是一個(gè)確定更改按鈕。u_admin_paswd2.jsp：密碼確認(rèn)修改后的頁(yè)面。原密碼正確則該頁(yè)面顯示管理員的新密碼并提示修改成功，否則顯示您輸入的舊密碼是錯(cuò)誤的，密碼更改失敗。findvip.jsp：顯示會(huì)員信息頁(yè)面。該頁(yè)面里顯示了所有會(huì)員ID、**、等根本信息，在此頁(yè)面最上面一行有兩個(gè)輸入文本框，是會(huì)員ID和會(huì)員**的填寫，可以通過(guò)ID和**點(diǎn)擊同一行的查詢按鈕進(jìn)展查詢。這行的下面是多行多列的表單，從左向右依次是序號(hào)、會(huì)員id、**、、、地址、注冊(cè)時(shí)間、修改和刪除。其中修改和刪除是兩個(gè)功能操作按鈕。u_1_vip.jsp：是修改會(huì)員信息的頁(yè)面。此頁(yè)面設(shè)置了一個(gè)table表單，最上面一行是更改會(huì)員信息標(biāo)題，下面七行分為兩列，左列右列的說(shuō)明依次是會(huì)員id，更改密碼，**，，，地址和注冊(cè)時(shí)間。其中更改密碼一行是隱藏觸發(fā)顯示的table表單，點(diǎn)擊更改顯示要等該內(nèi)容。表單下面是submit按鈕和reset按鈕，最下面是button關(guān)閉按鈕。add_types.jsp：品牌添加頁(yè)面。此頁(yè)面由一個(gè)兩行兩列的table表單構(gòu)成，第一行左側(cè)是“品牌〞文字，右側(cè)是輸入文本框在此輸入品牌名稱；第二行是兩個(gè)按鈕submit按鈕和reset按鈕。findtypes.jsp：品牌的查詢頁(yè)面。頁(yè)面由一個(gè)table表單構(gòu)成，表單內(nèi)上顯示了系統(tǒng)所有的品牌。從左至右依次是序號(hào)、品牌名稱、添加時(shí)間、修改和刪除。修改和刪除是嵌入Javascript的兩個(gè)按鈕。u_1_types.jsp：品牌的修改頁(yè)面。此頁(yè)面是在一個(gè)form表單里插入table表單，第一行是更改類別信息標(biāo)題，下面分為兩行兩列，左列是名稱和時(shí)間，右列是一個(gè)輸入文本框輸入修改的名稱一個(gè)是顯示文本框顯示時(shí)間。表單下面兩個(gè)按鈕submit按鈕保存和reset按鈕重置。add_tp.jsp：甜品添加頁(yè)面。頁(yè)面用script定義填寫規(guī)則，填寫不正確給與提示。建立一個(gè)table表單,表單中設(shè)計(jì)需要添加甜品的圖片、名稱、選擇品牌、規(guī)格、價(jià)格、庫(kù)存、說(shuō)明和屬性字樣，與此相對(duì)應(yīng)的是相應(yīng)的輸入文本框。其中的圖片上傳時(shí)大小，格式要正確。表單下面設(shè)置了三個(gè)checkbo*選擇框來(lái)選擇屬性，最下面是兩個(gè)按鈕submit按鈕保存和reset按鈕取消。findtp.jsp：甜品查詢頁(yè)面。頁(yè)面在form中插入table表單，第一行是查詢條件有品牌和名稱，用script腳本提取信息，品牌名稱為下拉列表框，查詢?yōu)閟ubmit按鈕。下面的table表單顯示了甜品的信息，依次為序號(hào)、甜品簡(jiǎn)圖、名稱、品牌、規(guī)格、市場(chǎng)價(jià)、會(huì)員價(jià)、庫(kù)存等信息，還包括修改和刪除的兩個(gè)按鈕。u_1_tp.jsp：甜品的修改頁(yè)面。此頁(yè)面是在一個(gè)form表單里插入table表單，第一行是更改甜品信息標(biāo)題，下面分為兩行兩列，左列顯示要更改的屬性如名稱、品牌等，右側(cè)是更改內(nèi)容的輸入文本框。表單下面設(shè)置了兩個(gè)按鈕submit按鈕保存和reset按鈕重置。Form表單下方是一個(gè)button關(guān)閉按鈕。add_*w.jsp：新聞添加頁(yè)面。頁(yè)面用script定義填寫規(guī)則，必須填寫標(biāo)題和內(nèi)容。建立一個(gè)table表單,表單分為三行兩列，第一行為標(biāo)題及其輸入文本框；第二行為發(fā)布人及其文本框；第三行為新聞內(nèi)容及其輸入文本。表單下面設(shè)置類型為submit添加按鈕和reset取消按鈕。find*w.jsp：新聞的查詢頁(yè)面。頁(yè)面插入table表單，第一行是查詢條件標(biāo)題名稱及其輸入文本框，用script腳本提取信息，查詢?yōu)閟ubmit按鈕；下面是六列多行的表單第一行是對(duì)應(yīng)列所顯示的內(nèi)容如序號(hào)、標(biāo)題發(fā)布人等；左后兩列是嵌入script語(yǔ)言的修改和刪除按鈕。u_1_*w.jsp：新聞修改頁(yè)面。頁(yè)面設(shè)計(jì)兩個(gè)table表單，第一個(gè)表單的第一行是頁(yè)面功能標(biāo)題更改新聞信息；下面設(shè)置為兩列四行的表格，第二行是標(biāo)題及標(biāo)題輸入文本框；第二行是發(fā)布人及其輸入文本框；第三行是內(nèi)容及輸入文本框；第四行是發(fā)布時(shí)間不予修改；下面是第二個(gè)table表單，設(shè)計(jì)為一行兩列，左列是submit保存按鈕，右列是reset重置按鈕；表單下是一個(gè)button關(guān)閉按鈕。5.3.2后臺(tái)頁(yè)面之間的跳轉(zhuǎn)對(duì)應(yīng)后臺(tái)的各網(wǎng)頁(yè)之間的跳轉(zhuǎn)關(guān)系圖5-1如下:后臺(tái)網(wǎng)頁(yè)之間的跳轉(zhuǎn)關(guān)系圖5-15.3.3前臺(tái)頁(yè)面說(shuō)明前臺(tái)局部由用戶使用，主要包括用戶注冊(cè)，購(gòu)物車管理，訂單管理，個(gè)人資料管理，新聞查詢功能涉及到的各個(gè)頁(yè)面。前臺(tái)頁(yè)面跳轉(zhuǎn)具體如下：Head.jsp：前臺(tái)界面的抬頭局部。通過(guò)設(shè)計(jì)多個(gè)table表單，將功能圖片嵌入在內(nèi)實(shí)現(xiàn)的。第一個(gè)表單設(shè)置為一行一列，左側(cè)插入有網(wǎng)上甜品字樣的圖片；右側(cè)分為上下兩局部，上為購(gòu)物車字樣的圖片，下面被分為六列依次為首頁(yè)、最新商品、推薦商品、特價(jià)區(qū)、地圖和新聞字樣的圖片，每一個(gè)圖片都設(shè)置一個(gè)連接，點(diǎn)擊實(shí)現(xiàn)相應(yīng)功能；第二個(gè)表單就是插入代表經(jīng)營(yíng)理念信息的圖片；此頁(yè)面嵌入到前臺(tái)所有的頁(yè)面中，總體色彩設(shè)計(jì)為橘黃色。Inde*.jsp：是前臺(tái)系統(tǒng)的主頁(yè)面。頁(yè)面頂部嵌入head頁(yè)面，中間設(shè)計(jì)為table表單，表單上方提示用戶要注冊(cè)才可以購(gòu)置；表單設(shè)計(jì)為兩行兩列，第一行為用戶名及輸入文本框；第二行為密碼輸入框；表單下方設(shè)置了go文本框submit登錄按鈕和reset注冊(cè)按鈕，輸入點(diǎn)擊進(jìn)展操作。Register.jsp：閱讀注冊(cè)條約頁(yè)面。由多個(gè)table表單組合而成，第一個(gè)是頁(yè)面說(shuō)明要求請(qǐng)仔細(xì)閱讀條約；下面的表單羅列了條約的重要說(shuō)明和協(xié)議；第三個(gè)表單設(shè)置為一行兩列分別設(shè)置了同意按鈕盒不同意按鈕；上述內(nèi)容嵌入同一個(gè)表單中。register2.jsp：用戶注冊(cè)頁(yè)面。頁(yè)面有兩個(gè)表單構(gòu)成，第一個(gè)表單上方給出考前須知和填寫要求；第二個(gè)表單嵌入到內(nèi)面設(shè)置為九行兩列，左側(cè)依次為**、密碼、確認(rèn)密碼、聯(lián)系等信息；右側(cè)是與之相對(duì)應(yīng)輸入文本框和要求，長(zhǎng)度必須大于6個(gè)字符，這一列的最后一行設(shè)置了信息提交和重新填寫的按鈕。這些信息都為必填項(xiàng)，個(gè)人信息對(duì)外**。register_ok.jsp：提示用戶注冊(cè)成為會(huì)員頁(yè)面。參加一個(gè)table表單用于顯示頁(yè)面內(nèi)容，頁(yè)面取得用戶ID規(guī)則為900000001依次加一并提示注冊(cè)成功，頁(yè)面設(shè)置一個(gè)直接登錄按鈕，按鈕連接到會(huì)員登陸主頁(yè)。Ilogin.jsp：會(huì)員登錄后的頁(yè)面。頁(yè)面嵌入一個(gè)table表單，表格表框?qū)挾葹?，表格設(shè)置為四行兩列，左列插入了一*標(biāo)示圖片；右列從上到下以此是購(gòu)物車、個(gè)人資料、我的訂單和退出登錄，這四項(xiàng)分別賦予不同連接，點(diǎn)擊去相應(yīng)的頁(yè)面。Dclass.jsp：瀏覽甜品信息頁(yè)面。頁(yè)面由多個(gè)table表單組合而成。左側(cè)一欄是是嵌入的登錄頁(yè)面，主頁(yè)面的table表格有兩個(gè)，上面的顯示觸發(fā)動(dòng)作的名稱如最新商品，熱賣商品等；下面的table表格由多行三列組成，第一列是圖片，第二列是名稱，第三列標(biāo)有市場(chǎng)價(jià)格和會(huì)員價(jià)格，價(jià)格下面是嵌入連接的訂購(gòu)字樣的圖片。Cart.jsp：購(gòu)物車頁(yè)面。窗體主體呈現(xiàn)灰色，表單設(shè)置成五列多行，從做到由依次是名稱單價(jià)數(shù)量和名稱，下面就是所對(duì)應(yīng)得顯示內(nèi)容，其中還有刪除按鈕；表單的下面是兩個(gè)參加的觸發(fā)按鈕繼續(xù)購(gòu)置和去收銀臺(tái)。Shop.jsp：下訂單頁(yè)面。頁(yè)面主體顏色為深紅色，字體為黑色。整個(gè)窗體由三個(gè)table表單構(gòu)成。上面一個(gè)寫有填寫表單的字樣；中間是充滿深紅顏色的表單黑體字寫有開場(chǎng)下單字樣；下面的表格分為五行兩列，左列顯示收貨人**、詳細(xì)地址、等信息，右列是與之相對(duì)應(yīng)的輸入文本框；最下面一行設(shè)置了一個(gè)提交表單按鈕。Myinfo.jsp：注冊(cè)會(huì)員修改注冊(cè)信息頁(yè)面。進(jìn)入本，可以對(duì)自己的資料進(jìn)展管理修改操作。頁(yè)面由九行兩列的表格構(gòu)成，左列表格內(nèi)寫有**、密碼、聯(lián)系、電子、、送貨方式等字樣，與之相對(duì)應(yīng)的右側(cè)是輸入文本框，會(huì)員向內(nèi)輸入修改內(nèi)容；最下面設(shè)置了submit提交的go文本框和reset重置的go文本框。Myorder.jsp：會(huì)員訂購(gòu)商品的記錄。為了方便用戶隨時(shí)查看購(gòu)物情況，會(huì)員可以通過(guò)查看訂單，通過(guò)它可以將所放入購(gòu)物車中的選物品信息顯示出來(lái)。頁(yè)面分為兩個(gè)局部，第一局部是訂單概要信息由一個(gè)table表構(gòu)成，顯示訂單號(hào)、支付金額、支付方式等內(nèi)容，其中包含詳細(xì)的訂購(gòu)日期和詳情。將將一個(gè)連接嵌入詳情按鈕中點(diǎn)擊出現(xiàn)另一局部，也是有與他病了表單構(gòu)成包含訂購(gòu)人、、地址、所訂購(gòu)的甜品的名稱及訂購(gòu)數(shù)量、甜品單價(jià)等等。Newss.jsp：瀏覽新聞信息的頁(yè)面。該頁(yè)面所有用戶都可以瀏覽，頁(yè)面有一個(gè)三列多行的表格構(gòu)成。左列是標(biāo)志圖片，中間是嵌入連接的新聞標(biāo)題，右側(cè)是發(fā)布時(shí)間。News.jsp：瀏覽詳細(xì)新聞信息頁(yè)面。頁(yè)面設(shè)計(jì)了一個(gè)table表格，分為三行，第一行寫有標(biāo)題名稱，中間是新聞內(nèi)容，最后一行寫有發(fā)布人和發(fā)布時(shí)間。5.3.4前臺(tái)頁(yè)面之間的跳轉(zhuǎn)對(duì)應(yīng)前臺(tái)的各網(wǎng)頁(yè)之間的跳轉(zhuǎn)關(guān)系圖5-2如下:前臺(tái)網(wǎng)頁(yè)之間的跳轉(zhuǎn)圖5-2第六章詳細(xì)設(shè)計(jì)與實(shí)現(xiàn)6.1系統(tǒng)功能模塊6.1.1管理員登錄模塊管理員在登錄頁(yè)面inde*.jsp輸入自己的用戶名和密碼，點(diǎn)擊登錄按鈕。輸入的用戶名和密碼將被提交到login.jsp中，在該頁(yè)面中使用javaBeans中的<jsp:useBean>動(dòng)作獲得tp.tp類對(duì)象的引用，然后通過(guò)引用變量db2調(diào)用屬性name和passwor的e*ecuteQuery()方法發(fā)送查詢語(yǔ)句，來(lái)下達(dá)select指令以查詢數(shù)據(jù)庫(kù)來(lái)檢驗(yàn)用戶名和密碼是否匹配。如果輸入的用戶名正確將提示登錄成功，通過(guò)sendRedirect〔〕方法重定向到主頁(yè)面。否則，將提示用戶名或者密碼輸入錯(cuò)誤，請(qǐng)重新輸入，跳轉(zhuǎn)到登錄頁(yè)面inde*.jsp。6.1.2管理員修改密碼模塊管理員登錄進(jìn)入頁(yè)面后可以對(duì)對(duì)自己原密碼進(jìn)展修改，在u_admin_paswd.jsp頁(yè)面中輸入原密碼和新密碼。原密碼和新密碼按規(guī)定輸入完成后確定更新。此jsp頁(yè)面中上午腳本語(yǔ)言運(yùn)用isValid函數(shù)返回頁(yè)面驗(yàn)證控件的狀態(tài)。如果全部驗(yàn)證通過(guò)，密碼輸入兩次輸入一樣其正確是可以提交。當(dāng)前頁(yè)面中任何一個(gè)驗(yàn)證控件沒通過(guò)驗(yàn)證不可以提交。填寫原密碼，新密碼兩次輸入的要一致，填寫完成后確定更改，頁(yè)面跳轉(zhuǎn)到u_admin_paswd2.jsp頁(yè)面。該頁(yè)面運(yùn)用<jsp:useBean>動(dòng)作獲得tp.tp類對(duì)象的引用，通過(guò)e*ecuteQuery()方法發(fā)送查詢語(yǔ)句來(lái)檢查原密碼和用戶名是否匹配，假設(shè)是匹配則通過(guò)e*ecuteUpdate方法執(zhí)行更新數(shù)據(jù)表語(yǔ)句并在頁(yè)面顯示新密碼和成功狀態(tài)，否則顯示您輸入的舊密碼是錯(cuò)誤的密碼更改失敗。密碼修改流程圖6-1如下：密碼修改流程圖6-16.1.3會(huì)員管理模塊管理員有義務(wù)對(duì)注冊(cè)會(huì)員的信息進(jìn)展審核刪除和對(duì)不良或非法注冊(cè)信息進(jìn)展修改。此模塊就是提供應(yīng)管理員管理會(huì)員信息而設(shè)計(jì)的。管理員操作此功能是頁(yè)面讀取數(shù)據(jù)庫(kù)顯示出所有的會(huì)員局部信息，頁(yè)面中分別使用update、del、submit01三個(gè)函數(shù)來(lái)返回執(zhí)行修改、刪除和查詢狀態(tài)。當(dāng)管理員在界面中輸入會(huì)員的**或ID號(hào)點(diǎn)擊查詢時(shí)，頁(yè)面使用該頁(yè)面運(yùn)用<jsp:useBean>動(dòng)作，通過(guò)e*ecuteQuery()方法去vip_info會(huì)員信息表中查詢與輸入內(nèi)容相符合的信息，在當(dāng)前頁(yè)面顯示出來(lái)；當(dāng)管理員點(diǎn)擊刪除會(huì)員頁(yè)面到d_vip.jsp頁(yè)面此頁(yè)面要執(zhí)行javaBeans中的<jsp:useBean>動(dòng)作獲得tp.tp類對(duì)象的引用，然后通過(guò)引用變量db調(diào)用del屬性，使用e*ecuteUpdate〔〕方法執(zhí)行delete語(yǔ)句更新數(shù)據(jù)庫(kù)和sendRedirect〔〕方法重定向到查詢會(huì)員的主頁(yè)面；點(diǎn)擊修改會(huì)員信息時(shí)執(zhí)行u_1_vip.jsp頁(yè)面從數(shù)據(jù)庫(kù)中讀取了原有信息并顯示出來(lái)，管理員根據(jù)具體情況實(shí)施修改，完成后點(diǎn)擊保存并執(zhí)行u_2_vip.jsp中的內(nèi)容，此頁(yè)面通過(guò)JavaBean中的動(dòng)作運(yùn)用e*ecuteUpdate〔〕方法執(zhí)行update語(yǔ)句將修改的內(nèi)容在數(shù)據(jù)庫(kù)中進(jìn)展更新，更新完成后并關(guān)閉數(shù)據(jù)庫(kù)。會(huì)員管理流程圖6-2如下：會(huì)員管理流程圖6-26.1.4品牌管理模塊〔1〕添加品牌：點(diǎn)擊添加頁(yè)面跳轉(zhuǎn)到add_types.jsp，此頁(yè)面運(yùn)用運(yùn)用isValid函數(shù)返回頁(yè)面驗(yàn)證控件的狀態(tài)。如果全部驗(yàn)證通過(guò)，可以提交。當(dāng)前頁(yè)面中任何一個(gè)驗(yàn)證控件沒通過(guò)驗(yàn)證，不可以提交。一定要輸入品牌名稱才能添加，點(diǎn)擊添加ins_types.jsp頁(yè)面中的內(nèi)容，此頁(yè)面用UerBean動(dòng)作調(diào)用tp.tp類中的e*ecuteUpdate〔〕方法來(lái)執(zhí)行insert語(yǔ)句，向type表里添加品牌。并用JavaScript腳本語(yǔ)言來(lái)建立一個(gè)窗體，添加成功便彈出類別品牌名稱添加成功，自動(dòng)關(guān)閉回到添加頁(yè)面。〔2〕品牌查詢：點(diǎn)擊查詢頁(yè)面跳轉(zhuǎn)到findtypes.jsp頁(yè)面管理員操作此功能是頁(yè)面讀取數(shù)據(jù)庫(kù)顯示出所有的品牌局部信息，頁(yè)面中分別使用update、del、submit01三個(gè)函數(shù)來(lái)返回執(zhí)行修改、刪除和查詢狀態(tài)。當(dāng)管理員在界面中輸品牌名稱點(diǎn)擊查詢時(shí)，頁(yè)面使用該頁(yè)面運(yùn)用<jsp:useBean>動(dòng)作，通過(guò)e*ecuteQuery()方法去品牌信息表中查詢與輸入內(nèi)容相符合的信息，在當(dāng)前頁(yè)面顯示出來(lái)；當(dāng)管理員點(diǎn)擊刪除會(huì)員頁(yè)面到d_types.jsp頁(yè)面此頁(yè)面要執(zhí)行javaBeans中的<jsp:useBean>動(dòng)作獲得tp.tp類對(duì)象的引用，然后通過(guò)引用變量db調(diào)用del屬性，使用e*ecuteUpdate〔〕方法執(zhí)行delete語(yǔ)句更新品牌信息的數(shù)據(jù)庫(kù)和sendRedirect〔〕方法重定向到查詢品牌的主頁(yè)面；點(diǎn)擊修改會(huì)員信息時(shí)u_1_types.jsp頁(yè)面從數(shù)據(jù)庫(kù)中讀取了原有信息并顯示出來(lái)，管理員根據(jù)具體情況實(shí)施修改，完成后點(diǎn)擊保存并執(zhí)行u_2_types.jsp中的內(nèi)容，將修改的品牌名稱進(jìn)展更新，此頁(yè)面通過(guò)JavaBean中的動(dòng)作運(yùn)用e*ecuteUpdate〔〕方法執(zhí)行update語(yǔ)句將修改的內(nèi)容在數(shù)據(jù)庫(kù)中進(jìn)展更新，更新完成后并關(guān)閉數(shù)據(jù)庫(kù)。品牌管理流程圖6-3如下：品牌管理流程圖6-36.1.5甜品管理模塊〔1〕添加甜品：點(diǎn)擊添加頁(yè)面跳轉(zhuǎn)到add_tp.jsp，此頁(yè)面運(yùn)用運(yùn)用isValid函數(shù)返回頁(yè)面驗(yàn)證控件的狀態(tài)。如果全部驗(yàn)證通過(guò)，可以提交。當(dāng)前頁(yè)面中任何一個(gè)驗(yàn)證控件沒通過(guò)驗(yàn)證，不可以提交。一定要上傳圖片、選擇品牌填寫規(guī)定的信息才能添加，上傳圖片執(zhí)行up.jsp頁(yè)面，在瀏覽時(shí)執(zhí)行upfile.jsp頁(yè)面，此頁(yè)面是檢查上傳圖片是否符合規(guī)定格式，使用setTotalMa*FileSize〔〕方法規(guī)定圖品大小，setAllowedFilesList〔〕方法設(shè)置可以上傳的擴(kuò)展名，setDeniedFilesLis〔〕設(shè)置不可上傳的擴(kuò)展名，符合要求的上傳成功，不合要求要重新上傳。瀏覽點(diǎn)擊添加ins_tp.jsp頁(yè)面中的內(nèi)容，此頁(yè)面用UerBean動(dòng)作調(diào)用tp.tp類中的e*ecuteUpdate〔〕方法來(lái)執(zhí)行insert語(yǔ)句，向tp表里添加一系列信息。并用JavaScript腳本語(yǔ)言來(lái)建立一個(gè)窗體，添加成功便彈出甜品名稱添加成功，自動(dòng)關(guān)閉回到添加頁(yè)面?！?〕甜品查詢：點(diǎn)擊查詢頁(yè)面跳轉(zhuǎn)到findtpe.jsp頁(yè)面管理員操作此功能是頁(yè)面讀取數(shù)據(jù)庫(kù)顯示出所有的甜品局部信息，頁(yè)面中分別使用detail、del、submit01三個(gè)函數(shù)來(lái)返回執(zhí)行修改、刪除和查詢狀態(tài)。當(dāng)管理員在界面中輸入甜品名稱或品牌名稱點(diǎn)擊查詢時(shí)，頁(yè)面使用該頁(yè)面運(yùn)用<jsp:useBean>動(dòng)作，通過(guò)e*ecuteQuery()方法去甜品信息表中查詢與輸入內(nèi)容相符合的信息，在當(dāng)前頁(yè)面顯示出來(lái)；當(dāng)管理員點(diǎn)擊刪除甜品頁(yè)面到d_tp.jsp頁(yè)面此頁(yè)面要執(zhí)行javaBeans中的<jsp:useBean>動(dòng)作獲得tp.tp類對(duì)象的引用，然后通過(guò)引用變量db調(diào)用del屬性，使用e*ecuteUpdate〔〕方法執(zhí)行delete語(yǔ)句更新品牌信息的數(shù)據(jù)庫(kù)和sendRedirect〔〕方法重定向到查詢品牌的主頁(yè)面；點(diǎn)擊修改甜品信息時(shí)u_1_tp.jsp頁(yè)面從數(shù)據(jù)庫(kù)中讀取了原有信息并顯示出來(lái)，管理員根據(jù)具體情況實(shí)施修改，完成后點(diǎn)擊保存并執(zhí)行u_2_types.jsp中的內(nèi)容，將修改的甜品信息進(jìn)展更新，此頁(yè)面通過(guò)JavaBean中的動(dòng)作運(yùn)用e*ecuteUpdate〔〕方法執(zhí)行update語(yǔ)句將修改的內(nèi)容在數(shù)據(jù)庫(kù)中進(jìn)展更新，更新完成后并關(guān)閉數(shù)據(jù)庫(kù)。甜品管理流程圖6-4如下：甜品管理流程圖6-46.1.6新聞管理模塊〔1〕添加新聞：點(diǎn)擊添加頁(yè)面跳轉(zhuǎn)到add_*w.jsp，此頁(yè)面運(yùn)用運(yùn)用isValid函數(shù)返回頁(yè)面驗(yàn)證控件的狀態(tài)。如果全部驗(yàn)證通過(guò)，可以提交。當(dāng)前頁(yè)面中任何一個(gè)驗(yàn)證控件沒通過(guò)驗(yàn)證，不可以提交。一定要輸入標(biāo)題。內(nèi)容等信息才能添加，點(diǎn)擊添加ins_*w.jsp頁(yè)面中的內(nèi)容，此頁(yè)面用UerBean動(dòng)作調(diào)用tp.tp類中的e*ecuteUpdate〔〕方法來(lái)執(zhí)行insert語(yǔ)句，向type表里添加品牌。并用JavaScript腳本語(yǔ)言來(lái)建立一個(gè)窗體，添加成功便彈出新聞標(biāo)題添加成功，自動(dòng)關(guān)閉回到添加頁(yè)面?！?〕新聞查詢：點(diǎn)擊查詢頁(yè)面跳轉(zhuǎn)到find*w.jsp頁(yè)面管理員操作此功能是頁(yè)面讀取數(shù)據(jù)庫(kù)顯示出所有的新聞序號(hào)、標(biāo)題等局部信息，頁(yè)面中分別使用update、del、submit01三個(gè)函數(shù)來(lái)返回執(zhí)行修改、刪除和查詢狀態(tài)。當(dāng)管理員在界面中輸新聞標(biāo)題點(diǎn)擊查詢時(shí)，頁(yè)面使用該頁(yè)面運(yùn)用<jsp:useBean>動(dòng)作，通過(guò)e*ecuteQuery()方法去品牌信息表中查詢與輸入內(nèi)容相符合的信息，在當(dāng)前頁(yè)面顯示出來(lái)；當(dāng)管理員點(diǎn)擊刪除新聞頁(yè)面到d_*w.jsp頁(yè)面此頁(yè)面要執(zhí)行javaBeans中的<jsp:useBean>動(dòng)作獲得tp.tp類對(duì)象的引用，然后通過(guò)引用變量db調(diào)用del屬性，使用e*ecuteUpdate〔〕方法執(zhí)行delete語(yǔ)句更新新聞信息的數(shù)據(jù)庫(kù)和sendRedirect〔〕方法重定向到查詢新聞的主頁(yè)面；點(diǎn)擊修改新聞信息時(shí)u_1_*w.jsp頁(yè)面從數(shù)據(jù)庫(kù)中讀取了原有信息并顯示出來(lái)，管理員根據(jù)具體情況實(shí)施修改，完成后點(diǎn)擊保存并執(zhí)行u_2_*w.jsp中的內(nèi)容，將修改的新聞信息進(jìn)展更新，此頁(yè)面通過(guò)JavaBean中的動(dòng)作運(yùn)用e*ecuteUpdate〔〕方法執(zhí)行update語(yǔ)句將修改的內(nèi)容在數(shù)據(jù)庫(kù)中進(jìn)展更新，更新完成后并關(guān)閉數(shù)據(jù)庫(kù)。新聞管理流程圖6-5如下：新聞管理流程圖6-56.1.7會(huì)員登錄模塊前臺(tái)系統(tǒng)瀏覽者假設(shè)是想購(gòu)物需要登錄才能跳轉(zhuǎn)到會(huì)員頁(yè)面，進(jìn)展購(gòu)物。在inde*.jsp登錄頁(yè)面填入用戶id號(hào)和密碼，點(diǎn)擊登錄頁(yè)面轉(zhuǎn)向chkuser.jsp頁(yè)面，此頁(yè)面運(yùn)用<jsp.useBean>動(dòng)作定義實(shí)例chk在conn.tp類中的調(diào)用屬性ID和passwor的e*ecuteQuery()方法發(fā)送查詢語(yǔ)句，來(lái)下達(dá)select指令以查詢數(shù)據(jù)庫(kù)來(lái)檢驗(yàn)用戶名和密碼是否匹配。否則，將提示用戶名或者密碼輸入錯(cuò)誤，請(qǐng)重新輸入，跳轉(zhuǎn)到登錄頁(yè)面inde*.jsp。會(huì)員登錄流程圖6-6如下：會(huì)員登錄流程圖6-6注冊(cè)流程圖6-76.1.8會(huì)員注冊(cè)模塊瀏覽者假設(shè)還不是會(huì)員，要先注冊(cè)。點(diǎn)擊頁(yè)面上的注冊(cè)，頁(yè)面跳轉(zhuǎn)到register.jsp頁(yè)面請(qǐng)用戶仔細(xì)閱讀注冊(cè)條約，此頁(yè)面在同意注冊(cè)按鈕上用doUpdate〔〕函數(shù)和Timer()函數(shù)設(shè)置了顯示時(shí)間并動(dòng)態(tài)顯示時(shí)間倒計(jì)時(shí)多少秒，倒計(jì)時(shí)完了之后該層自動(dòng)隱藏，目的讓注冊(cè)者能認(rèn)真閱讀，倒計(jì)時(shí)完畢點(diǎn)擊同意注冊(cè)頁(yè)面跳轉(zhuǎn)到register2.jsp頁(yè)面，頁(yè)面中用isValid()函數(shù)返回頁(yè)面驗(yàn)證控件的狀態(tài)。如果全部驗(yàn)證通過(guò)，可以提交。當(dāng)前頁(yè)面中任何一個(gè)驗(yàn)證控件沒通過(guò)驗(yàn)證，不可以提交。注冊(cè)要按照指定的要求填寫，輸入**、密碼、地址等信息，填寫完畢后提交信息，頁(yè)面跳轉(zhuǎn)到register_ok.jsp頁(yè)面此頁(yè)面要執(zhí)行javaBeans中的<jsp:useBean>動(dòng)作獲得tp.tp類對(duì)象的引用，然后通過(guò)引用變量db2通過(guò)e*ecuteUpdate〔〕方法執(zhí)行insert語(yǔ)句把添加的信息參加數(shù)據(jù)庫(kù)更新，執(zhí)行closeStmt()方法關(guān)閉對(duì)象和closeConn()方法關(guān)閉數(shù)據(jù)庫(kù)。引用變量db1調(diào)用e*ecuteQuery()方法發(fā)送查詢語(yǔ)句把用戶ID查詢顯示出來(lái)，注冊(cè)成功。注冊(cè)流程圖如上圖6-7所示，注冊(cè)完成后所有操作的流程圖6-8如下：注冊(cè)后操作流程圖6-86.1.9會(huì)員購(gòu)物車模塊會(huì)員登錄成功后，瀏覽甜品有心儀的甜品時(shí)可點(diǎn)擊購(gòu)置。頁(yè)面跳轉(zhuǎn)到cart.jsp頁(yè)面，先執(zhí)行取購(gòu)物車屬性的語(yǔ)句把要買的商品信息顯示出來(lái)，在此頁(yè)面中可以點(diǎn)擊繼續(xù)購(gòu)置，刪除，更改商品數(shù)量。調(diào)用cart類中的getRess()和addRes()方法執(zhí)行添加繼續(xù)購(gòu)置的商品操作，運(yùn)用<jsp:useBean>動(dòng)作獲得tp.tp類對(duì)象的引用，通過(guò)引用變量db2中的e*ecuteQuery()方法發(fā)送查詢語(yǔ)句來(lái)選出在tp表中與id相匹配的甜品內(nèi)容，通過(guò)引用變量db1中的e*ecuteQuery()方法發(fā)送查詢語(yǔ)句來(lái)選出在type表品；如果要?jiǎng)h除所要購(gòu)置的甜品，運(yùn)用del屬性來(lái)調(diào)用cart類和res類中所定義的方法和函數(shù)，將商品刪除。要購(gòu)置的商品確定后去收銀臺(tái)結(jié)算。頁(yè)面跳轉(zhuǎn)到shop.jsp頁(yè)面。頁(yè)面運(yùn)用getAttribute來(lái)獲得vip_id，并用javabean技術(shù)調(diào)用conn.tp類中的e*ecuteQuery〔〕方法在數(shù)據(jù)庫(kù)中查詢相關(guān)信息如地址等信息，在頁(yè)面中顯示出來(lái)，提交后記錄插入orderTable表中，并用e*ecuteQuery方法獲取訂單號(hào)，并插入orderdetai訂單詳情表中，執(zhí)行完這些操作后下訂單成功。購(gòu)物車流程圖6-9所示。6.1.10會(huì)員訂單模塊為了方便用戶隨時(shí)查看購(gòu)物情況，會(huì)員可以通過(guò)查看訂單，通過(guò)它可以將所放入購(gòu)物車中的選物品信息顯示出來(lái)，顯示訂單號(hào)、支付金額、支付方式等內(nèi)容，其中包含詳細(xì)的訂購(gòu)日期和詳情，在訂單中，并沒有顯示所有的信息，用戶在查看訂單時(shí)，亦可查看訂單詳情。詳情中不僅包含了訂單的根本信息，還包含訂購(gòu)人、、地址、所訂購(gòu)的甜品的名稱及訂購(gòu)數(shù)量、甜品單價(jià)等等。用戶點(diǎn)擊我的訂單操作頁(yè)面跳轉(zhuǎn)到myoder.jsp頁(yè)面。此頁(yè)面中運(yùn)用<usebean>動(dòng)作調(diào)用tp.tp中的方法，定義price、counts、money變量執(zhí)行money=money+price*countsa語(yǔ)句來(lái)統(tǒng)計(jì)價(jià)格并將價(jià)格和數(shù)量顯示出來(lái)。查詢訂單流程圖如圖6-10所示如下：購(gòu)物車流程圖6-9查詢訂單流程圖6-106.1.11會(huì)員修改信息模塊當(dāng)會(huì)員進(jìn)入本同時(shí)，可以對(duì)自己的資料進(jìn)展管理修改操作。會(huì)員可對(duì)自己的**、密碼、聯(lián)系、電子、、送貨方式等進(jìn)展修改并上傳。Myinfo.jsp頁(yè)面中運(yùn)用執(zhí)行javaBeans中的<j