1、摘要21世紀(jì)以來(lái)，人類(lèi)經(jīng)濟(jì)高速發(fā)展，人們的生活發(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)物成了一種新型而熱門(mén)的購(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)期健康的發(fā)展系統(tǒng)的安全性和實(shí)現(xiàn)購(gòu)物的方便性是很重要的，在安全性方面，系統(tǒng)主要考慮了數(shù)據(jù)存儲(chǔ)的安全性，以與用了用戶(hù)注冊(cè)和密碼等措施，沒(méi)有使用到數(shù)字簽名技術(shù)。在方便性上，主要考慮了用戶(hù)瀏覽商品、查詢(xún)商品、定購(gòu)商品的方便性和后臺(tái)管理

2、用戶(hù)維護(hù)的方便性，在用戶(hù)定購(gòu)商品后，貨單付款，商家把商品送到用戶(hù)。課題目標(biāo)是設(shè)計(jì)并實(shí)現(xiàn)一個(gè)甜品網(wǎng)上購(gòu)物系統(tǒng)。結(jié)合實(shí)踐，理解網(wǎng)頁(yè)開(kāi)發(fā)技術(shù)和數(shù)據(jù)庫(kù)的基本知識(shí)，學(xué)習(xí)相關(guān)開(kāi)發(fā)工具和應(yīng)用軟件，熟悉建設(shè)的過(guò)程，熟練掌握網(wǎng)絡(luò)數(shù)據(jù)庫(kù)編程方法。系統(tǒng)采用B/S開(kāi)發(fā)模式，開(kāi)發(fā)工具選擇JAVA、JSP、JavaScript、Html語(yǔ)言，采用Tomcat服務(wù)器技術(shù)，后臺(tái)數(shù)據(jù)庫(kù)選用SQL Server 2005。關(guān)鍵詞：甜品網(wǎng)上購(gòu)物系互聯(lián)網(wǎng)系統(tǒng)設(shè)計(jì)Abstract In 21st century, human high-speed economic development, people's life a ch

3、anging, special is the computer application and popularization to all fields of economic and social life. In order to let the consumer online shopping system stores dessert process become simple, convenient, safe, efficient, online mall shopping became a kind of new-style and popular shopping way. I

4、t is to build a virtual shopping mall, make shopping process easier, quick, convenient. However as a shopping system, the development of long-term health to the security of the system and realize the convenience of shopping, it is important to safety, system mainly in the safety of considering the d

5、ata storage and in user registration and passwords and other measures, no use to digital signature technology. In convenience, the main consideration the users browse goods, inquires the commodity, order the convenience and background management of goods of convenience, the user maintain order goods

6、 in the user, the businessman, after the goods invoice payment to the user. Task goal is to design and implement a dessert shopping website system online bining the practice, web development technology and understanding the basic knowledge, learning database related development tools and application

7、 software, familiar with website construction process, mastering network database programming method. System adopts B/S developing mode, selection of development tools JAVA, JSP,JavaScript, Html, using Tomcat Server technology, backend database choose SQL Server 2005. Key words: Online Shopping Syst

8、emThe InternetSystem Design 目錄第一章緒論11.1項(xiàng)目背景與現(xiàn)實(shí)價(jià)值11.2開(kāi)發(fā)工具和實(shí)用技術(shù)1第二章 系統(tǒng)分析32.1需求分析32.1.1 性能需求32.1.2 安全需求32.1.3功能需求3第三章 概要設(shè)計(jì)83.1系統(tǒng)結(jié)構(gòu)設(shè)計(jì)83.1.1 后臺(tái)功能模塊93.1.2 前臺(tái)功能模塊9第四章 數(shù)據(jù)庫(kù)設(shè)計(jì)114.1 結(jié)構(gòu)設(shè)計(jì)114.1.1 概念結(jié)構(gòu)設(shè)計(jì)114.1.2 邏輯結(jié)構(gòu)設(shè)計(jì)11第五章 界面設(shè)計(jì)135.1 界面設(shè)計(jì)要求135.2 系統(tǒng)界面設(shè)計(jì)135.3系統(tǒng)頁(yè)面設(shè)計(jì)介紹與關(guān)系145.3.1 后臺(tái)頁(yè)面說(shuō)明145.3.2后臺(tái)頁(yè)面之間的跳轉(zhuǎn)155.3.3前臺(tái)頁(yè)面說(shuō)明165.

9、3.4前臺(tái)頁(yè)面之間的跳轉(zhuǎn)18第六章 詳細(xì)設(shè)計(jì)與實(shí)現(xiàn)196.1 系統(tǒng)功能模塊196.1.1管理員登錄模塊196.1.2管理員修改密碼模塊196.1.3會(huì)員管理模塊196.1.4品牌管理模塊206.1.5甜品管理模塊216.1.6新聞管理模塊236.1.7會(huì)員登錄模塊246.1.8會(huì)員注冊(cè)模塊246.1.9會(huì)員購(gòu)物車(chē)模塊256.1.10會(huì)員訂單模塊256.1.11會(huì)員修改信息模塊266.1.12瀏覽者瀏覽信息模塊276.2 系統(tǒng)采用的數(shù)據(jù)庫(kù)連接方式27總結(jié)28致29參考文獻(xiàn)3031 / 35第一章緒論1.1項(xiàng)目背景與現(xiàn)實(shí)價(jià)值在當(dāng)前信息化的時(shí)代，對(duì)大眾的訂餐要求僅僅依賴(lài)手工操作，已經(jīng)遠(yuǎn)遠(yuǎn)不能滿(mǎn)足實(shí)際

10、的需求了，所以網(wǎng)上訂餐越來(lái)越被看好。對(duì)于網(wǎng)上訂餐來(lái)說(shuō)，正接受著大眾的各種考驗(yàn)，如送餐時(shí)間的規(guī)定，新產(chǎn)品開(kāi)發(fā)等等?；谀壳熬W(wǎng)上訂餐行業(yè)的挑戰(zhàn)，特此開(kāi)發(fā)網(wǎng)上訂餐的甜品部分的購(gòu)物系統(tǒng)，以滿(mǎn)足大眾對(duì)于新產(chǎn)品開(kāi)發(fā)的要求。傳統(tǒng)的訂餐模式既有局限，又不是很完整。而構(gòu)建該甜品的既突破了時(shí)間和空間上的限制，又可以與時(shí)、準(zhǔn)確、快速的發(fā)布甜品信息，讓大家不需要面對(duì)面就能夠相互了解，相互交流，足不出戶(hù)就可以享受送貨上門(mén)，貨到付款的服務(wù)。 隨著互聯(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)、

