電子商務(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ù)簡介 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 管理可行性 53.4 數(shù)據(jù)庫設(shè)計(jì) 53.4.1 數(shù)據(jù)庫需求分析

2、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.1 課題背景從 21 世紀(jì)以來，作為一種新型的經(jīng)營模式，電子商務(wù)得到了長足的發(fā)展

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

4、必要錯(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) 1 。本設(shè)計(jì)參照實(shí)際的網(wǎng)店的業(yè)務(wù)邏輯建立而成，同時(shí)自己建立數(shù)據(jù) 庫，使得所需商品信息可以及時(shí)的保存、更新，這樣，前臺(tái)可以更好的完成網(wǎng)上購物體 驗(yàn)，而管理員也可以更好的及時(shí)的了解商品買賣的情況。1.3 設(shè)計(jì)目標(biāo) 通過本電子商務(wù)網(wǎng)站，顧客可瀏覽商品信息，搜索到自己想要的商品，并可以完成 對(duì)商品下單等操作。而后臺(tái)管理員可以管理注冊(cè)用戶的信息，同時(shí)也可以完成對(duì)商品、 訂單和新聞等的管理操作。本網(wǎng)站致力于提供給用戶完善的購物體驗(yàn)，同時(shí)方便管理員 對(duì)后臺(tái)

5、的管理。第 2 章開發(fā)工具及相關(guān)技術(shù)簡介 軟件的開發(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)的開發(fā)平臺(tái)不一樣，因此其所搭建的開發(fā)環(huán)

6、境當(dāng) 然也會(huì)有很大的差別。2.1 Java 語言Java2 是一種可以撰寫跨平臺(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è)簡單、面向?qū)ο?、分布式、解釋性、?/p>

7、壯、安全與系統(tǒng)無關(guān)、可 移植、高性能、多線程和動(dòng)態(tài)的語言。2.2 EclipseEclipse 是一個(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.3 TomcatTomcat 服務(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)在

8、一臺(tái)機(jī)器上配置好 Apache 服務(wù) 器，可利用它響應(yīng)對(duì) HTML頁 面的訪問請(qǐng)求。2.4 MySQL 與 Navicat For MySQLMySQL3 是一個(gè)關(guān)系型數(shù)據(jù)庫管理系統(tǒng)，由瑞典 MySQL AB 公司開發(fā)，它是用于訪電子商務(wù)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)問數(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 基

9、于 Windows 平臺(tái)，為 MySQL 量身訂作，提供類似于 MySQL 的用管理界面工具。 此解決方案的出現(xiàn)，將解放 php，Java 等程序員以及數(shù)據(jù)庫設(shè)計(jì)者、管理者的大腦，降 低開發(fā)成本，為用戶帶來更高的開發(fā)效率。2.5 MVC 框架MVC 4是一個(gè)框架模式，它強(qiáng)制性的使應(yīng)用程序的輸入、 處理和輸出分開。使用 MVC 應(yīng)用程序被分成三個(gè)核心部件：模型、視圖、控制器。它們各自處理自己的任務(wù)。最典 型的 MVC就是 JSP + Servlet + Javabean的模式。2.6 B/S 架構(gòu)B/S5 最大的優(yōu)點(diǎn)就是可以在任何地方進(jìn)行操作而不用安裝任何專門的軟件， 只要有 一臺(tái)能上網(wǎng)的電腦就

10、能使用，客戶端零安裝、零維護(hù)。系統(tǒng)的擴(kuò)展非常容易。 B/S 同時(shí) 具有升級(jí)和維護(hù)方式相對(duì)簡單、成本較低等。第 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）購物車信息模塊，即添加購物車、刪除購物車、搜索購物車信息；（4）訂單信息模塊，即添加訂單、刪除訂單，搜索訂單信息；（ 5）新聞信息模塊、即瀏覽發(fā)布的新聞信息； （6）留言板信息模塊、即添加留言，查看所有的留言信息；3.1.2 后臺(tái)

11、功能模塊分析1）管理員信息模塊，即管理員登錄、查看個(gè)人信息、修改個(gè)人信息；2）用戶管理模塊，即查看所有用戶信息、搜索用戶信息、刪除用戶；3）商品管理模塊，即添加商品、查詢商品、刪除商品；4）訂單管理模塊，即查看所有訂單信息，搜索訂單，刪除訂單；5）新聞管理模塊，即查看所有的新聞，搜索新聞，修改新聞，刪除新聞；6）留言板管理模塊，即查看所有留言信息，刪除留言；3.2 業(yè)務(wù)流程分析通過本電子商務(wù)網(wǎng)站分為前后臺(tái)兩種角色管理，前臺(tái)用戶可以完成對(duì)應(yīng)的業(yè)務(wù)邏圖 1 前臺(tái)業(yè)務(wù)流程圖圖2 后臺(tái)業(yè)務(wù)流程圖輯，如圖 1 所示。后臺(tái)管理員完成對(duì)應(yīng)的業(yè)務(wù)邏輯，如圖 2所示3.3 可行性研究其目的也是根可行性分析能使新

12、系統(tǒng)達(dá)到以最小的開發(fā)成本取得最佳的經(jīng)濟(jì)效益，電子商務(wù)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)據(jù)開發(fā)管理信息系統(tǒng)的需求，通過初步調(diào)查和系統(tǒng)目標(biāo)分析，對(duì)于本電子商務(wù)網(wǎng)站設(shè)計(jì) 從技術(shù)上、經(jīng)濟(jì)上和管理上進(jìn)行是否可行的研究與分析，這既是保證資源的有效合理利 用，也是避免在日常工作中的失誤而導(dǎo)致的種種浪費(fèi)現(xiàn)象3.3.1 技術(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)下，以及我們的一起努力，翻閱

