電子商務(wù)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)畢業(yè)設(shè)計(jì)..

1、目錄第 1 章 緒論 . 11.1課題背景 . 11.2研究意義 . 11.3設(shè)計(jì)目標(biāo) . 1第 2 章 開發(fā)工具及相關(guān)技術(shù)簡(jiǎn)介 . 22.1 JAVA 語言 . . 22.2 ECLIPSE . 22.3 TOMCAT . 22.4 MYSQL 與 NAVICAT FOR MYSQL . 22.5 MVC匡架 . 32.6 B/S 架構(gòu) . 3第3章 系統(tǒng)總體設(shè)計(jì) . 43.1功能模塊分析 . 43.1.1前臺(tái)功能模塊分析 . 43.1.2后臺(tái)功能模塊分析 . 43.2業(yè)務(wù)流程分析 . 43.3可行性研究 . 43.3.1技術(shù)可行性 . 53.3.2經(jīng)濟(jì)可行性 . 53.3.3管理可行性 .

2、 53.4數(shù)據(jù)庫設(shè)計(jì) . 53.4.1數(shù)據(jù)庫需求分析 . 53.4.2數(shù)據(jù)庫概念設(shè)計(jì) . 63.4.3數(shù)據(jù)庫邏輯設(shè)計(jì) . 63.4.4數(shù)據(jù)庫結(jié)構(gòu)實(shí)現(xiàn) . 8第 4 章 系統(tǒng)詳細(xì)設(shè)計(jì)與實(shí)現(xiàn) . 104.1界面設(shè)計(jì)原則 . 104.2主要功能及界面的實(shí)現(xiàn) . 104.2.1前臺(tái)子系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) . 104.2.2后臺(tái)子系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) . 13第5章 系統(tǒng)測(cè)試 . 165.1測(cè)試環(huán)境 . 165.2測(cè)試過程 . 16第 6 章 總結(jié)與展望 . 206.1總結(jié) . 206.2展望 . 20參考文獻(xiàn) . 21致 謝 . 錯(cuò)誤！未定義書簽。附 錄 . 錯(cuò)誤！未定義書簽。電子商務(wù)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)1第1章

3、緒論1.1課題背景從21世紀(jì)以來，作為一種新型的經(jīng)營(yíng)模式，電子商務(wù)得到了長(zhǎng)足的發(fā)展，特別是 近幾年信息速度高度發(fā)達(dá)的經(jīng)濟(jì)環(huán)境下，日益趨向成熟。并且人們已經(jīng)逐步接受網(wǎng)上購(gòu) 物這一觀念。從電商發(fā)展至今，可以看得出開發(fā)一個(gè)電子商務(wù)網(wǎng)站的價(jià)值所在：除了投資少，回 收快，基本不需要占?jí)嘿Y金之外，24小時(shí)的營(yíng)業(yè)時(shí)間以及不受店面地理位置影響都是其 顯著特點(diǎn)。而對(duì)于消費(fèi)者而言，采用電子商務(wù)方式可以高效、便捷和低成本的實(shí)現(xiàn)購(gòu)買 活動(dòng)。在中國(guó)發(fā)展網(wǎng)上購(gòu)物已經(jīng)具有良好的消費(fèi)者基礎(chǔ)，網(wǎng)上購(gòu)物方式日趨被大家所接受。因此設(shè)計(jì)一個(gè)電子商務(wù)網(wǎng)站具有很好的應(yīng)用和開發(fā)前景。1.2研究意義現(xiàn)在流行的網(wǎng)上購(gòu)物系統(tǒng)不僅要有漂亮的網(wǎng)頁，

4、更要有嚴(yán)謹(jǐn)?shù)囊?guī)劃，注重每一個(gè)細(xì)小的環(huán)節(jié)，這樣才能使得在電子交易時(shí)避免不必要錯(cuò)誤發(fā)生。我們將使用HTML、JSP等技術(shù)來編輯網(wǎng)頁，采用 MVC開發(fā)模式，以B/S為架構(gòu)，并運(yùn)用JDBC技術(shù)把數(shù)據(jù)庫 和動(dòng)態(tài)網(wǎng)頁相關(guān)聯(lián)。本設(shè)計(jì)參照實(shí)際的網(wǎng)店的業(yè)務(wù)邏輯建立而成，同時(shí)自己建立數(shù)據(jù) 庫，使得所需商品信息可以及時(shí)的保存、更新，這樣，前臺(tái)可以更好的完成網(wǎng)上購(gòu)物體 驗(yàn)，而管理員也可以更好的及時(shí)的了解商品買賣的情況。1.3設(shè)計(jì)目標(biāo)通過本電子商務(wù)網(wǎng)站，顧客可瀏覽商品信息，搜索到自己想要的商品，并可以完成 對(duì)商品下單等操作。而后臺(tái)管理員可以管理注冊(cè)用戶的信息，同時(shí)也可以完成對(duì)商品、 訂單和新聞等的管理操作。本網(wǎng)站致力于

5、提供給用戶完善的購(gòu)物體驗(yàn)，同時(shí)方便管理員 對(duì)后臺(tái)的管理。2第2章開發(fā)工具及相關(guān)技術(shù)簡(jiǎn)介軟件的開發(fā)工具用以支持軟件開發(fā)的相關(guān)過程、活動(dòng)和任務(wù)。運(yùn)行環(huán)境為工具集成 和軟件的開發(fā)、維護(hù)及管理提供統(tǒng)一的支持。本系統(tǒng)依據(jù)開發(fā)的實(shí)體需求，采用的開發(fā) 工具有 Eclipse、Tomcat、MySQL 和 Navicat For MySQL 等。開發(fā)工具在軟件開發(fā)過程中是必不可少的，其屬于一種被軟件開發(fā)工程師定性的認(rèn)為是為特定的軟件包、系統(tǒng)(或軟件)框架以及操作平臺(tái)等創(chuàng)建應(yīng)用性軟件的特殊軟件。 在一個(gè)完善的系統(tǒng)的開發(fā)過程中，必要的開發(fā)工具將為整個(gè)開發(fā)的過程減少較多的成本 和時(shí)間，提高了開發(fā)效率。而每個(gè)系統(tǒng)的開