11、提高社會(huì)生產(chǎn)效率、優(yōu)化社會(huì)資源配置，從而實(shí)現(xiàn)社會(huì)財(cái)富的最大化利用?，F(xiàn)在我國(guó)的信息管理水平還比較落后，這樣的機(jī)制已經(jīng)不能適應(yīng)時(shí)代的發(fā)展，因?yàn)樗速M(fèi)了許多人力和物力，在信息時(shí)代傳統(tǒng)的管理方法必然被計(jì)算機(jī)為基礎(chǔ)的信息管理所取代。軟件作為一項(xiàng)有力的工具，只能當(dāng)此種工具，與我們的實(shí)踐相結(jié)合起來(lái)的時(shí)候，才具有重大的社會(huì)價(jià)值與使用價(jià)值。因此根據(jù)目前實(shí)際的情況開(kāi)發(fā)這樣一套管理系統(tǒng)是十分必要的。隨著科學(xué)技術(shù)的不斷提高,計(jì)算機(jī)科學(xué)技術(shù)日漸成熟,其強(qiáng)大的功能已為人們深刻認(rèn)識(shí),它已進(jìn)入人類(lèi)社會(huì)的各個(gè)領(lǐng)域并發(fā)揮著越來(lái)越重要的作用。作為計(jì)算機(jī)應(yīng)用的一部分,使用計(jì)算機(jī)進(jìn)行管理，具有著手工管理所無(wú)法比擬的優(yōu)點(diǎn)。例如:可靠性高

12、、存儲(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體系結(jié)構(gòu)的甜品網(wǎng)上購(gòu)物系統(tǒng)。結(jié)合實(shí)踐，理解網(wǎng)頁(yè)開(kāi)發(fā)技術(shù)和數(shù)據(jù)庫(kù)的基本知識(shí)，學(xué)習(xí)相關(guān)開(kāi)發(fā)工具和應(yīng)用軟件，熟悉建設(shè)的過(guò)程，熟練掌握網(wǎng)絡(luò)數(shù)據(jù)庫(kù)編程方法。 1.2開(kāi)發(fā)工具和實(shí)用技術(shù) 甜品網(wǎng)上購(gòu)物系統(tǒng)采用B/S開(kāi)發(fā)模式,軟件開(kāi)發(fā)環(huán)境： MyEelipse8.5+JDK1.6+Tomcat6.0+SQLserver2005 MyEelipse8.5：MyEclipse是一個(gè)十分優(yōu)

13、秀的用于開(kāi)發(fā)Java, J2EE的Eclipse插件集合，其功能非常強(qiáng)大，支持也十分廣泛，尤其是對(duì)各種開(kāi)源產(chǎn)品的支持十分不錯(cuò)。MyEelipse是對(duì)EclipseIDE的擴(kuò)展，利用它我們可以在數(shù)據(jù)庫(kù)和JavaEE的開(kāi)發(fā)、發(fā)布以與應(yīng)用程序服務(wù)器的整合方面極大的提高工作效率。它是功能豐富的JavaEE集成開(kāi)發(fā)環(huán)境，包括了完備的編碼、調(diào)試、測(cè)試和發(fā)布功能，完整支持HTML、Struts、JSP、CSS、Javascript、Spring、SQL、Hibernate。MyEclipse 8.5，該版本集成了 Eclipse 3.5.2，提升了團(tuán)隊(duì)協(xié)作開(kāi)發(fā)、開(kāi)發(fā)周期管理以與 Spring 和 Hiber

14、nate 的更好支持。JDK1.6：Sun Microsystems針對(duì)Java開(kāi)發(fā)員的產(chǎn)品。自從Java推出以來(lái)，JDK已經(jīng)成為使用最廣泛的Java SDK。JDK 是整個(gè)Java的核心，包括了Java運(yùn)行環(huán)境，Java工具和Java基礎(chǔ)的類(lèi)庫(kù)。JDK是學(xué)好Java的第一步。而專(zhuān)門(mén)運(yùn)行在x86平臺(tái)的Jrocket在服務(wù)端運(yùn)行效率也要比Sun JDK好很多。從SUN的JDK5.0開(kāi)始,提供了泛型等非常實(shí)用的功能，其版本也不斷更新，運(yùn)行效率得到了非常大的提高。Tomcat6.0：Tomcat是一個(gè)免費(fèi)的、開(kāi)放源代碼的Servlet容器。Tomcat是Apache軟件基金會(huì)的Jakarta項(xiàng)目中的

15、一個(gè)核心項(xiàng)目, 由Apache、sun和其他一些公司與個(gè)人共同開(kāi)發(fā)而成。Tomcat服務(wù)是一個(gè)比較簡(jiǎn)單的服務(wù)器，在設(shè)計(jì)方面是符合建立商業(yè)站點(diǎn)的規(guī)，可以利用它進(jìn)行編程與測(cè)試。SQLserver2005：是一個(gè)關(guān)系數(shù)據(jù)庫(kù)管理系統(tǒng)。它具有數(shù)據(jù)庫(kù)鏡像、在線(xiàn)恢復(fù)、在線(xiàn)檢索操作、快速恢復(fù)、安全性能的提高、新的SQL Server Management Studio、專(zhuān)門(mén)的管理員連接、快照隔離、數(shù)據(jù)分割、增強(qiáng)復(fù)制功能等特點(diǎn)。甜品網(wǎng)上購(gòu)物系統(tǒng)擬采用JSP+JavaBean開(kāi)發(fā)模式，這種模式有效地分離了頁(yè)面顯示和業(yè)務(wù)數(shù)據(jù)處理，業(yè)務(wù)數(shù)據(jù)處理部分都交給JavaBean組件，如訪(fǎng)問(wèn)數(shù)據(jù)庫(kù)、用戶(hù)驗(yàn)證等。JSP+Java

16、Bean示意圖1-1如下： 客戶(hù)瀏覽器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)方便。因此，開(kāi)發(fā)一個(gè)甜品網(wǎng)上購(gòu)物系統(tǒng)是很有必要的，具有其特有的技術(shù)意義和管理意義。2.1.1 性能需求為了保證運(yùn)行的高效率，建議使用在1G與以上存的機(jī)器。所有的頁(yè)面都能到指定要到的頁(yè)面，所的頁(yè)面均存在，而且系統(tǒng)

17、中不存在有孤立的頁(yè)面；對(duì)表單進(jìn)行測(cè)試，如果輸入信息不正確或者不輸入信息就直接提交，會(huì)出現(xiàn)出錯(cuò)提示；通過(guò)互動(dòng)用戶(hù)填寫(xiě)的表單信息和調(diào)查信息的提交對(duì)數(shù)據(jù)庫(kù)的存入和讀取操作進(jìn)行測(cè)試，數(shù)據(jù)庫(kù)運(yùn)行正常。在瀏覽器中運(yùn)行，速度都在可接受的圍（少于五秒）。超市管理系統(tǒng)導(dǎo)航結(jié)構(gòu)清晰、目的明確，經(jīng)測(cè)試每個(gè)導(dǎo)航下的模塊都能準(zhǔn)確；頁(yè)面字體使用CSS控制，確保了風(fēng)格的一致，頁(yè)面使用較少顏色組合，有較好的視覺(jué)效果；對(duì)超市管理系統(tǒng)容進(jìn)行抽樣式調(diào)查未發(fā)現(xiàn)語(yǔ)法、拼寫(xiě)錯(cuò)誤以與其他錯(cuò)誤信息；超市管理系統(tǒng)整體界面布局合理，頁(yè)面風(fēng)格簡(jiǎn)潔，顏色搭配協(xié)調(diào)，保證了超市管理系統(tǒng)可用性良好。在安裝了IE、360，遨游等不同瀏覽器的客戶(hù)端進(jìn)行測(cè)試，