13、了大量的資料，多 操作多實(shí)踐，本系統(tǒng)才得以比較順利的開發(fā)出來。因?yàn)閷?shí)踐和技術(shù)方面的不足，使得我 們?cè)O(shè)計(jì)的程序依然存在很多不完善的地方， 后期好好的鉆研， 使本系統(tǒng)能更完善更適用。3.3.2 經(jīng)濟(jì)可行性本系統(tǒng)相對(duì)較小也比較簡單，不需要投入大量資金，同時(shí)又存在著實(shí)用性，能改善 使用方法在財(cái)力和人力上的過度消耗。因此一經(jīng)使用便可收到很好的成效，做到合理節(jié) 約和合理利用資源 , 既提高了工作效率并且也減少了工作人員的工作量，這使得本系統(tǒng) 在處理業(yè)務(wù)方面得到很大的提升空間。3.3.3 管理可行性 對(duì)于絕大多數(shù)用戶而言，他們已經(jīng)養(yǎng)成了網(wǎng)上購物的習(xí)慣。對(duì)于購物方式，也已相 對(duì)比較熟悉。對(duì)于本網(wǎng)站而言，簡潔友

14、好的界面可以使用戶快速的了解本網(wǎng)站提供的業(yè) 務(wù)，從而能更好的操作以完成網(wǎng)上購物的體驗(yàn)。對(duì)于后臺(tái)管理者而言，本系統(tǒng)提供的后 臺(tái)操作簡單，模塊劃分簡潔明了。因此無論是用戶，還是管理員都能很好的操作本網(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ì)等操作 6 。3.4.

15、1 數(shù)據(jù)庫需求分析 數(shù)據(jù)庫需求分析的任務(wù)是通過詳細(xì)調(diào)查現(xiàn)實(shí)世界要處理的對(duì)象（組織、部門、企業(yè)等），充分了解系統(tǒng)的工作概況，明確用戶的各種需求，然后在此基礎(chǔ)上確定系統(tǒng)的功 能，因此必須充分考慮今后可能的擴(kuò)充和改變，不能僅僅按照當(dāng)前應(yīng)用需求來設(shè)計(jì)數(shù)據(jù) 庫。本系統(tǒng)相對(duì)比較簡單，從前臺(tái)到后臺(tái)操作涉及到的實(shí)體及其屬性的定義都能滿足系 統(tǒng)的要求，因此在考慮后期可能的應(yīng)用需求，本數(shù)據(jù)庫的設(shè)計(jì)相對(duì)合理，應(yīng)用性良好。3.4.2 數(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ù)雜，