6、發(fā)平臺(tái)不一樣，因此其所搭建的開發(fā)環(huán)境當(dāng) 然也會(huì)有很大的差別。2.1Java 語言Javd2是一種可以撰寫跨平臺(tái)應(yīng)用軟件的面向?qū)ο蟮某绦蛟O(shè)計(jì)語言，是由SunMicrosystems公司于1995年5月推出的Java程序設(shè)計(jì)語言和 Java平臺(tái)(即JavaSE JavaEE JavaME)的總稱。Java技術(shù)具有卓越的通用性、高效性、平臺(tái)移植性和安全 性，廣泛應(yīng)用于個(gè)人PC數(shù)據(jù)中心、游戲控制臺(tái)、科學(xué)超級(jí)計(jì)算機(jī)、移動(dòng)電話和互聯(lián)網(wǎng)， 同時(shí)擁有全球最大的開發(fā)者專業(yè)社群。在全球云計(jì)算和移動(dòng)互聯(lián)網(wǎng)的產(chǎn)業(yè)環(huán)境下，Java更具備了顯著優(yōu)勢(shì)和廣闊前景。Java編程語言是個(gè)簡(jiǎn)單、面向?qū)ο?、分布式、解釋性、健壯、安?/p>

7、與系統(tǒng)無關(guān)、可 移植、高性能、多線程和動(dòng)態(tài)的語言。2.2EclipseEclipse是一個(gè)開放源代碼的、基于 Java的可擴(kuò)展開發(fā)平臺(tái)。就其本身而言，它 只是一個(gè)框架和一組服務(wù)，用于通過插件組件構(gòu)建開發(fā)環(huán)境。幸運(yùn)的是，Eclipse附帶了一個(gè)標(biāo)準(zhǔn)的插件集，包括 Java開發(fā)工具(Java Development Kit ， JDK)。2.3TomcatTomcat服務(wù)器是一個(gè)免費(fèi)的開放源代碼的 Web應(yīng)用服務(wù)器，屬于輕量級(jí)應(yīng)用服務(wù) 器,在中小型系統(tǒng)和并發(fā)訪問用戶不是很多的場(chǎng)合下被普遍使用，是開發(fā)和調(diào)試JSP程序的首選。對(duì)于一個(gè)初學(xué)者來說，可以這樣認(rèn)為，當(dāng)在一臺(tái)機(jī)器上配置好Apache服務(wù)器，可

8、利用它響應(yīng)對(duì)HTML頁面的訪問請(qǐng)求。2.4MySQL 與 Navicat For MySQLMySQL是一個(gè)關(guān)系型數(shù)據(jù)庫管理系統(tǒng)，由瑞典 MySQL AB公司開發(fā)，它是用于訪電子商務(wù)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)3問數(shù)據(jù)庫的最常用標(biāo)準(zhǔn)化語言。由于其體積小、速度快、總體擁有成本低，尤其是開放 源碼這一特點(diǎn)，一般中小型網(wǎng)站的開發(fā)都選擇MySQL乍為網(wǎng)站數(shù)據(jù)庫。Navicat For MySQL是一款強(qiáng)大的MySQL數(shù)據(jù)庫管理和開發(fā)工具，它為專業(yè)開發(fā) 者提供了一套強(qiáng)大的足夠尖端的工具， 但對(duì)于新用戶仍然易于學(xué)習(xí)。Navicat For MySQL 基于Windows平臺(tái)，為MySQL量身訂作，提供類似于 MySQ

9、L的用管理界面工具。 此解決方案的出現(xiàn)，將解放php, Java等程序員以及數(shù)據(jù)庫設(shè)計(jì)者、管理者的大腦，降 低開發(fā)成本，為用戶帶來更高的開發(fā)效率。2.5MVC框架MVC是一個(gè)框架模式，它強(qiáng)制性的使應(yīng)用程序的輸入、處理和輸出分開。使用MVC 應(yīng)用程序被分成三個(gè)核心部件：模型、視圖、控制器。它們各自處理自己的任務(wù)。最典 型的 MVC就是 JSP+ Servlet + Javabean的模式。2.6B/S架構(gòu)B/S最大的優(yōu)點(diǎn)就是可以在任何地方進(jìn)行操作而不用安裝任何專門的軟件， 只要有 一臺(tái)能上網(wǎng)的電腦就能使用，客戶端零安裝、零維護(hù)。系統(tǒng)的擴(kuò)展非常容易。B/S同時(shí)具有升級(jí)和維護(hù)方式相對(duì)簡(jiǎn)單、成本較低等

10、。4第3章系統(tǒng)總體設(shè)計(jì)3.1功能模塊分析本電子商務(wù)網(wǎng)站涉及到兩種業(yè)務(wù)角色，即前臺(tái)用戶角色和后臺(tái)管理員角色。3.1.1前臺(tái)功能模塊分析（1）用戶信息模塊，即用戶注冊(cè)、用戶登錄、用戶查看和修改個(gè)人信息；（2）商品信息模塊，即分類查看商品信息、搜索商品信息；（3）購(gòu)物車信息模塊，即添加購(gòu)物車、刪除購(gòu)物車、搜索購(gòu)物車信息；（4）訂單信息模塊，即添加訂單、刪除訂單，搜索訂單信息；（5）新聞信息模塊、即瀏覽發(fā)布的新聞信息；（6）留言板信息模塊、即添加留言，查看所有的留言信息；3.1.2后臺(tái)功能模塊分析（1）管理員信息模塊，即管理員登錄、查看個(gè)人信息、修改個(gè)人信息；（2）用戶管理模塊，即查看所有用戶信息、搜