18、系統(tǒng)中JavaScript均可正常運(yùn)行，框架和層次結(jié)構(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è)參與者： 管理員和用戶(hù)。參與者的描述如下：（1）管理員后臺(tái)部分由管理員使用，主要包括參數(shù)設(shè)置，會(huì)員管理，甜品管理，品牌管理，信息管理。管理員填寫(xiě)登錄名和密碼后進(jìn)入后臺(tái)主頁(yè)面，根據(jù)自己的需求進(jìn)行操作?？梢赃M(jìn)行密碼的修改，對(duì)注冊(cè)會(huì)員的信息進(jìn)行管理，完成甜品的增加刪除添加查詢(xún)

19、，品牌的編輯和對(duì)前臺(tái)信息的管理.管理員的用例圖2-1如下：管理員的用例圖2-1管理員的用例描述表如下： 管理員參數(shù)設(shè)置用例描述表2-1用例名稱(chēng)參數(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用例名稱(chēng)會(huì)員管理功能簡(jiǎn)述管理員可以對(duì)本的會(huì)員進(jìn)行查詢(xún)與編輯操作前置條件會(huì)員ID或正確后置條件修改成功，程序連接數(shù)據(jù)庫(kù)基本流1、管理員點(diǎn)擊頁(yè)面菜單欄中會(huì)員管理模

20、塊下的“會(huì)員查詢(xún)”2、在顯示的頁(yè)面中填入會(huì)員ID、進(jìn)行查詢(xún)3、點(diǎn)擊“修改”按鈕，進(jìn)行修改4、點(diǎn)擊“刪除”按鈕，進(jìn)行刪除 品牌管理用例描述表2-3用例名稱(chēng)品牌管理功能簡(jiǎn)述可以添加與查詢(xún)的品牌，并進(jìn)行操作前置條件無(wú)后置條件操作成功，程序連接數(shù)據(jù)庫(kù)基本流1、管理員點(diǎn)擊頁(yè)面菜單欄中品牌管理模塊下的“品牌添加”2、在顯示的頁(yè)面中添加品牌；3、管理員點(diǎn)擊頁(yè)面菜單欄中品牌管理模塊下的“品牌查詢(xún)”4、點(diǎn)擊“修改”按鈕，進(jìn)行修改5、點(diǎn)擊“刪除”按鈕，進(jìn)行刪除擴(kuò)展流1、點(diǎn)擊“修改”按鈕跳轉(zhuǎn)到修改頁(yè)面，可對(duì)其容進(jìn)行修改然后保存關(guān)閉；2、點(diǎn)擊“刪除”按鈕彈出確認(rèn)對(duì)話(huà)框是否刪除； 甜品管理用例描述表2-4用例名稱(chēng)甜品管

21、理功能簡(jiǎn)述向甜品表插入前臺(tái)首頁(yè)展示的甜品信息前置條件無(wú)后置條件操作成功，程序連接數(shù)據(jù)庫(kù)基本流1、管理員點(diǎn)擊頁(yè)面菜單欄中甜品管理模塊下的“甜品添加”2、在顯示的頁(yè)面中按需求添加甜品；3、管理員點(diǎn)擊頁(yè)面菜單欄中品牌管理模塊下的“甜品查詢(xún)”4、點(diǎn)擊“修改”按鈕，進(jìn)行修改5、點(diǎn)擊“刪除”按鈕，進(jìn)行刪除擴(kuò)展流1、點(diǎn)擊“修改”按鈕跳轉(zhuǎn)到修改頁(yè)面，可對(duì)其容進(jìn)行修改然后保存關(guān)閉；2、點(diǎn)擊“刪除”按鈕彈出確認(rèn)對(duì)話(huà)框是否刪除； 信息管理用例描述表2-5用例名稱(chēng)信息管理功能簡(jiǎn)述管理員對(duì)首頁(yè)信息進(jìn)行編輯管理前置條件無(wú)后置條件操作成功，程序連接數(shù)據(jù)庫(kù)基本流1、管理員點(diǎn)擊頁(yè)面菜單欄息管理模塊下的“信息添加”2、在顯示的頁(yè)

22、面中按要求發(fā)布信息；3、管理員點(diǎn)擊頁(yè)面菜單欄中品牌管理模塊下的“新聞查詢(xún)”4、點(diǎn)擊“修改”按鈕，進(jìn)行修改5、點(diǎn)擊“刪除”按鈕，進(jìn)行刪除擴(kuò)展流1、點(diǎn)擊“修改”按鈕跳轉(zhuǎn)到修改頁(yè)面，可對(duì)其容進(jìn)行修改然后保存關(guān)閉；2、點(diǎn)擊“刪除”按鈕彈出確認(rèn)對(duì)話(huà)框是否刪除；（2）會(huì)員前臺(tái)部分由用戶(hù)使用，主要包括用戶(hù)注冊(cè)，購(gòu)物車(chē)管理，訂單管理，個(gè)人資料管理，新聞查詢(xún)。當(dāng)用戶(hù)第一次登錄時(shí)首先要注冊(cè)，成為會(huì)員后，才可以購(gòu)買(mǎi)甜品。用戶(hù)可以通過(guò)單擊首頁(yè)的注冊(cè)按鍵來(lái)打開(kāi)注冊(cè)頁(yè)面進(jìn)行會(huì)員注冊(cè)操作，其中包含了用戶(hù)、密碼等信息，注冊(cè)完成后可以瀏覽系統(tǒng)的各種信息和新聞，當(dāng)有心儀的甜品時(shí)可以點(diǎn)擊購(gòu)買(mǎi)，提交訂單，隨時(shí)查看自己的訂單詳情；有需

23、要是還可以修改自己的個(gè)人信息。會(huì)員的用例圖2-2如下： 會(huì)員的用例圖2-2會(huì)員的用例描述表如下： 用戶(hù)管理用例描述表2-6用例名稱(chēng)用戶(hù)管理功能簡(jiǎn)述用戶(hù)需要注冊(cè)才能登陸，用戶(hù)注冊(cè)前置條件沒(méi)有注冊(cè)的用戶(hù)后置條件注冊(cè)成功，程序連接數(shù)據(jù)庫(kù)基本流1、點(diǎn)擊主頁(yè)面上的注冊(cè)按鈕；2、頁(yè)面跳轉(zhuǎn)到用戶(hù)注冊(cè)條約，是否同意，點(diǎn)擊同意；3、頁(yè)面跳轉(zhuǎn)到注冊(cè)信息頁(yè)面，按要求填寫(xiě)，點(diǎn)擊提交；4、注冊(cè)成功 用戶(hù)管理用例描述表2-7用例名稱(chēng)購(gòu)物車(chē)管理功能簡(jiǎn)述所選商品須通過(guò)購(gòu)物車(chē)進(jìn)行保存，然后生成訂單前置條件已注冊(cè)的用戶(hù)后置條件無(wú)基本流1、用戶(hù)點(diǎn)擊要購(gòu)買(mǎi)的商品后，點(diǎn)擊購(gòu)買(mǎi)；2、轉(zhuǎn)到購(gòu)物車(chē)界面，點(diǎn)擊“去收銀臺(tái)”3、轉(zhuǎn)到下訂單頁(yè)面，按

24、要求填寫(xiě)，提交訂單；4、下單成功，關(guān)閉。 訂單管理用例描述表2-8用例名稱(chēng)訂單管理功能簡(jiǎn)述登陸用戶(hù)可以通過(guò)訂單號(hào)查詢(xún)訂單和詳情。前置條件已注冊(cè)的用戶(hù)后置條件無(wú)基本流1、點(diǎn)擊管理欄中的“我的訂單”查看訂單；2、查看訂單中有詳情，點(diǎn)擊出現(xiàn)訂單詳情。 個(gè)人資料管理用例描述表2-9用例名稱(chēng)個(gè)人資料管理功能簡(jiǎn)述用戶(hù)登陸后即可對(duì)個(gè)人的注冊(cè)信息進(jìn)行修改。前置條件已注冊(cè)的用戶(hù)后置條件信息按要求被修改基本流1、點(diǎn)擊“個(gè)人資料”會(huì)員可對(duì)自己的、密碼、聯(lián)系、電子、 、送貨方式等進(jìn)行修改；2、填寫(xiě)完成提交信息或重新填寫(xiě)。 新聞查詢(xún)用例描述表2-10用例名稱(chēng)新聞查詢(xún)功能簡(jiǎn)述會(huì)員可以對(duì)本的信息進(jìn)行查看前置條件所有用戶(hù)后置

25、條件無(wú)基本流1、點(diǎn)擊上面任務(wù)欄中的各類(lèi)信息進(jìn)行查看，頁(yè)面根據(jù)要求跳轉(zhuǎn)；2、點(diǎn)擊“新聞”，用戶(hù)可根據(jù)自己的喜好選擇性的查看新聞，新聞后也有具體的上傳時(shí)間；第三章 概要設(shè)計(jì)3.1系統(tǒng)結(jié)構(gòu)設(shè)計(jì) 總體設(shè)計(jì)主要是指在系統(tǒng)分析的基礎(chǔ)上，對(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)模塊結(jié)構(gòu)設(shè)計(jì)，要將一個(gè)大系統(tǒng)分解成不同層次、多個(gè)模塊組成的系統(tǒng)，在詳細(xì)設(shè)計(jì)階段要在模塊結(jié)構(gòu)設(shè)計(jì)的基礎(chǔ)上，給出每個(gè)模塊實(shí)現(xiàn)方法的細(xì)節(jié)，并對(duì)模塊的輸入、輸出和處理過(guò)程作詳細(xì)描述，以

26、便在系統(tǒng)實(shí)施階段進(jìn)行程序設(shè)計(jì)時(shí)可以把這個(gè)描述直接“翻譯”成用某種程序設(shè)計(jì)語(yǔ)言書(shū)寫(xiě)的程序。系統(tǒng)結(jié)構(gòu)如圖3-1所示：系統(tǒng)結(jié)構(gòu)圖3-1 功能劃分的基本思想是將系統(tǒng)設(shè)計(jì)成由多個(gè)相對(duì)獨(dú)立、功能單一的模塊組成的結(jié)構(gòu)。由于模塊之間相對(duì)獨(dú)立，每一模塊就可以單獨(dú)地被理解、編寫(xiě)、測(cè)試、排錯(cuò)和修改,從而有效地防止錯(cuò)誤在模塊之間擴(kuò)散蔓延，提高了系統(tǒng)的質(zhì)量(可維護(hù)性、可靠性等)。因此，大大簡(jiǎn)化了系統(tǒng)研制開(kāi)發(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í)要輸入正確的用戶(hù)名

27、和密碼通過(guò)判斷進(jìn)入主頁(yè)面。參數(shù)設(shè)置模塊：主要是針對(duì)管理員登錄進(jìn)入后臺(tái)系統(tǒng)后對(duì)自己密碼的修改，輸入原有密碼和密碼后保存，輸出新的密碼和成功提示；會(huì)員管理模塊：管理員對(duì)會(huì)員進(jìn)行刪除和修改操作。會(huì)員注冊(cè)填寫(xiě)額信息可能會(huì)出現(xiàn)不真實(shí)或的信息，管理員通過(guò)輸入會(huì)員ID或會(huì)員進(jìn)行查詢(xún)?nèi)缓筮M(jìn)行相關(guān)操作；品牌管理模塊：包含兩個(gè)小部分添加和查詢(xún)，管理員輸入要添加的品牌名稱(chēng)，點(diǎn)擊添加數(shù)據(jù)庫(kù)更新給出添加成功提示，查詢(xún)品牌可以完成對(duì)品牌的修改和刪除操作；甜品管理模塊：此模塊包含兩個(gè)部分添加和查詢(xún)，添加甜品時(shí)管理員輸入甜品圖片、名稱(chēng)、品牌、規(guī)格、甜品價(jià)格分為市場(chǎng)價(jià)和會(huì)員價(jià)、庫(kù)存和詳細(xì)說(shuō)明然后選擇類(lèi)型，查詢(xún)時(shí)輸入產(chǎn)品的名稱(chēng)或