16、本系統(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)的目的，如圖 3 所示，因此概念設(shè)計(jì)也相對(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 用戶基本信息表電子商務(wù)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)表 2 商品基本信息表表 3 訂單基本信息表表 4 購物車基本信息表表 5 新聞基本信息表表 6 管理員基本信息表表7 留言板基本信息表73.4.4 數(shù)據(jù)庫結(jié)構(gòu)實(shí)

17、現(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 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所示的界面圖4 新建數(shù)據(jù)庫連接圖5 連接列表2）選中 “eshop”，鼠標(biāo)右擊選擇新建數(shù)據(jù)庫 ”，在“數(shù)據(jù)庫名”標(biāo)簽中

18、填入數(shù)據(jù)庫名（如 eshop），“字符集”選擇 “ut8f-UTF-8 Unicode ”其,他選擇默認(rèn)，如圖6 所示。圖6 新建數(shù)據(jù)庫圖7 新建表（3）雙擊展開“ eshop”數(shù)據(jù)庫，選中 “表”，鼠標(biāo)右擊選中 “新建表”，如圖 7 所示， 進(jìn)入填寫數(shù)據(jù)項(xiàng)信息的界面，選中下面的 “自動(dòng)增加 ”（表示 id 為自動(dòng)增加），填寫完信 息后保存，提示填入表名（如 e_user）即可，如圖 8 所示。圖8 e_user 數(shù)據(jù)表電子商務(wù)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)4）這樣我們?cè)?MySQL 數(shù)據(jù)庫系統(tǒng)中就創(chuàng)建了一個(gè) eshop的數(shù)據(jù)連接， 并在該連接下 創(chuàng)建一個(gè) eshop數(shù)據(jù)庫，并且能夠建立所需的數(shù)據(jù)表，如圖

19、9 所示。后期的操作中只要連接到該數(shù)據(jù)庫，就可以直接對(duì)數(shù)據(jù)庫中的數(shù)據(jù)表進(jìn)行操作。圖 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é)等在此都扮演著重要的角色。用戶界面是用戶與程序 溝通的唯一途徑，要能為用戶提供方便有效的服務(wù)。用戶界面設(shè)計(jì)的三大原則是：置界 面于用戶的控制之下、減少用戶的記憶負(fù)擔(dān)、保持界面的一致性 。4.2 主要功能及界面的實(shí)現(xiàn)本電子商務(wù)網(wǎng)站采用的是 JSP7技術(shù)作為前端頁面展現(xiàn) , 由于每個(gè)模塊的頁面是不 一樣的，因此在設(shè)計(jì)頁面時(shí)，要合理的安排，盡量使用

20、戶能夠很快的熟悉本網(wǎng)站的主要 功能，同時(shí)需要保持界面的簡潔和一致性。前臺(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 所示圖 10 用戶注冊(cè)2）前臺(tái)用戶登錄圖 11 用戶登錄已成功注冊(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)站首頁，則直接

21、在右邊的頁面中瀏覽所有的公告信息，或者點(diǎn)擊“首頁” 則回到所有新聞信息顯示頁面，如圖 12 所示。10電子商務(wù)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)圖 12 前臺(tái)新聞信息模塊（4）前臺(tái)用戶信息模塊 進(jìn)入主界面后，當(dāng)用戶點(diǎn)擊“會(huì)員信息”時(shí)，即進(jìn)入“前臺(tái)用戶信息”子模塊，此 模塊中顯示了登陸用戶的個(gè)人信息，用戶可以修改個(gè)人信息，包括密碼的修改等，如圖 13 所示。圖 13 前臺(tái)用戶信息模塊（5）前臺(tái)商品信息模塊 在主界面的左側(cè)導(dǎo)航欄中（如“聚美優(yōu)品” 、“商品類別”、“品牌商家”等） ，則根 據(jù)其下拉的選項(xiàng)點(diǎn)擊查看不同的商品信息。在對(duì)應(yīng)頁面上方的查詢輸入框中，輸入商品 名稱，則可查詢所需的商品信息，如圖 14 所示。圖