11、索用戶信息、刪除用戶；（3）商品管理模塊，即添加商品、查詢商品、刪除商品；（4）訂單管理模塊，即查看所有訂單信息，搜索訂單，刪除訂單；（5）新聞管理模塊，即查看所有的新聞，搜索新聞，修改新聞，刪除新聞；（6）留言板管理模塊，即查看所有留言信息，刪除留言；3.2業(yè)務(wù)流程分析通過本電子商務(wù)網(wǎng)站分為前后臺(tái)兩種角色管理，前臺(tái)用戶可以完成對(duì)應(yīng)的業(yè)務(wù)邏輯，如圖1所示。后臺(tái)管理員完成對(duì)應(yīng)的業(yè)務(wù)邏輯，如圖2所示圖1前臺(tái)業(yè)務(wù)流程圖圖2后臺(tái)業(yè)務(wù)流程圖電子商務(wù)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)53.3可行性研究可行性分析能使新系統(tǒng)達(dá)到以最小的開發(fā)成本取得最佳的經(jīng)濟(jì)效益，其目的也是根 據(jù)開發(fā)管理信息系統(tǒng)的需求，通過初步調(diào)查和系統(tǒng)目標(biāo)分

12、析，對(duì)于本電子商務(wù)網(wǎng)站設(shè)計(jì) 從技術(shù)上、經(jīng)濟(jì)上和管理上進(jìn)行是否可行的研究與分析，這既是保證資源的有效合理利 用，也是避免在日常工作中的失誤而導(dǎo)致的種種浪費(fèi)現(xiàn)象331技術(shù)可行性技術(shù)方面，本系統(tǒng)采用 Java語言進(jìn)行設(shè)計(jì)，Java也是我們比較熟悉的語言。由于 是初次設(shè)計(jì)電子商務(wù)網(wǎng)站，在技術(shù)和知識(shí)層面上的欠缺，導(dǎo)致在制作過程中遇到許多的 困難，編程和設(shè)計(jì)的時(shí)候，明顯感覺到知識(shí)積累的不夠，并且很多知識(shí)點(diǎn)已經(jīng)淡忘。通 過與老師的溝通，在老師的細(xì)心指導(dǎo)下，以及我們的一起努力，翻閱了大量的資料，多 操作多實(shí)踐，本系統(tǒng)才得以比較順利的開發(fā)出來。因?yàn)閷?shí)踐和技術(shù)方面的不足，使得我 們?cè)O(shè)計(jì)的程序依然存在很多不完善的地

13、方，后期好好的鉆研，使本系統(tǒng)能更完善更適用。3.3.2經(jīng)濟(jì)可行性本系統(tǒng)相對(duì)較小也比較簡(jiǎn)單，不需要投入大量資金，同時(shí)又存在著實(shí)用性，能改善 使用方法在財(cái)力和人力上的過度消耗。因此一經(jīng)使用便可收到很好的成效，做到合理節(jié) 約和合理利用資源，既提高了工作效率并且也減少了工作人員的工作量，這使得本系統(tǒng) 在處理業(yè)務(wù)方面得到很大的提升空間。3.3.3管理可行性對(duì)于絕大多數(shù)用戶而言，他們已經(jīng)養(yǎng)成了網(wǎng)上購(gòu)物的習(xí)慣。對(duì)于購(gòu)物方式，也已相 對(duì)比較熟悉。對(duì)于本網(wǎng)站而言，簡(jiǎn)潔友好的界面可以使用戶快速的了解本網(wǎng)站提供的業(yè) 務(wù)，從而能更好的操作以完成網(wǎng)上購(gòu)物的體驗(yàn)。對(duì)于后臺(tái)管理者而言，本系統(tǒng)提供的后 臺(tái)操作簡(jiǎn)單，模塊劃分簡(jiǎn)

14、潔明了。因此無論是用戶，還是管理員都能很好的操作本網(wǎng)站 提供的功能，在管理方面是可行的。3.4數(shù)據(jù)庫設(shè)計(jì)數(shù)據(jù)庫設(shè)計(jì)是指對(duì)于一個(gè)給定的應(yīng)用環(huán)境，構(gòu)造（設(shè)計(jì)）優(yōu)化的數(shù)據(jù)庫邏輯模式和 物理結(jié)構(gòu)，并據(jù)此建立數(shù)據(jù)庫及其應(yīng)用系統(tǒng)，使之能夠有效地存儲(chǔ)和管理數(shù)據(jù)，滿足各 種用戶的應(yīng)用需求，包括信息管理要求和數(shù)據(jù)操作需求。信息管理要求是指在數(shù)據(jù)庫中 應(yīng)該存儲(chǔ)和管理哪些數(shù)據(jù)對(duì)象；數(shù)據(jù)操作要求是指對(duì)數(shù)據(jù)對(duì)象需要進(jìn)行哪些操作，如查 詢、增、刪、改、統(tǒng)計(jì)等操作。63.4.1數(shù)據(jù)庫需求分析數(shù)據(jù)庫需求分析的任務(wù)是通過詳細(xì)調(diào)查現(xiàn)實(shí)世界要處理的對(duì)象（組織、部門、企業(yè)電子商務(wù)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)73所示，因此概念設(shè)計(jì)也bb S_t