28、品牌然后對(duì)其進(jìn)行相應(yīng)的修改和刪除操作；新聞管理模塊：包含新聞添加和新聞查詢(xún)，輸入新聞標(biāo)題，發(fā)布人和新聞容點(diǎn)擊添加新聞添加成功，查詢(xún)時(shí)輸入新聞名稱(chēng)然后可以對(duì)其進(jìn)行相應(yīng)的修改和刪除。3.1.2 前臺(tái)功能模塊前臺(tái)子系統(tǒng)包括：用戶(hù)注冊(cè)模塊、購(gòu)物車(chē)管理模塊、訂單管理模塊、個(gè)人資料管理模塊，新聞查看模塊。每個(gè)模塊看似獨(dú)立實(shí)質(zhì)緊緊相連。前臺(tái)功能模塊關(guān)系圖3-2如下： 用戶(hù)注冊(cè)購(gòu)物以與對(duì)購(gòu)物車(chē)的管理查看自己的訂單對(duì)個(gè)人的資料進(jìn)行修改對(duì)網(wǎng)站內(nèi)新聞進(jìn)行查看前臺(tái)功能模塊關(guān)系圖3-2用戶(hù)注冊(cè)模塊：查看該系統(tǒng)若購(gòu)物時(shí)需要注冊(cè)成為會(huì)員才能進(jìn)行相關(guān)操作。點(diǎn)擊 注冊(cè)需閱讀有關(guān)條約同意才能進(jìn)行下一步注冊(cè)，注冊(cè)時(shí)按要求輸入、密碼

