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

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)網(wǎng)站。結(jié)合實(shí)踐，理解網(wǎng)頁(yè)開(kāi)發(fā)技術(shù)和數(shù)據(jù)庫(kù)的基本知識(shí)，學(xué)習(xí)相關(guān)開(kāi)發(fā)工具和應(yīng)用軟件，熟悉網(wǎ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, peoples life a

3、changing, 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.

4、 It 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

5、 data 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 goo

6、ds 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 onlinexbining the practice, web development technology and understanding the basic knowledge, learning database related development tools and applicati

7、on 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 Sy

8、stemThe InternetSystem Design 目錄第一章 緒論11.1項(xiàng)目背景與現(xiàn)實(shí)價(jià)值11.2開(kāi)發(fā)工具和實(shí)用技術(shù)1第二章 系統(tǒng)分析32.1需求分析3 2.1.1 性能需求3 2.1.2 安全需求3 2.1.3功能需求3第三章 概要設(shè)計(jì)83.1系統(tǒng)結(jié)構(gòu)設(shè)計(jì)8 3.1.1 后臺(tái)功能模塊9 3.1.2 前臺(tái)功能模塊9第四章 數(shù)據(jù)庫(kù)設(shè)計(jì)114.1 結(jié)構(gòu)設(shè)計(jì)11 4.1.1 概念結(jié)構(gòu)設(shè)計(jì)11 4.1.2 邏輯結(jié)構(gòu)設(shè)計(jì)11第五章 界面設(shè)計(jì)一三5.1 界面設(shè)計(jì)要求一三5.2 系統(tǒng)界面設(shè)計(jì)一三5.3系統(tǒng)頁(yè)面設(shè)計(jì)介紹及關(guān)系14 5.3.1 后臺(tái)頁(yè)面說(shuō)明14 5.3.2后臺(tái)頁(yè)面之間的跳轉(zhuǎn)一五 5.

9、3.3前臺(tái)頁(yè)面說(shuō)明16 5.3.4前臺(tái)頁(yè)面之間的跳轉(zhuǎn)一八第六章 詳細(xì)設(shè)計(jì)與實(shí)現(xiàn)196.1 系統(tǒng)功能模塊19 6.1.1管理員登錄模塊19 6.1.2管理員修改密碼模塊19 6.1.3會(huì)員管理模塊19 6.1.4品牌管理模塊20 6.1.5甜品管理模塊21 6.1.6新聞管理模塊23 6.1.7會(huì)員登錄模塊24 6.1.8會(huì)員注冊(cè)模塊24 6.1.9會(huì)員購(gòu)物車(chē)模塊25 6.1.10會(huì)員訂單模塊25 6.1.11會(huì)員修改信息模塊26 6.1.12瀏覽者瀏覽信息模塊276.2 系統(tǒng)采用的數(shù)據(jù)庫(kù)連接方式27總結(jié)28致謝29參考文獻(xiàn)30 第一章 緒論1.1項(xiàng)目背景與現(xiàn)實(shí)價(jià)值在當(dāng)前信息化的時(shí)代，對(duì)大眾的訂

10、餐要求僅僅依賴(lài)手工操作，已經(jīng)遠(yuǎn)遠(yuǎn)不能滿(mǎn)足實(shí)際的需求了，所以網(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)建該甜品的網(wǎng)站既突破了時(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ī)和

11、網(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)富的最大化利用。現(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)行管理

12、，具有著手工管理所無(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體系結(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)用軟件，熟悉網(wǎng)站建設(shè)的過(guò)程，熟練掌握網(wǎng)絡(luò)數(shù)據(jù)庫(kù)編程方法。 1.2開(kāi)發(fā)工具和實(shí)用技術(shù) 網(wǎng)上銷(xiāo)售管理系統(tǒng)采用B/S開(kāi)發(fā)模式,軟件開(kāi)發(fā)環(huán)境： MyEelipse8.5+JDK1.6+Tomcat6.0+SQLserver200

13、5 MyEelipse8.5：MyEclipse是一個(gè)十分優(yōu)秀的用于開(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，提升了

14、團(tuán)隊(duì)協(xié)作開(kāi)發(fā)、開(kāi)發(fā)周期管理以及 Spring 和 Hibernate 的更好支持。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容器。

15、Tomcat是Apache軟件基金會(huì)的Jakarta項(xiàng)目中的一個(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ù)鏡像、在線恢復(fù)、在線檢索操作、快速恢復(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ù)處理部分都交給J

16、avaBean組件，如訪問(wèn)數(shù)據(jù)庫(kù)、用戶(hù)驗(yàn)證等。JSP+JavaBean示意圖1-1如下： 客戶(hù)瀏覽器JSP容器數(shù)據(jù)庫(kù)JSPJavabean JSP+JavaBean示意圖 1-1 第二章 系統(tǒng)分析2.1需求分析網(wǎng)上銷(xiāo)售管理系統(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)上銷(xiāo)售管理系統(tǒng)主要是為個(gè)人提供搜索，欣賞和下載的一個(gè)平臺(tái)，從而給個(gè)人帶來(lái)方便。因此，開(kāi)發(fā)一個(gè)網(wǎng)上銷(xiāo)售管理系統(tǒng)是很有必要的，具有其特有的技術(shù)意義和管理意義。 2.1.1 性能需求為了保證運(yùn)行的高效率，建議使用在1G及以

17、上內(nèi)存的機(jī)器。所有的頁(yè)面都能鏈接到指定要鏈接到的頁(yè)面，所鏈接的頁(yè)面均存在，而且系統(tǒng)中不存在有孤立的頁(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)行，速度都在可接受的范圍內(nèi)（少于五秒）。網(wǎng)上銷(xiāo)售管理系統(tǒng)導(dǎo)航結(jié)構(gòu)清晰、目的明確，經(jīng)測(cè)試每個(gè)導(dǎo)航下的模塊都能準(zhǔn)確鏈接；頁(yè)面字體使用CSS控制，確保了風(fēng)格的一致，頁(yè)面使用較少顏色組合，有較好的視覺(jué)效果；對(duì)超市管理系統(tǒng)內(nèi)容進(jìn)行抽樣式調(diào)查未發(fā)現(xiàn)語(yǔ)法、拼寫(xiě)錯(cuò)誤以及其他錯(cuò)誤信息；超市管理系統(tǒng)整體界面布局合理，頁(yè)面風(fēng)格簡(jiǎn)潔，顏色

18、搭配協(xié)調(diào)，保證了超市管理系統(tǒng)可用性良好。在安裝了IE、360，遨游等不同瀏覽器的客戶(hù)端進(jìn)行測(cè)試，系統(tǒng)中JavaScript均可正常運(yùn)行，框架和層次結(jié)構(gòu)風(fēng)格差別不大，所以超市管理系統(tǒng)兼容性較好。 2.1.2 安全需求系統(tǒng)對(duì)管理員的帳號(hào)和密碼的有效性進(jìn)行了測(cè)試。只有管理員的帳號(hào)和密碼確認(rèn)有效后，才可以對(duì)超市管理系統(tǒng)進(jìn)行維護(hù)工作。保證了超市管理系統(tǒng)的安全性。 2.1.3功能需求 此基于JSP的網(wǎng)上銷(xiāo)售管理系統(tǒng)分前臺(tái)功能和后臺(tái)功能，系統(tǒng)有兩個(gè)參與者： 管理員和用戶(hù)。參與者的描述如下：（1）管理員 后臺(tái)部分由管理員使用，主要包括參數(shù)設(shè)置，會(huì)員管理，商品管理，賬務(wù)管理，品牌管理,信息管理。管理員填寫(xiě)登錄名

19、和密碼后進(jìn)入后臺(tái)主頁(yè)面，根據(jù)自己的需求進(jìn)行操作。可以進(jìn)行密碼的修改，對(duì)注冊(cè)會(huì)員的信息進(jìn)行管理，完成商品的增加刪除添加查詢(xún)，財(cái)務(wù)編輯和對(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)述管理員可以

20、對(duì)本網(wǎng)站的會(huì)員進(jìn)行查詢(xún)及編輯操作前置條件會(huì)員ID或姓名正確后置條件修改成功，程序連接數(shù)據(jù)庫(kù)基本流1、管理員點(diǎn)擊頁(yè)面菜單欄中會(huì)員管理模塊下的“會(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)網(wǎng)站的品牌，并進(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ò)展

21、流1、點(diǎn)擊“修改”按鈕跳轉(zhuǎn)到修改頁(yè)面，可對(duì)其內(nèi)容進(jìn)行修改然后保存關(guān)閉；2、點(diǎn)擊“刪除”按鈕彈出確認(rèn)對(duì)話框是否刪除； 商品管理用例描述表2-4用例名稱(chēng)商品管理功能簡(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ì)其內(nèi)容進(jìn)行修改然后保存關(guān)閉；2、點(diǎn)擊“刪除”按鈕彈出確認(rèn)對(duì)話框是否刪除； 信息管理用例描述表2-5

22、用例名稱(chēng)信息管理功能簡(jiǎn)述管理員對(duì)網(wǎng)站首頁(yè)信息進(jìn)行編輯管理前置條件無(wú)后置條件操作成功，程序連接數(shù)據(jù)庫(kù)基本流1、管理員點(diǎn)擊頁(yè)面菜單欄中信息管理模塊下的“信息添加”鏈接2、在顯示的頁(yè)面中按要求發(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ì)其內(nèi)容進(jìn)行修改然后保存關(guān)閉；2、點(diǎn)擊“刪除”按鈕彈出確認(rèn)對(duì)話框是否刪除；（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ò)單

23、擊首頁(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í)查看自己的訂單詳情；有需要是還可以修改自己的個(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)物

24、車(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è)面，按要求填寫(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è)人資料”

25、會(huì)員可對(duì)自己的姓名、密碼、x、電子郵箱、聯(lián)系地址、送貨方式等進(jìn)行修改；2、填寫(xiě)完成提交信息或重新填寫(xiě)。 新聞查詢(xún)用例描述表2-10用例名稱(chēng)新聞查詢(xún)功能簡(jiǎn)述會(huì)員可以對(duì)本網(wǎng)站的信息進(jìn)行查看前置條件所有用戶(hù)后置條件無(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ù)雜

26、又細(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ì)描述，以便在系統(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ā)的工作

27、。本系統(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ù)名和密碼通過(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ù)更新給出添

28、加成功提示，查詢(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)或品牌然后對(duì)其進(jìn)行相應(yīng)的修改和刪除操作；新聞管理模塊：包含新聞添加和新聞查詢(xún)，輸入新聞標(biāo)題，發(fā)布人和新聞內(nèi)容點(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ē)

29、的管理查看自己的訂單對(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í)按要求輸入姓名、密碼、x、電子郵箱、聯(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ē)中的內(nèi)容，還可以隨時(shí)去在訂單處理，如對(duì)商品

30、數(shù)量的添加等。 訂單管理模塊：為了方便用戶(hù)隨時(shí)查看購(gòu)物情況，會(huì)員可以通過(guò)查看訂單，通過(guò)它可以將所放入購(gòu)物車(chē)中的選物品信息顯示出來(lái)，顯示訂單號(hào)、支付金額、支付方式等內(nèi)容，其中包含詳細(xì)的訂購(gòu)日期和詳情。在訂單中，并沒(méi)有顯示所有的信息，用戶(hù)在查看訂單時(shí)，亦可查看訂單詳情。詳情中不僅包含了訂單的基本信息，還包含訂購(gòu)人、電話、地址、所訂購(gòu)的甜品的名稱(chēng)及訂購(gòu)數(shù)量、單價(jià)等等 個(gè)人資料管理模塊：當(dāng)會(huì)員進(jìn)入本網(wǎng)站同時(shí)，可以對(duì)自己的資料進(jìn)行管理修改操作。會(huì)員可對(duì)自己的姓名、密碼、x、電子郵箱、聯(lián)系地址、送貨方式等進(jìn)行修改并上傳。 新聞查看模塊：用戶(hù)可以對(duì)本網(wǎng)站的信息進(jìn)行查看，包括對(duì)最新商品、推薦商品、特價(jià)區(qū)的查看

31、和對(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í)體、屬性和他們之間的關(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)系模型。 管理員（

32、管理員賬號(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)題、內(nèi)容、發(fā)布人、發(fā)布時(shí)間） 說(shuō)明：此為信息實(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

33、用戶(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)型長(zhǎng)度備注會(huì)員IDvip_idInt4主鍵姓名vip_nameVARCHAR250密碼vip_passwordVARCHAR250注冊(cè)時(shí)間addtimeDatetime50系統(tǒng)時(shí)間電話telVARCHAR250郵件emailVARCHAR250地址addressVARCHAR2100 orderTab

34、le訂單信息表。當(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 地址addressVARCHAR250電話telVARCHAR250訂單時(shí)間order_dateDatetime50系統(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ì)追求

35、的目標(biāo)。為了使設(shè)計(jì)滿(mǎn)足可用性要求，全面的了解用戶(hù)特征及多元化要求是十分必要的。這就需要找到正確的方法來(lái)記錄和實(shí)現(xiàn)多元化的用戶(hù)要求。界面是人與物體互動(dòng)的媒介，換句話說(shuō)，界面就是設(shè)計(jì)師賦予物體的新面孔。 簡(jiǎn)易性：界面的簡(jiǎn)潔是要讓用戶(hù)便于使用、便于了解、并能減少用戶(hù)發(fā)生錯(cuò)誤選擇的可能性。 用戶(hù)語(yǔ)言：界面中要使用能反應(yīng)用戶(hù)本身的語(yǔ)言，而不是游戲設(shè)計(jì)者的語(yǔ)言。 記憶負(fù)擔(dān)最小化：人腦不是電腦，在設(shè)計(jì)界面時(shí)必須要考慮人類(lèi)大腦處理信息的限度。人類(lèi)的短期記憶極不穩(wěn)定、有限，24小時(shí)內(nèi)存在25%的遺忘率。所以對(duì)用戶(hù)來(lái)說(shuō)，瀏覽信息要比記憶更容易。 一致性：是每一個(gè)優(yōu)秀界面都具備的特點(diǎn)。界面的結(jié)構(gòu)必須清晰且一致，風(fēng)格

36、必須與游戲內(nèi)容相一致。 清楚：在視覺(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)的提示。 靈活性：簡(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ì)讓網(wǎng)站呈現(xiàn)出一目了然，

37、給人予舒適、自然之感。甜品配以可愛(ài)，直觀的圖片，讓注冊(cè)會(huì)員在瀏覽網(wǎng)站商品時(shí)有購(gòu)買(mǎi)的愿望。界面應(yīng)該大小適合美學(xué)觀點(diǎn)，感覺(jué)協(xié)調(diào)舒適，能在有效的范圍內(nèi)吸引用戶(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)槭蔷W(wǎng)上銷(xiāo)售管理系統(tǒng)，所以選擇商品圖片很重要，大小要一致格式要正確。圖片按照接近真實(shí)，美觀可愛(ài)的風(fēng)格選擇，讓人一看便垂涎三尺。系統(tǒng)采用了CSS布局方式。在每個(gè)頁(yè)面的中間由表單來(lái)顯示響應(yīng)的內(nèi)容。錯(cuò)誤信息的提示方式為JavaScript編寫(xiě)的window窗口。5.3系統(tǒng)頁(yè)面設(shè)計(jì)介紹及關(guān)系 5.3.1 后臺(tái)頁(yè)面

38、說(shuō)明登錄頁(yè)面: 第六章 詳細(xì)設(shè)計(jì)與實(shí)現(xiàn)6.1 系統(tǒng)功能模塊 6.1.1管理員登錄模塊管理員在登錄頁(yè)面輸入自己的用戶(hù)名和密碼，點(diǎn)擊登錄按鈕。輸入的用戶(hù)名和密碼將被提交到后臺(tái)中，查詢(xún)數(shù)據(jù)庫(kù)來(lái)檢驗(yàn)用戶(hù)名和密碼是否匹配。如果輸入的用戶(hù)名正確將提示登錄成功，登錄到主頁(yè)面。否則，將提示用戶(hù)名或者密碼輸入錯(cuò)誤，請(qǐng)重新輸入，跳轉(zhuǎn)到登錄頁(yè)面。 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ò)，密

39、碼輸入兩次輸入一樣其正確是可以提交。當(dāng)前頁(yè)面中任何一個(gè)驗(yàn)證控件沒(méi)通過(guò)驗(yàn)證不可以提交。填寫(xiě)原密碼，新密碼兩次輸入的要一致，填寫(xiě)完成后確定更改，頁(yè)面跳轉(zhuǎn)到u_admin_paswd2.jsp頁(yè)面。該頁(yè)面運(yùn)用動(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)行修改。此模塊就

40、是提供給管理員管理會(huì)員信息而設(shè)計(jì)的。管理員操作此功能是頁(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)用動(dòng)作，通過(guò)executeQuery()方法去vip_info會(huì)員信息表中查詢(xún)與輸入內(nèi)容相符合的信息，在當(dāng)前頁(yè)面顯示出來(lái)；當(dāng)管理員點(diǎn)擊刪除會(huì)員頁(yè)面鏈接到d_vip.jsp頁(yè)面此頁(yè)面要執(zhí)行javaBeans中的動(dòng)作獲得tp.tp類(lèi)對(duì)象的引用，然后通過(guò)引用變量db調(diào)用del屬性，使用executeUpdate（）方法執(zhí)行delete語(yǔ)句更新數(shù)據(jù)庫(kù)和s

41、endRedirect（）方法重定向到查詢(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中的內(nèi)容，此頁(yè)面通過(guò)JavaBean中的動(dòng)作運(yùn)用executeUpdate（）方法執(zhí)行update語(yǔ)句將修改的內(nèi)容在數(shù)據(jù)庫(kù)中進(jìn)行更新，更新完成后并關(guān)閉數(shù)據(jù)庫(kù)。會(huì)員管理流程圖6-2如下： 會(huì)員管理流程圖6-2 6.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è)面中任何

42、一個(gè)驗(yàn)證控件沒(méi)通過(guò)驗(yàn)證，不可以提交。一定要輸入品牌名稱(chēng)才能添加，點(diǎn)擊添加ins_types.jsp頁(yè)面中的內(nèi)容，此頁(yè)面用UerBean動(dòng)作調(diào)用tp.tp類(lèi)中的executeUpdate（）方法來(lái)執(zhí)行insert語(yǔ)句，向type表里添加品牌。并用JavaScript腳本語(yǔ)言來(lái)建立一個(gè)窗體，添加成功便彈出類(lèi)別品牌名稱(chēng)添加成功，自動(dòng)關(guān)閉回到添加頁(yè)面。（2）品牌查詢(xún)：點(diǎn)擊查詢(xún)頁(yè)面跳轉(zhuǎn)到findtypes.jsp頁(yè)面管理員操作此功能是頁(yè)面讀取數(shù)據(jù)庫(kù)顯示出所有的品牌部分信息，頁(yè)面中分別使用update、del、submit01三個(gè)函數(shù)來(lái)返回執(zhí)行修改、刪除和查詢(xún)狀態(tài)。當(dāng)管理員在界面中輸品牌名稱(chēng)點(diǎn)擊查詢(xún)時(shí)，頁(yè)

43、面使用該頁(yè)面運(yùn)用動(dòng)作，通過(guò)executeQuery()方法去品牌信息表中查詢(xún)與輸入內(nèi)容相符合的信息，在當(dāng)前頁(yè)面顯示出來(lái)；當(dāng)管理員點(diǎn)擊刪除會(huì)員頁(yè)面鏈接到d_types.jsp頁(yè)面此頁(yè)面要執(zhí)行javaBeans中的動(dòng)作獲得tp.tp類(lèi)對(duì)象的引用，然后通過(guò)引用變量db調(diào)用del屬性，使用executeUpdate（）方法執(zhí)行delete語(yǔ)句更新品牌信息的數(shù)據(jù)庫(kù)和sendRedirect（）方法重定向到查詢(xún)品牌的主頁(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)容，將修改的品牌名

44、稱(chēng)進(jìn)行更新，此頁(yè)面通過(guò)JavaBean中的動(dòng)作運(yùn)用executeUpdate（）方法執(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)證控件沒(méi)通過(guò)驗(yàn)證，不可以提交。一定要上傳圖片、選擇品牌填寫(xiě)規(guī)定的信息才能添加，上傳圖片執(zhí)行up.jsp頁(yè)面，在瀏覽時(shí)執(zhí)行upfile.jsp頁(yè)面，此頁(yè)面是檢查上傳圖片是否符合規(guī)定格式，使用setTotalMa

45、xFileSize（）方法規(guī)定圖品大小，setAllowedFilesList（）方法設(shè)置可以上傳的擴(kuò)展名，setDeniedFilesLis（）設(shè)置不可上傳的擴(kuò)展名，符合要求的上傳成功，不合要求要重新上傳。瀏覽點(diǎn)擊添加ins_tp.jsp頁(yè)面中的內(nèi)容，此頁(yè)面用UerBean動(dòng)作調(diào)用tp.tp類(lèi)中的executeUpdate（）方法來(lái)執(zhí)行insert語(yǔ)句，向tp表里添加一系列信息。并用JavaScript腳本語(yǔ)言來(lái)建立一個(gè)窗體，添加成功便彈出甜品名稱(chēng)添加成功，自動(dòng)關(guān)閉回到添加頁(yè)面。（2）甜品查詢(xún)：點(diǎn)擊查詢(xún)頁(yè)面跳轉(zhuǎn)到findtpe.jsp頁(yè)面管理員操作此功能是頁(yè)面讀取數(shù)據(jù)庫(kù)顯示出所有的甜品部分信

46、息，頁(yè)面中分別使用detail、del、submit01三個(gè)函數(shù)來(lái)返回執(zhí)行修改、刪除和查詢(xún)狀態(tài)。當(dāng)管理員在界面中輸入甜品名稱(chēng)或品牌名稱(chēng)點(diǎn)擊查詢(xún)時(shí)，頁(yè)面使用該頁(yè)面運(yùn)用動(dòng)作，通過(guò)executeQuery()方法去甜品信息表中查詢(xún)與輸入內(nèi)容相符合的信息，在當(dāng)前頁(yè)面顯示出來(lái)；當(dāng)管理員點(diǎn)擊刪除甜品頁(yè)面鏈接到d_tp.jsp頁(yè)面此頁(yè)面要執(zhí)行javaBeans中的動(dòng)作獲得tp.tp類(lèi)對(duì)象的引用，然后通過(guò)引用變量db調(diào)用del屬性，使用executeUpdate（）方法執(zhí)行delete語(yǔ)句更新品牌信息的數(shù)據(jù)庫(kù)和sendRedirect（）方法重定向到查詢(xún)品牌的主頁(yè)面；點(diǎn)擊修改甜品信息時(shí)u_1_tp.jsp頁(yè)面

47、從數(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)用executeUpdate（）方法執(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_xw.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)證，不可以提交。一定要輸入標(biāo)題。內(nèi)容等信息才能添加，點(diǎn)擊添

48、加ins_xw.jsp頁(yè)面中的內(nèi)容，此頁(yè)面用UerBean動(dòng)作調(diào)用tp.tp類(lèi)中的executeUpdate（）方法來(lái)執(zhí)行insert語(yǔ)句，向type表里添加品牌。并用JavaScript腳本語(yǔ)言來(lái)建立一個(gè)窗體，添加成功便彈出新聞標(biāo)題添加成功，自動(dòng)關(guān)閉回到添加頁(yè)面。（2）新聞查詢(xún)：點(diǎn)擊查詢(xún)頁(yè)面跳轉(zhuǎn)到findxw.jsp頁(yè)面管理員操作此功能是頁(yè)面讀取數(shù)據(jù)庫(kù)顯示出所有的新聞序號(hào)、標(biāo)題等部分信息，頁(yè)面中分別使用update、del、submit01三個(gè)函數(shù)來(lái)返回執(zhí)行修改、刪除和查詢(xún)狀態(tài)。當(dāng)管理員在界面中輸新聞標(biāo)題點(diǎn)擊查詢(xún)時(shí)，頁(yè)面使用該頁(yè)面運(yùn)用動(dòng)作，通過(guò)executeQuery()方法去品牌信息表中查

49、詢(xún)與輸入內(nèi)容相符合的信息，在當(dāng)前頁(yè)面顯示出來(lái)；當(dāng)管理員點(diǎn)擊刪除新聞頁(yè)面鏈接到d_xw.jsp頁(yè)面此頁(yè)面要執(zhí)行javaBeans中的動(dòng)作獲得tp.tp類(lèi)對(duì)象的引用，然后通過(guò)引用變量db調(diào)用del屬性，使用executeUpdate（）方法執(zhí)行delete語(yǔ)句更新新聞信息的數(shù)據(jù)庫(kù)和sendRedirect（）方法重定向到查詢(xún)新聞的主頁(yè)面；點(diǎn)擊修改新聞信息時(shí)u_1_xw.jsp頁(yè)面從數(shù)據(jù)庫(kù)中讀取了原有信息并顯示出來(lái)，管理員根據(jù)具體情況實(shí)施修改，完成后點(diǎn)擊保存并執(zhí)行u_2_ xw.jsp中的內(nèi)容，將修改的新聞信息進(jìn)行更新，此頁(yè)面通過(guò)JavaBean中的動(dòng)作運(yùn)用executeUpdate（）方法執(zhí)行up

50、date語(yǔ)句將修改的內(nèi)容在數(shù)據(jù)庫(kù)中進(jìn)行更新，更新完成后并關(guān)閉數(shù)據(jù)庫(kù)。 新聞管理流程圖6-5如下： 新聞管理流程圖6-5 6.1.7會(huì)員登錄模塊 前臺(tái)系統(tǒng)瀏覽者若是想購(gòu)物需要登錄才能跳轉(zhuǎn)到會(huì)員頁(yè)面，進(jìn)行購(gòu)物。在index.jsp登錄頁(yè)面填入用戶(hù)id號(hào)和密碼，點(diǎn)擊登錄頁(yè)面轉(zhuǎn)向chkuser.jsp頁(yè)面，此頁(yè)面運(yùn)用動(dòng)作定義實(shí)例chk在conn.tp類(lèi)中的調(diào)用屬性ID和passwor的executeQuery()方法發(fā)送查詢(xún)語(yǔ)句，來(lái)下達(dá)select指令以查詢(xún)數(shù)據(jù)庫(kù)來(lái)檢驗(yàn)用戶(hù)名和密碼是否匹配。否則，將提示用戶(hù)名或者密碼輸入錯(cuò)誤，請(qǐng)重新輸入，跳轉(zhuǎn)到登錄頁(yè)面index.jsp。 會(huì)員登錄流程圖6-6如下：

51、會(huì)員登錄流程圖6-6 注冊(cè)流程圖6-76.1.8會(huì)員注冊(cè)模塊 瀏覽者若還不是會(huì)員，要先注冊(cè)。點(diǎn)擊頁(yè)面上的注冊(cè)，頁(yè)面跳轉(zhuǎn)到register.jsp頁(yè)面請(qǐng)用戶(hù)仔細(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í)結(jié)束點(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)證控件沒(méi)通過(guò)驗(yàn)證，不可以提交。注冊(cè)要按照指定的要求填寫(xiě)，輸入姓名、密碼、地址等信息，填寫(xiě)完畢后提交信息，頁(yè)面跳轉(zhuǎn)到register_ok.jsp頁(yè)面此頁(yè)面要執(zhí)行javaBeans中的動(dòng)作獲得tp.tp類(lèi)對(duì)象的引用，然后通過(guò)引用變量db2通過(guò)executeUpdate（）方法執(zhí)行insert語(yǔ)句把添加的信息加入數(shù)據(jù)庫(kù)更新，執(zhí)行closeStmt()方法關(guān)閉對(duì)象和closeConn()方法關(guān)閉數(shù)