15、i tl ev-u: C 7 (10 JIbb E_Ci4nt!|4Xlt Ebb s_*xit.hDr v aich-ai- (1 IJ bbsdatetimee_acL.iELa.dmm_i d mta.dm in.ik-nme : v-ar char (10idm i T_Jnrd -ie_sh.opcax:shop cd 1 ntigDodaid. int AH*go a ds pmi 4 $ flc_Qxdexi d i ntUEer_i d ； mtshop a ijr_c ount mt user i dl mtccoodsgood.s_i d. mtEood-3-n-aine

16、: v-ar char (10)goods_pri cego o d._cl I&.E E ch-ar (L good.s_ph.otc :tker :0ods_limE iB. - t iiiigo Qtgoo ds_i d i ntH；-? :e : v-xr c i.LU Jco D ds_pr A c e! .二 rder_comrLt in ardor peoplo p沁or der_-sid.d2r 住匚匸ail 鉉“ C25)UEai_rLaaa voi* elt-air 住)us er_r Aljiam avis-ch.-i-亞5us er p er i d.v -ir uh

17、ar (2S JphJL-fe v：dj ； SJ 5 )UE ar pw-ij var r L - - j user i duser_6raailII-1US 41-_Tl-UTinA us eri8 elxiam e us er _p er i d nt *r_ph USCil pwJl.值侶口口口口口口 許等），充分了解系統(tǒng)的工作概況，明確用戶的各種需求，然后在此基礎(chǔ)上確定系統(tǒng)的功 能，因此必須充分考慮今后可能的擴(kuò)充和改變，不能僅僅按照當(dāng)前應(yīng)用需求來設(shè)計(jì)數(shù)據(jù) 庫。本系統(tǒng)相對(duì)比較簡(jiǎn)單，從前臺(tái)到后臺(tái)操作涉及到的實(shí)體及其屬性的定義都能滿足系 統(tǒng)的要求，因此在考慮后期可能的應(yīng)用需求，本數(shù)據(jù)庫的設(shè)

18、計(jì)相對(duì)合理，應(yīng)用性良好。342數(shù)據(jù)庫概念設(shè)計(jì)數(shù)據(jù)庫概念設(shè)計(jì)階段是在需求分析的基礎(chǔ)上，設(shè)計(jì)出能滿足用戶需求的各種實(shí)體, 以及它們之間的關(guān)系，為后面的邏輯結(jié)構(gòu)設(shè)計(jì)打下基礎(chǔ)。在本電子商務(wù)網(wǎng)站中，各項(xiàng)實(shí) 體之間的關(guān)系并不復(fù)雜，本系統(tǒng)的數(shù)據(jù)庫沒有設(shè)計(jì)外鍵關(guān)聯(lián)，只是將關(guān)聯(lián)數(shù)據(jù)庫的字段存放到需要的數(shù)據(jù)庫表中，從而能達(dá)到數(shù)據(jù)關(guān)聯(lián)的目的，如圖相對(duì)比較容易圖3數(shù)據(jù)庫實(shí)體關(guān)系圖3.4.3數(shù)據(jù)庫邏輯設(shè)計(jì)在數(shù)據(jù)庫邏輯結(jié)構(gòu)設(shè)計(jì)階段，需要將數(shù)據(jù)庫概念結(jié)構(gòu)轉(zhuǎn)化為MySQL數(shù)據(jù)庫系統(tǒng)所支持的實(shí)際數(shù)據(jù)模型，也就是數(shù)據(jù)庫的邏輯結(jié)構(gòu)。在上面的實(shí)體結(jié)構(gòu)的基礎(chǔ)上，形成對(duì) 應(yīng)的數(shù)據(jù)庫表，如表1表7所示。表1用戶基本信息表e_nesnaws

19、_i d intncws_titie vxrchai- (LUnew s_coikt ent snew s_t ime da1 - J H.H8表2商品基本信息表容類型檢度小敎點(diǎn)允許空值|goodE_i dinf10Ql100goods_pri cefloat10goods_classvarehar10agoodstovsrchsr500g：oodE_othervar char1000goodsj-evelint10表3訂單基本信息表名類型長(zhǎng)度小歡點(diǎn)允許空值order_i din.t20外dint200g：oodE_i dint20goaids_namevar ehajr200goods_pr

20、i cefloa t20order_countint20aorder jeo-plev archer20order_addressvar char20aordtr jh&n*vti-ehtr200order_email研ar char20artKsrvajeh*200order _t imedatetimE0表4購(gòu)物車基本信息表容類型扶度小數(shù)點(diǎn)允許至佰thopear_i dint10o.1gCbQdE_l dint100.goodE,_najmevar char100唇 o d.5._ r i!. IL10oshop car_c oim tint100uaer_i dint10o表5新聞基本信

21、息表名類型長(zhǎng)度小數(shù)點(diǎn)、允許空值s_i 3ID4n*ws_ti tievareh.*r20GQ* S_ffOIKt； 4T%t 左var ffh-sr200nwS_llined.a.teti.rn0表6管理員基本信息表類型&謄h齣點(diǎn)血許空值a. dm 3.111 dLint.100Aladmi ik_TLOiTi -IOadmits pw-dVdUf clkAJrIO表7留言板基本信息表類型小數(shù)點(diǎn)允許空值lbbs._10o1bbs_,t i t.lvrchar10obb s_ccikt nt swrchu10Dbb s_authoirvair ch.u10ObBs_iLama00電子

22、商務(wù)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)9T-心art /or MySQJ-文件老）！査音電）峻IE惡昭J工旦CE）因口世解朗Q4n用戸現(xiàn)罔電 XFcnv E n -fr_LM 口：百 iJ 0ASM IJ1Ju亡戸IQIUFT TTWg葉拄 1I fD _ 1 ti皆一W mn-eMvr（3）雙擊展開“ eshop數(shù)據(jù)庫，選中表”，鼠標(biāo)右擊選中 新建表”，如圖7所示,344數(shù)據(jù)庫結(jié)構(gòu)實(shí)現(xiàn)在需求分析、概念結(jié)構(gòu)設(shè)計(jì)的基礎(chǔ)上得到數(shù)據(jù)庫的邏輯結(jié)構(gòu)之后，就可以在MySQL 數(shù)據(jù)庫系統(tǒng)中實(shí)現(xiàn)該邏輯結(jié)構(gòu)。實(shí)現(xiàn)數(shù)據(jù)庫的邏輯結(jié)構(gòu)的方式是借助Navicat For Mysql來管理實(shí)現(xiàn)，詳細(xì)步驟如下所述。（1）打開Navicat

23、For Mysql，選擇連接”出現(xiàn)新建連接”界面，在“連接名”輸入 框中填入項(xiàng)目名（如eshop）,其他選擇對(duì)應(yīng)的數(shù)值，如端口號(hào)、數(shù)據(jù)庫的用戶名和密碼 等。當(dāng)點(diǎn)擊測(cè)試連接時(shí)，若如圖4所示的效果，則連接成功，點(diǎn)擊確定即可看到如圖5所示的界面圖5連接列表（2）選中eshop，鼠標(biāo)右擊選擇 新建數(shù)據(jù)庫”，在“數(shù)據(jù)庫名”標(biāo)簽中填入數(shù)據(jù)庫名（如eshop）， “字符集”選擇“ u8-UTF-8 Uni code ”其他選擇默認(rèn)，如圖6所示。進(jìn)入填寫數(shù)據(jù)項(xiàng)信息的界面，選中下面的自動(dòng)增加”（表示id為自動(dòng)增加），填寫完信 圖4新建數(shù)據(jù)庫連接圖6新建數(shù)據(jù)庫圖7新建表呼ii旳導(dǎo)10息后保存，提示填入表名（如 e

24、_use）即可，如圖8所示。輕 e user 倉曰(eshop) 舌支井些 編洱電J宙口憶I幫肋QP13硼建 口保存 怕 另存為正話力口徑位 三插人欄位 吟刪除欄位主暉 會(huì)上移 #下移欄萱索引I購(gòu)世器選瑯 漳極 沁時(shí)呂搓型KE小數(shù)點(diǎn)立許空値ILS tr_iditiL100UEitr_am4.ilvaichiur25Dvarchajr25Q 筒匚1個(gè)丫 裕舫 Of)圖9所有的數(shù)據(jù)表第4章系統(tǒng)詳細(xì)設(shè)計(jì)與實(shí)現(xiàn)4.1界面設(shè)計(jì)原則界面設(shè)計(jì)是屏幕產(chǎn)品的重要組成部分。 界面設(shè)計(jì)是一個(gè)復(fù)雜的有不同學(xué)科參與的工 程，認(rèn)知心理學(xué)、設(shè)計(jì)學(xué)、語言學(xué)等在此都扮演著重要的角色。用戶界面是用戶與程序 溝通的唯一途徑，要能為

25、用戶提供方便有效的服務(wù)。用戶界面設(shè)計(jì)的三大原則是：置界 面于用戶的控制之下、減少用戶的記憶負(fù)擔(dān)、保持界面的一致性。4.2主要功能及界面的實(shí)現(xiàn)本電子商務(wù)網(wǎng)站采用的是 JSP7技術(shù)作為前端頁面展現(xiàn)，由于每個(gè)模塊的頁面是不 一樣的，因此在設(shè)計(jì)頁面時(shí)，要合理的安排，盡量使用戶能夠很快的熟悉本網(wǎng)站的主要 功能，同時(shí)需要保持界面的簡(jiǎn)潔和一致性。4.2.1前臺(tái)子系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)（1）前臺(tái)用戶注冊(cè)對(duì)于本電子商務(wù)網(wǎng)站，未成功注冊(cè)用戶只能查看新聞公告，商品信息等，而不能進(jìn) 入系統(tǒng)使用其他的業(yè)務(wù)。用戶需要辦理注冊(cè)手續(xù)，即進(jìn)入注冊(cè)頁面，按要求輸入有效的個(gè)人信息，如賬戶名、真實(shí)姓名、身份證號(hào)、郵箱等必要信息，如圖10所

26、示用戶注抑郵用戶登錄券戶.打用戶丨H粵（SHE號(hào)、山手機(jī)號(hào)碼Hrt密五馬總陽匕.f _確訃擊瑪L苣錄注冊(cè)炷按用尸|芒shopEK3頒國(guó)u_hop dmw_E-ltkO p C AJ:-1_U KMX-吐_ oir d.2r12圖10用戶注冊(cè)圖11用戶登錄（2）前臺(tái)用戶登錄已成功注冊(cè)用戶只有登錄系統(tǒng)才能執(zhí)行其他業(yè)務(wù)操作，如圖11所示，因此在登錄界面輸入賬戶名和密碼，提交信息后，后臺(tái)進(jìn)行驗(yàn)證，若與數(shù)據(jù)庫里存儲(chǔ)的信息匹配， 則可以成功登陸。（3）前臺(tái)新聞信息模塊當(dāng)進(jìn)入網(wǎng)站首頁，貝U直接在右邊的頁面中瀏覽所有的公告信息，或者點(diǎn)擊“首頁” 則回到所有新聞信息顯示頁面，如圖 12所示。電子商務(wù)網(wǎng)站的設(shè)計(jì)與

27、實(shí)現(xiàn)13用戶登錄 聚美優(yōu)品 商品類別品牌商家tft持股別JW4HP344r Q p-c4444. U puHR空廿Id年各J=J些曰199S. O phono app-le 201369 0iponciSS ZZZZr Q phonei up pl e 2019 B加人購(gòu)物斗加入觸物車主威訂至主咸l丁単様馭 內(nèi)客發(fā)布吋詞端午大優(yōu)惠眾平節(jié)將至，買的越多.送曲越賽. M13年6月H日 豎日大8（1賓本店脅夭幵業(yè)，全場(chǎng)大酬賓.多買爭(zhēng)得的3年6月1】日 學(xué)生優(yōu)墓 禰龍凋畢業(yè)生叫?斗業(yè)季大樂購(gòu) 20136月門日?qǐng)D12前臺(tái)新聞信息模塊（4）前臺(tái)用戶信息模塊進(jìn)入主界面后，當(dāng)用戶點(diǎn)擊“會(huì)員信息”時(shí)，即進(jìn)入“前