29、、聯(lián)系、電子、 、選擇送貨方式和支付方式提交信息，注冊(cè)成功，形成用戶(hù)ID，登錄時(shí)需要輸入用戶(hù)ID和密碼。購(gòu)物車(chē)管理模塊：在超市中，可以根據(jù)自己的需要將很多的物品挑選到購(gòu)物車(chē)中。而在網(wǎng)上虛擬的購(gòu)物商城中，通常都會(huì)采用一種被稱(chēng)做“購(gòu)物車(chē)”的技術(shù)來(lái)模擬現(xiàn)實(shí)生活。這種技術(shù)用起來(lái)十分方便，不但可以隨時(shí)添加，查看，修改，清空購(gòu)物車(chē)中的容，還可以隨時(shí)去在訂單處理，如對(duì)商品數(shù)量的添加等。訂單管理模塊：為了方便用戶(hù)隨時(shí)查看購(gòu)物情況，會(huì)員可以通過(guò)查看訂單，通過(guò)它可以將所放入購(gòu)物車(chē)中的選物品信息顯示出來(lái)，顯示訂單號(hào)、支付金額、支付方式等容，其中包含詳細(xì)的訂購(gòu)日期和詳情。在訂單中，并沒(méi)有顯示所有的信息，用戶(hù)在查看訂單

30、時(shí)，亦可查看訂單詳情。詳情中不僅包含了訂單的基本信息，還包含訂購(gòu)人、地址、所訂購(gòu)的甜品的名稱(chēng)與訂購(gòu)數(shù)量、甜品單價(jià)等等個(gè)人資料管理模塊：當(dāng)會(huì)員進(jìn)入本同時(shí)，可以對(duì)自己的資料進(jìn)行管理修改操作。會(huì)員可對(duì)自己的、密碼、聯(lián)系、電子、 、送貨方式等進(jìn)行修改并上傳。新聞查看模塊：用戶(hù)可以對(duì)本的信息進(jìn)行查看，包括對(duì)最新商品、推薦商品、特價(jià)區(qū)的查看和對(duì)新聞的查看。在對(duì)新聞查看中，用戶(hù)可根據(jù)自己的喜好選擇性的查看新聞，新聞后也有具體的上傳時(shí)間。第四章 數(shù)據(jù)庫(kù)設(shè)計(jì)4.1 結(jié)構(gòu)設(shè)計(jì)4.1.1 概念結(jié)構(gòu)設(shè)計(jì) 本階段將需求分析階得到的用戶(hù)需求和功能需求抽象為信息結(jié)構(gòu)，并利用E-R圖描述本數(shù)據(jù)庫(kù)的概念模型，反映現(xiàn)實(shí)世界的實(shí)體

31、、屬性和他們之間的關(guān)系等的原始數(shù)據(jù)形式。E-R圖4-1如下：E-R圖4-14.1.2 邏輯結(jié)構(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)系模型。 甜品（名稱(chēng)、品牌、規(guī)格、價(jià)格、庫(kù)存、說(shuō)明、添加時(shí)間、屬性） 說(shuō)明：此為甜品實(shí)體對(duì)應(yīng)的關(guān)系模型。 新聞（標(biāo)題、容、發(fā)布人、發(fā)布時(shí)間） 說(shuō)明：

32、此為信息實(shí)體對(duì)應(yīng)的關(guān)系模型。部分?jǐn)?shù)據(jù)庫(kù)表說(shuō)明： userInfo管理員用戶(hù)信息表，管理員的user_id為admin，默認(rèn)密碼為admin登錄到后臺(tái)系統(tǒng)后，可以通過(guò)參數(shù)設(shè)置下的修改密碼功能進(jìn)行密碼修改。對(duì)應(yīng)表4-2如下： 管理員用戶(hù)信息表4-2名稱(chēng)字段名稱(chēng)數(shù)據(jù)類(lèi)型長(zhǎng)度備注記錄IDrec_idInt4用戶(hù)IDuser_idVARCHAR24admin密碼passwordInt4 vip_info會(huì)員信息表，用于存放瀏覽者注冊(cè)為會(huì)員的信息，當(dāng)瀏覽者欲購(gòu)買(mǎi)商品時(shí)需要先登錄前臺(tái)系統(tǒng)，若不是會(huì)員要先點(diǎn)擊注冊(cè)，閱讀完條約并同意后開(kāi)始填寫(xiě)以下注冊(cè)信息。對(duì)應(yīng)表4-3如下： 會(huì)員信息表4-3名稱(chēng)字段名稱(chēng)數(shù)據(jù)類(lèi)型

33、長(zhǎng)度備注會(huì)員IDvip_idInt4主鍵vip_nameVARCHAR250密碼vip_passwordVARCHAR250注冊(cè)時(shí)間addtimeDatetime50系統(tǒng)時(shí)間telVARCHAR250emailVARCHAR250地址addressVARCHAR2100 orderTable訂單信息表。當(dāng)會(huì)員在購(gòu)物車(chē)中點(diǎn)擊去收銀臺(tái)，將會(huì)顯示下列信息。對(duì)應(yīng)表4-4如下： 訂單信息表4-4名稱(chēng)字段名稱(chēng)數(shù)據(jù)類(lèi)型長(zhǎng)度備注訂單IDorder_idint4會(huì)員IDvip_idint4會(huì)員vip_name 地址addressVARCHAR250telVARCHAR250訂單時(shí)間order_dateDatet

34、ime50系統(tǒng)時(shí)間備注remarkVARCHAR2100第五章 界面設(shè)計(jì)5.1 界面設(shè)計(jì)要求 界面設(shè)計(jì)是人與機(jī)器之間傳遞和交換信息的媒介,通過(guò)對(duì)界面設(shè)計(jì)不同需求進(jìn)行的分類(lèi)以與界面設(shè)計(jì)元素對(duì)用戶(hù)行為的影響，來(lái)研究用戶(hù)在界面設(shè)計(jì)中所體現(xiàn)的重要性。交互性已經(jīng)成為網(wǎng)絡(luò)界面設(shè)計(jì)中設(shè)計(jì)追求的目標(biāo)。為了使設(shè)計(jì)滿(mǎn)足可用性要求，全面的了解用戶(hù)特征與多元化要十分必要的。這就需要找到正確的方法來(lái)記錄和實(shí)現(xiàn)多元化的用戶(hù)要求。界面是人與物體互動(dòng)的媒介，換句話(huà)說(shuō)，界面就是設(shè)計(jì)師賦予物體的新面孔。簡(jiǎn)易性：界面的簡(jiǎn)潔是要讓用戶(hù)便于使用、便于了解、并能減少用戶(hù)發(fā)生錯(cuò)誤選擇的可能性。用戶(hù)語(yǔ)言：界面中要使用能反應(yīng)用戶(hù)本身的語(yǔ)言，而