22、 14 前臺(tái)商品信息模塊11（6）前臺(tái)購物車信息模塊當(dāng)點(diǎn)擊商品信息的操作欄中“加入購物車”鏈接時(shí)，則進(jìn)入購物車信息模塊。該頁 面上顯示將加入購物車中的商品信息。當(dāng)點(diǎn)擊“購物車”時(shí)，則顯示該用戶下的購物車 中的商品信息。當(dāng)點(diǎn)擊購物車列表里“刪除”操作，則可刪除購物車中對(duì)應(yīng)的商品。在 購物車列表頁面的輸入框中輸入商品名稱，顯示所需的商品信息，如圖 15 所示。圖 15 前臺(tái)購物車信息模塊（7）前臺(tái)訂單信息模塊當(dāng)點(diǎn)擊商品列表的“生成訂單”操作，如圖 14 所示。或者點(diǎn)擊購物車列表的“生 成訂單”操作，如圖 15 所示時(shí)，則出現(xiàn)訂單信息填寫頁面，輸入訂單信息，并通過驗(yàn) 證，即完成訂單添加操作；否則添加

23、失敗。點(diǎn)擊“查看訂單”操作，顯示該用戶下所有 的訂單信息。點(diǎn)擊訂單列表中的“刪除”操作，則刪除對(duì)應(yīng)的商品訂單。在訂單列表的 輸入框中輸入訂單編號(hào)，則查詢出所需的訂單信息，如圖16 所示。圖 16 前臺(tái)商品信息模塊（8）前臺(tái)留言板信息模塊 點(diǎn)擊“留言欄”操作，顯示所有的留言信息，如圖 17 所示。用戶可以添加留言信 息，未登錄用戶添加留言時(shí)，出現(xiàn)需要用戶登陸提示。12電子商務(wù)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)圖 17 前臺(tái)新聞信息模塊后臺(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)管理員成功

24、登陸到系統(tǒng)后， 系統(tǒng)會(huì)跳轉(zhuǎn)到如圖 19 所示的后臺(tái)主界面，從而完成后臺(tái)的管理。圖 18 前臺(tái)新聞信息模塊圖 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 所示圖 20 后臺(tái)管理員信息模塊13（3）后臺(tái)用戶管理模塊當(dāng)點(diǎn)擊右側(cè)導(dǎo)航欄中“用戶管理”下“用戶管理” ，則顯示所有注冊(cè)用戶信息。管 理員可以刪除用戶，或者根據(jù)賬戶名查找用戶，如圖21 所示。圖 21 后臺(tái)用戶管理模塊（4）后臺(tái)商品管理模塊 當(dāng)點(diǎn)擊右側(cè)導(dǎo)航欄中“商品管

25、理”下“添加商品” ，則可填寫商品信息，若通過后 臺(tái)驗(yàn)證，則完成添加操作，否則提示添加錯(cuò)誤信息。當(dāng)點(diǎn)擊“商品列表” ，則顯示所有 的商品信息。在輸入框中輸入商品名，則可以完成按商品名查詢操作。當(dāng)點(diǎn)擊“刪除” 則刪除對(duì)應(yīng)的商品，如圖 22 所示。圖 22 后臺(tái)商品管理模塊（5）后臺(tái)訂單管理模塊 當(dāng)點(diǎn)擊右側(cè)導(dǎo)航欄中“訂單管理”下“訂單列表” ，則可顯示所有的訂單信息。當(dāng) 管理員在輸入框中輸入訂單 ID 或者點(diǎn)擊操作欄中的“刪除”時(shí)，則完成對(duì)應(yīng)的搜索或 刪除操作，如圖 23 所示。14電子商務(wù)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)圖 23 后臺(tái)訂單管理模塊（6）后臺(tái)新聞管理模塊 當(dāng)點(diǎn)擊右側(cè)導(dǎo)航欄中“新聞管理”下“添加新聞