28、臺(tái)用戶信息”子模塊，此 模塊中顯示了登陸用戶的個(gè)人信息，用戶可以修改個(gè)人信息，包括密碼的修改等，如圖 13所示。用戶管理 -郵箱賬戶名真實(shí)姓名身份證號(hào)聯(lián)系方式 會(huì)員密碼操作277Sjason 李駿 3429011990100S0000123456 修改圖13前臺(tái)用戶信息模塊（5）前臺(tái)商品信息模塊在主界面的左側(cè)導(dǎo)航欄中（如“聚美優(yōu)品”、“商品類別”、“品牌商家”等），則根 據(jù)其下拉的選項(xiàng)點(diǎn)擊查看不同的商品信息。在對(duì)應(yīng)頁面上方的查詢輸入框中，輸入商品名稱，則可查詢所需的商品信息，如圖14所示。IB薛岌市的向品圖14前臺(tái)商品信息模塊亍百莫 品:吊ISJ1新聞獵HFjJMrh

29、pOOLipone1417所示。用戶可以添加留言信(6)前臺(tái)購(gòu)物車信息模塊當(dāng)點(diǎn)擊商品信息的操作欄中“加入購(gòu)物車”鏈接時(shí)，則進(jìn)入購(gòu)物車信息模塊。該頁 面上顯示將加入購(gòu)物車中的商品信息。當(dāng)點(diǎn)擊“購(gòu)物車”時(shí)，則顯示該用戶下的購(gòu)物車 中的商品信息。當(dāng)點(diǎn)擊購(gòu)物車列表里“刪除”操作，貝U可刪除購(gòu)物車中對(duì)應(yīng)的商品。在 購(gòu)物車列表頁面的輸入框中輸入商品名稱，顯示所需的商品信息，如圖15所示。購(gòu)物車管理-商品名稱商諾價(jià)格商品數(shù)量操忙hpoai344+ o1冊(cè)I除生咸訂單hpOOl344.02刪除生成訂單hp0024444.03刪除生成訂單圖15前臺(tái)購(gòu)物車信息模塊(7)前臺(tái)訂單信息模塊當(dāng)點(diǎn)擊商品列表的“生成訂單”