35、不是游戲設(shè)計(jì)者的語(yǔ)言。記憶負(fù)擔(dān)最小化：人腦不是電腦，在設(shè)計(jì)界面時(shí)必須要考慮人類(lèi)大腦處理信息的限度。人類(lèi)的短期記憶極不穩(wěn)定、有限，24小時(shí)存在25%的遺忘率。所以對(duì)用戶(hù)來(lái)說(shuō)，瀏覽信息要比記憶更容易。一致性：是每一個(gè)優(yōu)秀界面都具備的特點(diǎn)。界面的結(jié)構(gòu)必須清晰且一致，風(fēng)格必須與游戲容相一致。清楚：在視覺(jué)效果上便于理解和使用。用戶(hù)的熟悉程度：用戶(hù)可通過(guò)已掌握的知識(shí)來(lái)使用界面，但不應(yīng)超出一般常識(shí)。從用戶(hù)的觀點(diǎn)考慮：想用戶(hù)所想，做用戶(hù)所做。用戶(hù)總是按照他們自己的方法理解和使用。排列：一個(gè)有序的界面能讓用戶(hù)輕松的使用。安全性：用戶(hù)能自由的作出選擇，且所有選擇都是可逆的。在用戶(hù)作出危險(xiǎn)的選擇時(shí)有信息介入系統(tǒng)的提

36、示。靈活性：簡(jiǎn)單來(lái)說(shuō)就是要讓用戶(hù)方便的使用，但不同于上述。即互動(dòng)多重性，不局限于單一的工具(包括鼠標(biāo)、鍵盤(pán)或手柄)。人性化：高效率和用戶(hù)滿(mǎn)意度是人性化的體現(xiàn)。能保存設(shè)置。5.2 系統(tǒng)界面設(shè)計(jì) 本系統(tǒng)采用暖色調(diào)色彩搭配上的協(xié)調(diào)會(huì)讓呈現(xiàn)出一目了然，給人予舒適、自然之感。甜品配以可愛(ài)，直觀的圖片，讓注冊(cè)會(huì)員在瀏覽商品時(shí)有購(gòu)買(mǎi)的愿望。界面應(yīng)該大小適合美學(xué)觀點(diǎn)，感覺(jué)協(xié)調(diào)舒適，能在有效的圍吸引用戶(hù)的注意力。設(shè)計(jì)操作簡(jiǎn)單直觀，在操作要求方面頁(yè)面都有相應(yīng)的提示如密碼的長(zhǎng)度，插入圖片的規(guī)則等。當(dāng)填寫(xiě)表格格式出現(xiàn)錯(cuò)誤時(shí)，系統(tǒng)也會(huì)給予相關(guān)提示。因?yàn)槭翘鹌废到y(tǒng)，所以選擇甜品圖片很重要，大小要一致格式要正確。圖片按照接

37、近真實(shí)，美觀可愛(ài)的風(fēng)格選擇，讓人一看便垂涎三尺。系統(tǒng)采用了CSS布局方式。在每個(gè)頁(yè)面的中間由表單來(lái)顯示響應(yīng)的容。錯(cuò)誤信息的提示方式為JavaScript編寫(xiě)的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)具體如下：（1） Index.jsp：登錄頁(yè)面。主頁(yè)面由有商城后臺(tái)管理登陸樣式的圖片構(gòu)成，建立一個(gè)兩行三列的table表單，左邊一列寫(xiě)有管理員賬號(hào)和管理員密碼字樣，中間一列是兩個(gè)文本框用于輸入用戶(hù)名和密碼，右面一列是兩個(gè)go文本框上面是管理登陸下面是清楚重來(lái)。（2

38、） left.jsp：左側(cè)功能操作欄。這一欄里深藍(lán)色為主背景色，嵌入了后臺(tái)所有的功能操作動(dòng)作。最上面是管理首頁(yè)和退出管理功能，頁(yè)面可以收縮和展開(kāi)功能框，從上往下的順序依次是參數(shù)管理模塊的密碼修改功能，品牌管理模塊的品牌添加和查詢(xún)功能，會(huì)員管理模塊的會(huì)員查詢(xún)功能，甜品管理模塊的甜品查詢(xún)和添加功能，新聞管理模塊的新聞查詢(xún)和新聞添加功能，根據(jù)具體需要點(diǎn)擊操作。（3） u_admin_paswd.jsp：管理員修改密碼的頁(yè)面。采用一個(gè)四行兩列的tabel表單，左側(cè)一列是填寫(xiě)容，右側(cè)是填寫(xiě)文本框。第一行是管理員id固定的admin，第二行需要填寫(xiě)原密碼原密碼必須正確，第三行填寫(xiě)新的密碼，第四行是填寫(xiě)新密

39、碼的確認(rèn)密碼。兩次密碼要一樣，最下面是一個(gè)確定更改按鈕。（4） u_admin_paswd2.jsp：密碼確認(rèn)修改后的頁(yè)面。原密碼正確則該頁(yè)面顯示管理員的新密碼并提示修改成功，否則顯示您輸入的舊密碼是錯(cuò)誤的，密碼更改失敗。（5） findvip.jsp：顯示會(huì)員信息頁(yè)面。該頁(yè)面里顯示了所有會(huì)員ID、等基本信息，在此頁(yè)面最上面一行有兩個(gè)輸入文本框，是會(huì)員ID和會(huì)員的填寫(xiě)，可以通過(guò)ID和點(diǎn)擊同一行的查詢(xún)按鈕進(jìn)行查詢(xún)。這行的下面是多行多列的表單，從左向右依次是序號(hào)、會(huì)員id、地址、注冊(cè)時(shí)間、修改和刪除。其中修改和刪除是兩個(gè)功能操作按鈕。（6） u_1_vip.jsp：是修改會(huì)員信息的頁(yè)面。此頁(yè)面設(shè)置

40、了一個(gè)table表單，最上面一行是更改會(huì)員信息標(biāo)題，下面七行分為兩列，左列右列的說(shuō)明依次是會(huì)員id，更改密碼，地址和注冊(cè)時(shí)間。其中更改密碼一行是隱藏觸發(fā)顯示的table表單，點(diǎn)擊更改顯示要等該容。表單下面是submit按鈕和reset按鈕，最下面是button關(guān)閉按鈕。（7） add_types.jsp：品牌添加頁(yè)面。此頁(yè)面由一個(gè)兩行兩列的table表單構(gòu)成，第一行左側(cè)是“品牌”文字，右側(cè)是輸入文本框在此輸入品牌名稱(chēng)；第二行是兩個(gè)按鈕submit按鈕和reset按鈕。（8） findtypes.jsp：品牌的查詢(xún)頁(yè)面。頁(yè)面由一個(gè)table表單構(gòu)成，表單上顯示了系統(tǒng)所有的品牌。從左至右依次是序號(hào)

41、、品牌名稱(chēng)、添加時(shí)間、修改和刪除。修改和刪除是嵌入Javascript的兩個(gè)按鈕。（9） u_1_types.jsp：品牌的修改頁(yè)面。此頁(yè)面是在一個(gè)form表單里插入table表單，第一行是更改類(lèi)別信息標(biāo)題，下面分為兩行兩列，左列是名稱(chēng)和時(shí)間，右列是一個(gè)輸入文本框輸入修改的名稱(chēng)一個(gè)是顯示文本框顯示時(shí)間。表單下面兩個(gè)按鈕submit按鈕保存和reset按鈕重置。（10） add_tp.jsp：甜品添加頁(yè)面。頁(yè)面用script定義填寫(xiě)規(guī)則，填寫(xiě)不正確給與提示。建立一個(gè)table表單,表單中設(shè)計(jì)需要添加甜品的圖片、名稱(chēng)、選擇品牌、規(guī)格、價(jià)格、庫(kù)存、說(shuō)明和屬性字樣，與此相對(duì)應(yīng)的是相應(yīng)的輸入文本框。其中