26、” ，則可填寫新聞信息，若通過后 臺(tái)驗(yàn)證，則完成添加操作，否則提示添加錯(cuò)誤信息。當(dāng)點(diǎn)擊“新聞列表” ，則顯示所有 的新聞信息。當(dāng)點(diǎn)擊“刪除”或“修改” ，則可完成相應(yīng)操作。在輸入框中輸入新聞 ID ，完成新聞查詢操作，如圖 24 所示圖 24 后臺(tái)新聞管理模塊（7）后臺(tái)留言板管理模塊 當(dāng)點(diǎn)擊右側(cè)導(dǎo)航欄中“留言管理”下“留言板管理” ，則顯示所有前臺(tái)用戶的留言 信息。當(dāng)點(diǎn)擊“刪除”，則可完成刪除留言的操作，如圖 25 所示。圖 25 后臺(tái)留言板管理模塊15第 5 章 系統(tǒng)測(cè)試5.1 測(cè)試環(huán)境軟件環(huán)境： JDK1.6，Windows 2000 以上的操作系統(tǒng) 8； 硬件環(huán)境：最低 Intel Pe

27、ntium II 500 MHz ； 安裝內(nèi)存（ RAM）： 512MB（最好 1GB 以上）。5.2 測(cè)試過程當(dāng)用戶在前臺(tái)登錄頁面中輸入正確的賬戶名（如“ jason ”）和密碼（如“ 123456”）時(shí)，則登陸成功，則成功跳轉(zhuǎn)到如圖 26 所示頁面，否則提示如圖 27登陸錯(cuò)誤信息提示。圖 26 登錄成功 圖 27 登陸失敗當(dāng)未注冊(cè)用戶點(diǎn)擊“注冊(cè)”按鈕，在右邊看到注冊(cè)界面，用戶輸入正確的數(shù)據(jù)，然后點(diǎn)擊按鈕“添加”，將提示注冊(cè)成功，如圖 28 所示。反之如果上面的信息只要有一項(xiàng)不符合規(guī)定，將提示注冊(cè)失敗。此處給出所有注冊(cè)信息通過的提示，如圖 29 所示，因 此可完成用戶注冊(cè)操作。圖 28 注冊(cè)

28、成功提示圖 29 注冊(cè)提示用戶若沒有登錄，當(dāng)查看購物車、訂單等信息或添加到購物車、生成訂單和添加留 言等操作時(shí)，會(huì)出現(xiàn)如圖 30 的提示，只有成功登錄后，才能操作對(duì)應(yīng)的功能。圖 30 登陸提示16電子商務(wù)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)當(dāng)用戶在自己的購物車列表中點(diǎn)擊生成訂單時(shí)，若出現(xiàn)如圖 31 的頁面，則說明該 物品已下架，用戶可以選擇其他物品進(jìn)行購買。圖 31 商品下架提示前臺(tái)各個(gè)功能模塊的測(cè)試重點(diǎn)大致相同，此處以前臺(tái)訂單管理為例，在生成訂單頁 面輸入信息，若顯示如圖 32 的頁面時(shí)，則說明輸入信息不可為空，當(dāng)輸入的格式不正 確時(shí)，用戶無法完成訂單添加的功能，如圖 33 所示。只有輸入有效的數(shù)據(jù)才能成功生

29、成訂單圖 32 生成訂單不為空提示圖 33 生成訂單格式不正確提示17當(dāng)?shù)卿浻脩舨榭从唵涡畔r(shí)，當(dāng)輸入訂單編號(hào) 46 時(shí)，若有數(shù)據(jù)，則會(huì)顯示如圖 34 的頁面。圖 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的訂單信息，則說明刪除成功圖 36 訂單刪除成功之后的頁面前臺(tái)主界面的右下方如圖 37管理員輸入正確登錄信息， 則可進(jìn)入如圖 19 所示的后 臺(tái)管理界面，管理員可在該界面完成各項(xiàng)操作。圖 37 后臺(tái)登陸錯(cuò)誤提示頁面當(dāng)管理員成功登錄到后臺(tái)管理模塊時(shí)，則進(jìn)入到訂單管理模塊，當(dāng)在編號(hào)輸入框中輸入訂單編號(hào) 33 時(shí)，若顯示界面如圖 38，則說明已經(jīng)成功查詢。18電子商務(wù)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)圖 38 后臺(tái)訂單查詢界面當(dāng)進(jìn)入后臺(tái)訂單模塊后，刪除編號(hào)為 36 的訂單時(shí)，若成功刪除，則界面如圖 39 所示。圖 39 后臺(tái)訂單刪除操作圖 40 頁面找不到提示若出現(xiàn)頁面不存在的錯(cuò)誤，則顯示如圖 40 的頁面提示，需要檢查