30、操作，如圖14所示?；蛘唿c(diǎn)擊購(gòu)物車列表的“生成訂單”操作，如圖15所示時(shí)，則出現(xiàn)訂單信息填寫頁面，輸入訂單信息，并通過驗(yàn) 證，即完成訂單添加操作；否則添加失敗。點(diǎn)擊“查看訂單”操作，顯示該用戶下所有 的訂單信息。點(diǎn)擊訂單列表中的“刪除”操作，貝U刪除對(duì)應(yīng)的商品訂單。在訂單列表的 輸入框中輸入訂單編號(hào)，則查詢出所需的訂單信息，如圖16所示。訂単晉理編號(hào)商品名稱價(jià)格 商品數(shù)旱咬賞人收賁地址聯(lián)系方式 郵編備注時(shí)冋操作4410013+4 0 21115E05650000 120年石月11S刪除結(jié)舁45199S 0 3215805650000 1222013年點(diǎn)月11曰冊(cè)際 結(jié)算46hpOOl4444.

31、0 331J5SO5550OOO 1年百月11日刪除 結(jié)算47ijone5S2222.0 41115805650000 1442013年啟月11日刪除結(jié)舁48ipone199B.0 31115S05550000 1332013年舀月11B刪除49ipone1998.0 31115S05650000 1552013年百月11 口刪除 結(jié)舁50hpOOl344 0 11 1115S05&57023 112013年疔月14 5刪除結(jié)尊圖16前臺(tái)商品信息模塊(8)前臺(tái)留言板信息模塊點(diǎn)擊“留言欄”操作，顯示所有的留言信息，如圖 息，未登錄用戶添加留言時(shí)，出現(xiàn)需要用戶登陸提示。電子商務(wù)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)圖2

32、0后臺(tái)管理員信息模塊15添加我的留言査看留言欄主題 內(nèi)容作者時(shí)河我的認(rèn)識(shí)網(wǎng)店很好，頂！jason2013年&月.日好評(píng) 網(wǎng)站很新穎，很潮濟(jì)！ jason 2013年月11 口非常好操作簡(jiǎn)單，非常很好 ! jasan 2013年6月11日?qǐng)D17前臺(tái)新聞信息模塊422后臺(tái)子系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)（1）后臺(tái)管理員登錄當(dāng)管理員輸入用戶名和密碼時(shí)，后臺(tái)進(jìn)行驗(yàn)證，若驗(yàn)證通過，則進(jìn)入后臺(tái)管理界 面，若驗(yàn)證錯(cuò)誤，則提示登陸失敗信息，如圖 18所示。當(dāng)管理員成功登陸到系統(tǒng)后, 系統(tǒng)會(huì)跳轉(zhuǎn)到如圖19所示的后臺(tái)主界面，從而完成后臺(tái)的管理。用戶名；密碼：顰錄圖18前臺(tái)新聞信息模塊用戸昔理 _ 商品曽理 訂單鴛燈留言昔理秦統(tǒng)

33、昔理圖19后臺(tái)主界面（2）后臺(tái)管理員信息模塊當(dāng)管理員成功登陸后，則進(jìn)入后臺(tái)管理界面，當(dāng)點(diǎn)擊左側(cè)導(dǎo)航欄中“系統(tǒng)管理” 下的“管理員信息”時(shí)，則顯示管理員的個(gè)人信息，當(dāng)點(diǎn)擊“修改”時(shí)，則可以修改管 理員的用戶名和密碼，如圖20所示。L樂統(tǒng)管理編號(hào)用戶名11116當(dāng)點(diǎn)擊右側(cè)導(dǎo)航欄中“用戶管理”下“用戶管理” 理員可以刪除用戶，或者根據(jù)賬戶名查找用戶，如圖，則顯示所有注冊(cè)用戶信息。21所示。郵箱匸瑯90遽qqam jason剝SZSO h血張三2 Olll-J qq. com wor：d季四3429011?Q010080000 1580565000 123456342?01100000000000 1