42、的圖片上傳時(shí)大小，格式要正確。表單下面設(shè)置了三個(gè)checkbox選擇框來(lái)選擇屬性，最下面是兩個(gè)按鈕submit按鈕保存和reset按鈕取消。（11） findtp.jsp：甜品查詢(xún)頁(yè)面。頁(yè)面在form中插入table表單，第一行是查詢(xún)條件有品牌和名稱(chēng)，用script腳本提取信息，品牌名稱(chēng)為下拉列表框，查詢(xún)?yōu)閟ubmit按鈕。下面的table表單顯示了甜品的信息，依次為序號(hào)、甜品簡(jiǎn)圖、名稱(chēng)、品牌、規(guī)格、市場(chǎng)價(jià)、會(huì)員價(jià)、庫(kù)存等信息，還包括修改和刪除的兩個(gè)按鈕。（12） u_1_tp.jsp：甜品的修改頁(yè)面。此頁(yè)面是在一個(gè)form表單里插入table表單，第一行是更改甜品信息標(biāo)題，下面分為兩行兩列，

43、左列顯示要更改的屬性如名稱(chēng)、品牌等，右側(cè)是更改容的輸入文本框。表單下面設(shè)置了兩個(gè)按鈕submit按鈕保存和reset按鈕重置。Form表單下方是一個(gè)button關(guān)閉按鈕。 （13） add_xw.jsp：新聞添加頁(yè)面。頁(yè)面用script定義填寫(xiě)規(guī)則，必須填寫(xiě)標(biāo)題和容。建立一個(gè)table表單,表單分為三行兩列，第一行為標(biāo)題與其輸入文本框；第二行為發(fā)布人與其文本框；第三行為新聞容與其輸入文本。表單下面設(shè)置類(lèi)型為submit添加按鈕和reset取消按鈕。 （14） findxw.jsp：新聞的查詢(xún)頁(yè)面。頁(yè)面插入table表單，第一行是查詢(xún)條件標(biāo)題名稱(chēng)與其輸入文本框，用script腳本提取信息，查詢(xún)?yōu)?/p>

44、submit按鈕；下面是六列多行的表單第一行是對(duì)應(yīng)列所顯示的容如序號(hào)、標(biāo)題發(fā)布人等；左后兩列是嵌入script語(yǔ)言的修改和刪除按鈕。（15） u_1_xw.jsp：新聞修改頁(yè)面。頁(yè)面設(shè)計(jì)兩個(gè)table表單，第一個(gè)表單的第一行是頁(yè)面功能標(biāo)題更改新聞信息；下面設(shè)置為兩列四行的表格，第二行是標(biāo)題與標(biāo)題輸入文本框；第二行是發(fā)布人與其輸入文本框；第三行是容與輸入文本框；第四行是發(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è)

45、之間的跳轉(zhuǎn)關(guān)系圖5-15.3.3前臺(tái)頁(yè)面說(shuō)明前臺(tái)部分由用戶(hù)使用，主要包括用戶(hù)注冊(cè)，購(gòu)物車(chē)管理，訂單管理，個(gè)人資料管理，新聞查詢(xún)功能涉與到的各個(gè)頁(yè)面。前臺(tái)頁(yè)面跳轉(zhuǎn)具體如下：（1） Head.jsp：前臺(tái)界面的抬頭部分。通過(guò)設(shè)計(jì)多個(gè)table表單，將功能圖片嵌入在實(shí)現(xiàn)的。第一個(gè)表單設(shè)置為一行一列，左側(cè)插入有網(wǎng)上甜品字樣的圖片；右側(cè)分為上下兩部分，上為購(gòu)物車(chē)字樣的圖片，下面被分為六列依次為首頁(yè)、最新商品、推薦商品、特價(jià)區(qū)、地圖和新聞字樣的圖片，每一個(gè)圖片都設(shè)置一個(gè)連接，點(diǎn)擊實(shí)現(xiàn)相應(yīng)功能；第二個(gè)表單就是插入代表經(jīng)營(yíng)理念信息的圖片；此頁(yè)面嵌入到前臺(tái)所有的頁(yè)面中，總體色彩設(shè)計(jì)為橘黃色。 （2） Index

46、.jsp：是前臺(tái)系統(tǒng)的主頁(yè)面。頁(yè)面頂部嵌入head頁(yè)面，中間設(shè)計(jì)為table表單，表單上方提示用戶(hù)要注冊(cè)才可以購(gòu)買(mǎi)；表單設(shè)計(jì)為兩行兩列，第一行為用戶(hù)名與輸入文本框；第二行為密碼輸入框；表單下方設(shè)置了go文本框submit登錄按鈕和reset注冊(cè)按鈕，輸入點(diǎn)擊進(jìn)行操作。（3） Register.jsp：閱讀注冊(cè)條約頁(yè)面。由多個(gè)table表單組合而成，第一個(gè)是頁(yè)面說(shuō)明要求請(qǐng)仔細(xì)閱讀條約；下面的表單羅列了條約的重要說(shuō)明和協(xié)議；第三個(gè)表單設(shè)置為一行兩列分別設(shè)置了同意按鈕盒不同意按鈕；上述容嵌入同一個(gè)表單中。（4） register2.jsp：用戶(hù)注冊(cè)頁(yè)面。頁(yè)面有兩個(gè)表單構(gòu)成，第一個(gè)表單上方給出注意事項(xiàng)

47、和填寫(xiě)要求；第二個(gè)表單嵌入到面設(shè)置為九行兩列，左側(cè)依次為、密碼、確認(rèn)密碼、聯(lián)系等信息；右側(cè)是與之相對(duì)應(yīng)輸入文本框和要求，長(zhǎng)度必須大于6個(gè)字符，這一列的最后一行設(shè)置了信息提交和重新填寫(xiě)的按鈕。這些信息都為必填項(xiàng)，個(gè)人信息對(duì)外。（5） register_ok.jsp：提示用戶(hù)注冊(cè)成為會(huì)員頁(yè)面。加入一個(gè)table表單用于顯示頁(yè)面容，頁(yè)面取得用戶(hù)ID規(guī)則為900000001依次加一并提示注冊(cè)成功，頁(yè)面設(shè)置一個(gè)直接登錄按鈕，按鈕連接到會(huì)員登陸主頁(yè)。（6） Ilogin.jsp：會(huì)員登錄后的頁(yè)面。頁(yè)面嵌入一個(gè)table表單，表格表框?qū)挾葹?，表格設(shè)置為四行兩列，左列插入了一標(biāo)示圖片；右列從上到下以此是購(gòu)物