34、59000000CC 123456342?01000015POOOOOOOO 123456刪除刪除刪除IIR賬戶名真實(shí)姓名身份證號(hào)聯(lián)系方式會(huì)員密碼操作圖21后臺(tái)用戶管理模塊(4)后臺(tái)商品管理模塊當(dāng)點(diǎn)擊右側(cè)導(dǎo)航欄中“商品管理”下“添加商品”，則可填寫商品信息，若通過后 臺(tái)驗(yàn)證，貝U完成添加操作，否則提示添加錯(cuò)誤信息。當(dāng)點(diǎn)擊“商品列表”，則顯示所有的商品信息。在輸入框中輸入商品名，貝冋以完成按商品名查詢操作。當(dāng)點(diǎn)擊“刪除” 則刪除對(duì)應(yīng)的商品，如圖22所示。廠已經(jīng)發(fā)布的高品T .商訃二稱_萼名稱價(jià)格 類型圖片廠家發(fā)布時(shí)間推薦級(jí)別操作bpQOl344.0pc./lmage/eshopAiplo-hp2

35、013690 3刪除加0024444.0pc* /ima e /e shop Aiplo hp301詐6月9日3攔除iponeWS3.0 phone/imaga/eshop/uploapple 20130月9日 4刪除iponeES 2222.0 phone ./image/eshopAiplo-p,apple 30135月9日 3刪除圖22后臺(tái)商品管理模塊(5)后臺(tái)訂單管理模塊當(dāng)點(diǎn)擊右側(cè)導(dǎo)航欄中“訂單管理”下“訂單列表”，則可顯示所有的訂單信息。當(dāng) 管理員在輸入框中輸入訂單ID或者點(diǎn)擊操作欄中的“刪除”時(shí)，則完成對(duì)應(yīng)的搜索或 刪除操作，如圖23所示。(3)后臺(tái)用戶管理模塊用戶管理電子商務(wù)網(wǎng)站

36、的設(shè)計(jì)與實(shí)現(xiàn)圖25后臺(tái)留言板管理模塊17訂單隹埋如1號(hào)nr 廠 iw 號(hào)蘇價(jià)恪敎 SL人收童+也 址聯(lián)系右式注作361Ohp1 1O21111158.0565702311111111111 J25工年15月0 H脇降371Ohp12111115B05657O2311111111111120“年應(yīng)月空 曰381Oip=Ld11.02111115S05657O2311111111曰刪降391OLpa.d1.1.0L1丄1115S05O57O2311111111衛(wèi)燈汁年氐曰空 曰4Q1Oipane1999.0i垂取1505252-123117254Ml年埠9 H4111hpOOl344.O115&0

37、5252423117254二0】3年0月P B4211iponeicig&.o115&Q52524231 172:542013 &月 P Owtl降412ipo-ne108 O32215605550000t22年 冃 11 曰礫412-13-1 o31gggOCWM122201弓年白冃11Bflftj礫-*7122222.041t158.055iMKW14-1罰山年念月11 曰All降圖23后臺(tái)訂單管理模塊(6)后臺(tái)新聞管理模塊當(dāng)點(diǎn)擊右側(cè)導(dǎo)航欄中“新聞管理”下“添加新聞”，則可填寫新聞信息，若通過后 臺(tái)驗(yàn)證，貝U完成添加操作，否則提示添加錯(cuò)誤信息。當(dāng)點(diǎn)擊“新聞列表”，則顯示所有的新聞信息。當(dāng)點(diǎn)

38、擊“刪除”或“修改”，則可完成相應(yīng)操作。在輸入框中輸入新聞ID , 完成新聞查詢操作，如圖24所示。噺聞管理編號(hào)標(biāo)題請(qǐng)輸入扁號(hào)|匡同內(nèi)容時(shí)間操作27據(jù)午犬優(yōu)惠據(jù)午節(jié)將至，買的越釦送的越軌狐13年6月11日修改刪除2829今日犬酬肓本店今天幵業(yè)全場(chǎng)犬酬臺(tái)，多買多得2013年日月113改刑涂 學(xué)生優(yōu)惠 你是幼小屆畢業(yè)生嗎？畢業(yè)季大樂陶 甜13年右月11日忙改刊陰圖24后臺(tái)新聞管理模塊(7)后臺(tái)留言板管理模塊當(dāng)點(diǎn)擊右側(cè)導(dǎo)航欄中“留言管理”下“留言板管理”，則顯示所有前臺(tái)用戶的留言信息。當(dāng)點(diǎn)擊“刪除”，貝冋完成刪除留言的操作，如圖 25所示。廠留言板管理主題內(nèi)容作者時(shí)間操作我的認(rèn)識(shí)網(wǎng)店很好，頂！jas

39、on 20136.110 刪除好評(píng) 非柵網(wǎng)站很新穎，狼潮流！ 據(jù)作簡(jiǎn)單，菲常很好！jaa(m201瞬明1舊呵除jason2O13年生月1】日刪除圖30登陸提示18此可完成用戶注冊(cè)操作。畐 購(gòu)厠車豆 亙舌訂羊戶I雷吉世親，恭書恂江冊(cè)咸功，請(qǐng)登錄郵療可用1鱉負(fù)電可.用JiMZ771 DMnOODMMISMggEMH平機(jī)E誦耳用網(wǎng)耳用圖28注冊(cè)成功提示j asorij歡迎你！退出第5章系統(tǒng)測(cè)試5.1測(cè)試環(huán)境軟件環(huán)境：JDK1.6, Windows 2000以上的操作系統(tǒng)8 硬件環(huán)境：最低 In tel Pen tium II 500 MHz ；安裝內(nèi)存（RAM ）:512MB （最好1GB以上）。5

40、.2測(cè)試過程當(dāng)用戶在前臺(tái)登錄頁面中輸入正確的賬戶名（如“ jason ”和密碼（如“ 123456”時(shí)，則登陸成功，則成功跳轉(zhuǎn)到如圖26所示頁面，否則提示如圖27登陸錯(cuò)誤信息提示。圖26登錄成功當(dāng)未注冊(cè)用戶點(diǎn)擊“注冊(cè)”按鈕，在右邊看到注冊(cè)界面，用戶輸入正確的數(shù)據(jù)，然 后點(diǎn)擊按鈕“添加”，將提示注冊(cè)成功，如圖28所示。反之如果上面的信息只要有一項(xiàng)不符合規(guī)定，將提示注冊(cè)失敗。此處給出所有注冊(cè)信息通過的提示，如圖29所示，因翌 m I_ 注:w 圖27登陸失敗*E圖29注冊(cè)提示用戶若沒有登錄，當(dāng)查看購(gòu)物車、訂單等信息或添加到購(gòu)物車、生成訂單和添加留 言等操作時(shí)，會(huì)出現(xiàn)如圖30的提示，只有成功登錄后，

41、才能操作對(duì)應(yīng)的功能。用戶登錄親.諭托疥錄聚美侏品商品類別品牌商.家電子商務(wù)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)圖33生成訂單格式不正確提示19當(dāng)用戶在自己的購(gòu)物車列表中點(diǎn)擊生成訂單時(shí)，若出現(xiàn)如圖31的頁面，則說明該物品已下架，用戶可以選擇其他物品進(jìn)行購(gòu)買。.用戶登錄親諜物品己埋下架I請(qǐng)選樣耳側(cè)品 聚美優(yōu)品商品類別品牌商家圖31商品下架提示前臺(tái)各個(gè)功能模塊的測(cè)試重點(diǎn)大致相同，此處以前臺(tái)訂單管理為例，在生成訂單頁 面輸入信息，若顯示如圖32的頁面時(shí)，則說明輸入信息不可為空，當(dāng)輸入的格式不正 確時(shí)，用戶無法完成訂單添加的功能，如圖33所示。只有輸入有效的數(shù)據(jù)才能成功生成訂單。親r請(qǐng)認(rèn)真核對(duì)燃的物品倩息，訂單一經(jīng)碉定，不

42、可修阻商品騙號(hào)，S3商品容稱耳hpOOl商品價(jià)?。?44.0所購(gòu)魏星；“收貫人（必埴）:二|收貫人不肄為空收貴地址（必填1 .收貨地址不誌為空手機(jī)號(hào)碼必填）.手機(jī)號(hào)碼不能均空*郵鎬必填）：|郵琉不能為空備注C可選:1圖32生成訂單不為空提示親，請(qǐng)認(rèn)克核對(duì)您的物品佶息，訂單一豈全確定 不可偎改*商品編號(hào). 商S-H 商品1備注匚可選）:瀝力tSHfe手機(jī)號(hào)禍填）郵術(shù) 必填）,156020當(dāng)?shù)卿浻脩舨榭从唵涡畔r(shí)，當(dāng)輸入訂單編號(hào) 46時(shí),的頁面。訂單管理I阿編號(hào)商品名稱價(jià)格商品數(shù)量收貨人收貨地址聯(lián)系方式若有數(shù)據(jù)，則會(huì)顯示如圖34郵編備注時(shí)間操作46血0024444.0 34S坦5逛i 合宮O 32

43、215305600004hpQg4444.0 3-3115505 6*5000047ipone 5 &2222.0 411tseoscisooooi4盤TJ3-G FE11今咅藏0 31)49jgp-one199S.O 3111580565000030hpOO j344.011 111S8O3 63-7023年若月11 a弓年若.月11曰JH 丄 1 曰XI殳年祗月1曰NO年5月1 1曰012 年 5 月 14 3flyfly古fl-Jfl-JKCKC 刑fl*Jfl*J古fillfill吉型口 - 曲總-曲-圖36訂單刪除成功之后的頁面前臺(tái)主界面的右下方如圖37管理員輸入正確登錄信息,則可進(jìn)

44、入如圖19所示的后臺(tái)管理界面，管理員可在該界面完成各項(xiàng)操作用戶名或密碼錯(cuò)誤！用戶名;密碼,登122201 祇月 11 日轟圖34前臺(tái)訂單查詢頁面當(dāng)輸入0時(shí)，因?yàn)閿?shù)據(jù)庫無此數(shù)據(jù)，則會(huì)出現(xiàn)如圖 35的頁面。當(dāng)用戶輸入的數(shù)據(jù) 不符合要求時(shí)，則會(huì)出現(xiàn)如圖41的頁面提示，用戶需重新輸入。訂單管理圖35查詢無數(shù)據(jù)頁面當(dāng)用戶刪除如圖所示的訂單編號(hào) 44時(shí)，若頁面效果如圖36所示，沒有編號(hào)為44的訂單信息，則說明刪除成功。訂單吿理_圖37后臺(tái)登陸錯(cuò)誤提示頁面當(dāng)管理員成功登錄到后臺(tái)管理模塊時(shí)，則進(jìn)入到訂單管理模塊，當(dāng)在編號(hào)輸入框 中輸入訂單編號(hào)33時(shí)，若顯示界面如圖38,則說明已經(jīng)成功查詢。脅號(hào)們描商品敕收懾人電子商務(wù)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)21所示。出錯(cuò)!M問的頁面不存在!圖40頁面找不到提示a不殍意層嘲網(wǎng)站出現(xiàn)錯(cuò)誤了！圖41服務(wù)