48、車(chē)、個(gè)人資料、我的訂單和退出登錄，這四項(xiàng)分別賦予不同連接，點(diǎn)擊去相應(yīng)的頁(yè)面。（7） Dclass.jsp：瀏覽甜品信息頁(yè)面。頁(yè)面由多個(gè)table表單組合而成。左側(cè)一欄是是嵌入的登錄頁(yè)面，主頁(yè)面的table表格有兩個(gè)，上面的顯示觸發(fā)動(dòng)作的名稱(chēng)如最新商品，熱賣(mài)商品等；下面的table表格由多行三列組成，第一列是圖片，第二列是名稱(chēng)，第三列標(biāo)有市場(chǎng)價(jià)格和會(huì)員價(jià)格，價(jià)格下面是嵌入連接的訂購(gòu)字樣的圖片。（8） Cart.jsp：購(gòu)物車(chē)頁(yè)面。窗體主體呈現(xiàn)灰色，表單設(shè)置成五列多行，從做到由依次是名稱(chēng)單價(jià)數(shù)量和名稱(chēng)，下面就是所對(duì)應(yīng)得顯示容，其中還有刪除按鈕；表單的下面是兩個(gè)加入的觸發(fā)按鈕繼續(xù)購(gòu)買(mǎi)和去收銀臺(tái)。（9

49、） Shop.jsp：下訂單頁(yè)面。頁(yè)面主體顏色為深紅色，字體為黑色。整個(gè)窗體由三個(gè)table表單構(gòu)成。上面一個(gè)寫(xiě)有填寫(xiě)表單的字樣；中間是充滿(mǎn)深紅顏色的表單黑體字寫(xiě)有開(kāi)始下單字樣；下面的表格分為五行兩列，左列顯示收貨人、詳細(xì)地址、等信息，右列是與之相對(duì)應(yīng)的輸入文本框；最下面一行設(shè)置了一個(gè)提交表單按鈕。（10） Myinfo.jsp：注冊(cè)會(huì)員修改注冊(cè)信息頁(yè)面。進(jìn)入本，可以對(duì)自己的資料進(jìn)行管理修改操作。頁(yè)面由九行兩列的表格構(gòu)成，左列表格寫(xiě)有、密碼、聯(lián)系、電子、 、送貨方式等字樣，與之相對(duì)應(yīng)的右側(cè)是輸入文本框，會(huì)員向輸入修改容；最下面設(shè)置了submit提交的go文本框和reset重置的go文本框。 （

50、11） Myorder.jsp：會(huì)員訂購(gòu)商品的記錄。為了方便用戶(hù)隨時(shí)查看購(gòu)物情況，會(huì)員可以通過(guò)查看訂單，通過(guò)它可以將所放入購(gòu)物車(chē)中的選物品信息顯示出來(lái)。頁(yè)面分為兩個(gè)部分，第一部分是訂單概要信息由一個(gè)table表構(gòu)成，顯示訂單號(hào)、支付金額、支付方式等容，其中包含詳細(xì)的訂購(gòu)日期和詳情。將將一個(gè)連接嵌入詳情按鈕中點(diǎn)擊出現(xiàn)另一部分，也是有與他病了表單構(gòu)成包含訂購(gòu)人、地址、所訂購(gòu)的甜品的名稱(chēng)與訂購(gòu)數(shù)量、甜品單價(jià)等等。（12） Newss.jsp：瀏覽新聞信息的頁(yè)面。該頁(yè)面所有用戶(hù)都可以瀏覽，頁(yè)面有一個(gè)三列多行的表格構(gòu)成。左列是標(biāo)志圖片，中間是嵌入連接的新聞標(biāo)題，右側(cè)是發(fā)布時(shí)間。（13） News.jsp

51、：瀏覽詳細(xì)新聞信息頁(yè)面。頁(yè)面設(shè)計(jì)了一個(gè)table表格，分為三行，第一行寫(xiě)有標(biāo)題名稱(chēng)，中間是新聞容，最后一行寫(xiě)有發(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è)面index.jsp輸入自己的用戶(hù)名和密碼，點(diǎn)擊登錄按鈕。輸入的用戶(hù)名和密碼將被提交到login.jsp中，在該頁(yè)面中使用javaBeans中的<jsp:useBean>動(dòng)作獲得tp.tp類(lèi)對(duì)象的引用，然后通過(guò)引用變量db2調(diào)用屬性name和passwor的executeQuer

52、y()方法發(fā)送查詢(xún)語(yǔ)句，來(lái)下達(dá)select指令以查詢(xún)數(shù)據(jù)庫(kù)來(lái)檢驗(yàn)用戶(hù)名和密碼是否匹配。如果輸入的用戶(hù)名正確將提示登錄成功，通過(guò)sendRedirect（）方法重定向到主頁(yè)面。否則，將提示用戶(hù)名或者密碼輸入錯(cuò)誤，請(qǐng)重新輸入，跳轉(zhuǎn)到登錄頁(yè)面index.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)證控件沒(méi)通過(guò)驗(yàn)證不

53、可以提交。填寫(xiě)原密碼，新密碼兩次輸入的要一致，填寫(xiě)完成后確定更改，頁(yè)面跳轉(zhuǎn)到u_admin_paswd2.jsp頁(yè)面。該頁(yè)面運(yùn)用<jsp:useBean>動(dòng)作獲得tp.tp類(lèi)對(duì)象的引用，通過(guò)executeQuery()方法發(fā)送查詢(xún)語(yǔ)句來(lái)檢查原密碼和用戶(hù)名是否匹配，若是匹配則通過(guò)executeUpdate方法執(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)行修改。此模塊就是提供給管理員管理會(huì)員信息而設(shè)計(jì)的。管

54、理員操作此功能是頁(yè)面讀取數(shù)據(jù)庫(kù)顯示出所有的會(huì)員部分信息，頁(yè)面中分別使用update、del、submit01三個(gè)函數(shù)來(lái)返回執(zhí)行修改、刪除和查詢(xún)狀態(tài)。當(dāng)管理員在界面中輸入會(huì)員的或ID號(hào)點(diǎn)擊查詢(xún)時(shí)，頁(yè)面使用該頁(yè)面運(yùn)用<jsp:useBean>動(dòng)作，通過(guò)executeQuery()方法去vip_info會(huì)員信息表中查詢(xún)與輸入容相符合的信息，在當(dāng)前頁(yè)面顯示出來(lái)；當(dāng)管理員點(diǎn)擊刪除會(huì)員頁(yè)面到d_vip.jsp頁(yè)面此頁(yè)面要執(zhí)行javaBeans中的<jsp:useBean>動(dòng)作獲得tp.tp類(lèi)對(duì)象的引用，然后通過(guò)引用變量db調(diào)用del屬性，使用executeUpdate（）方法執(zhí)行d

55、elete語(yǔ)句更新數(shù)據(jù)庫(kù)和sendRedirect（）方法重定向到查詢(xún)會(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中的容，此頁(yè)面通過(guò)JavaBean中的動(dòng)作運(yùn)用executeUpdate（）方法執(zhí)行update語(yǔ)句將修改的容在數(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)證控件沒(méi)通過(guò)驗(yàn)證，不可以提交。一定要輸入品牌名稱(chēng)