


版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)
文檔簡介
1、目錄第 1 章 緒論 11.1 課題背景 11.2 研究意義 11.3 設(shè)計目標(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è)計 43.1 功能模塊分析 43.1.1 前臺功能模塊分析 43.1.2 后臺功能模塊分析 43.2 業(yè)務(wù)流程分析 43.3 可行性研究 43.3.1 技術(shù)可行性 53.3.2 經(jīng)濟可行性 53.3.3 管理可行性 53.4 數(shù)據(jù)庫設(shè)計 53.4.1 數(shù)據(jù)庫需求分析
2、53.4.2 數(shù)據(jù)庫概念設(shè)計 63.4.3 數(shù)據(jù)庫邏輯設(shè)計 63.4.4 數(shù)據(jù)庫結(jié)構(gòu)實現(xiàn) 8第 4 章 系統(tǒng)詳細(xì)設(shè)計與實現(xiàn) 104.1 界面設(shè)計原則 104.2 主要功能及界面的實現(xiàn) 104.2.1 前臺子系統(tǒng)的設(shè)計與實現(xiàn) 104.2.2 后臺子系統(tǒng)的設(shè)計與實現(xiàn) 13第 5 章 系統(tǒng)測試 165.1 測試環(huán)境 165.2 測試過程 16第 6 章 總結(jié)與展望 206.1 總結(jié) 206.2 展望 20參考文獻(xiàn) 21致 謝 錯誤 ! 未定義書簽。附 錄 錯誤 ! 未定義書簽。電子商務(wù)網(wǎng)站的設(shè)計與實現(xiàn)第 1 章 緒論1.1 課題背景從 21 世紀(jì)以來,作為一種新型的經(jīng)營模式,電子商務(wù)得到了長足的發(fā)展
3、,特別是 近幾年信息速度高度發(fā)達(dá)的經(jīng)濟環(huán)境下,日益趨向成熟。并且人們已經(jīng)逐步接受網(wǎng)上購 物這一觀念。從電商發(fā)展至今,可以看得出開發(fā)一個電子商務(wù)網(wǎng)站的價值所在:除了投資少,回 收快,基本不需要占壓資金之外, 24 小時的營業(yè)時間以及不受店面地理位置影響都是其 顯著特點。而對于消費者而言,采用電子商務(wù)方式可以高效、便捷和低成本的實現(xiàn)購買 活動。在中國發(fā)展網(wǎng)上購物已經(jīng)具有良好的消費者基礎(chǔ),網(wǎng)上購物方式日趨被大家所接 受。因此設(shè)計一個電子商務(wù)網(wǎng)站具有很好的應(yīng)用和開發(fā)前景。1.2 研究意義 現(xiàn)在流行的網(wǎng)上購物系統(tǒng)不僅要有漂亮的網(wǎng)頁,更要有嚴(yán)謹(jǐn)?shù)囊?guī)劃,注重每一個細(xì) 小的環(huán)節(jié),這樣才能使得在電子交易時避免不
4、必要錯誤發(fā)生。我們將使用HTML 、JSP等技術(shù)來編輯網(wǎng)頁,采用 MVC 開發(fā)模式,以 B/S 為架構(gòu),并運用 JDBC 技術(shù)把數(shù)據(jù)庫 和動態(tài)網(wǎng)頁相關(guān)聯(lián) 1 。本設(shè)計參照實際的網(wǎng)店的業(yè)務(wù)邏輯建立而成,同時自己建立數(shù)據(jù) 庫,使得所需商品信息可以及時的保存、更新,這樣,前臺可以更好的完成網(wǎng)上購物體 驗,而管理員也可以更好的及時的了解商品買賣的情況。1.3 設(shè)計目標(biāo) 通過本電子商務(wù)網(wǎng)站,顧客可瀏覽商品信息,搜索到自己想要的商品,并可以完成 對商品下單等操作。而后臺管理員可以管理注冊用戶的信息,同時也可以完成對商品、 訂單和新聞等的管理操作。本網(wǎng)站致力于提供給用戶完善的購物體驗,同時方便管理員 對后臺
5、的管理。第 2 章開發(fā)工具及相關(guān)技術(shù)簡介 軟件的開發(fā)工具用以支持軟件開發(fā)的相關(guān)過程、活動和任務(wù)。運行環(huán)境為工具集成 和軟件的開發(fā)、維護(hù)及管理提供統(tǒng)一的支持。本系統(tǒng)依據(jù)開發(fā)的實體需求,采用的開發(fā) 工具有 Eclipse、Tomcat、 MySQL 和 Navicat For MySQL 等。開發(fā)工具在軟件開發(fā)過程中是必不可少的, 其屬于一種被軟件開發(fā)工程師定性的認(rèn) 為是為特定的軟件包、 系統(tǒng)(或軟件)框架以及操作平臺等創(chuàng)建應(yīng)用性軟件的特殊軟件。 在一個完善的系統(tǒng)的開發(fā)過程中, 必要的開發(fā)工具將為整個開發(fā)的過程減少較多的成本 和時間,提高了開發(fā)效率。而每個系統(tǒng)的開發(fā)平臺不一樣,因此其所搭建的開發(fā)環(huán)
6、境當(dāng) 然也會有很大的差別。2.1 Java 語言Java2 是一種可以撰寫跨平臺應(yīng)用軟件的面向?qū)ο蟮某绦蛟O(shè)計語言,是由SunMicrosystems 公司于 1995 年 5 月推出的 Java 程序設(shè)計語言和 Java 平臺(即 JavaSE, JavaEE, JavaME)的總稱。 Java 技術(shù)具有卓越的通用性、高效性、平臺移植性和安全 性,廣泛應(yīng)用于個人 PC、數(shù)據(jù)中心、游戲控制臺、科學(xué)超級計算機、 移動電話和互聯(lián)網(wǎng), 同時擁有全球最大的開發(fā)者專業(yè)社群。在全球云計算和移動互聯(lián)網(wǎng)的產(chǎn)業(yè)環(huán)境下, Java 更具備了顯著優(yōu)勢和廣闊前景。Java 編程語言是個簡單、面向?qū)ο?、分布式、解釋性、?/p>
7、壯、安全與系統(tǒng)無關(guān)、可 移植、高性能、多線程和動態(tài)的語言。2.2 EclipseEclipse 是一個開放源代碼的、基于 Java 的可擴展開發(fā)平臺。就其本身而言,它 只是一個框架和一組服務(wù),用于通過插件組件構(gòu)建開發(fā)環(huán)境。幸運的是, Eclipse 附帶 了一個標(biāo)準(zhǔn)的插件集,包括 Java 開發(fā)工具( Java Development Kit , JDK)。2.3 TomcatTomcat 服務(wù)器是一個免費的開放源代碼的 Web 應(yīng)用服務(wù)器,屬于輕量級應(yīng)用服務(wù) 器,在中小型系統(tǒng)和并發(fā)訪問用戶不是很多的場合下被普遍使用, 是開發(fā)和調(diào)試 JSP 程 序的首選。對于一個初學(xué)者來說,可以這樣認(rèn)為,當(dāng)在
8、一臺機器上配置好 Apache 服務(wù) 器,可利用它響應(yīng)對 HTML頁 面的訪問請求。2.4 MySQL 與 Navicat For MySQLMySQL3 是一個關(guān)系型數(shù)據(jù)庫管理系統(tǒng),由瑞典 MySQL AB 公司開發(fā),它是用于訪電子商務(wù)網(wǎng)站的設(shè)計與實現(xiàn)問數(shù)據(jù)庫的最常用標(biāo)準(zhǔn)化語言。由于其體積小、速度快、總體擁有成本低,尤其是開放 源碼這一特點,一般中小型網(wǎng)站的開發(fā)都選擇 MySQL作為網(wǎng)站數(shù)據(jù)庫。Navicat For MySQL 是一款強大的 MySQL 數(shù)據(jù)庫管理和開發(fā)工具,它為專業(yè)開發(fā) 者提供了一套強大的足夠尖端的工具, 但對于新用戶仍然易于學(xué)習(xí)。 Navicat For MySQL 基
9、于 Windows 平臺,為 MySQL 量身訂作,提供類似于 MySQL 的用管理界面工具。 此解決方案的出現(xiàn),將解放 php,Java 等程序員以及數(shù)據(jù)庫設(shè)計者、管理者的大腦,降 低開發(fā)成本,為用戶帶來更高的開發(fā)效率。2.5 MVC 框架MVC 4是一個框架模式,它強制性的使應(yīng)用程序的輸入、 處理和輸出分開。使用 MVC 應(yīng)用程序被分成三個核心部件:模型、視圖、控制器。它們各自處理自己的任務(wù)。最典 型的 MVC就是 JSP + Servlet + Javabean的模式。2.6 B/S 架構(gòu)B/S5 最大的優(yōu)點就是可以在任何地方進(jìn)行操作而不用安裝任何專門的軟件, 只要有 一臺能上網(wǎng)的電腦就
10、能使用,客戶端零安裝、零維護(hù)。系統(tǒng)的擴展非常容易。 B/S 同時 具有升級和維護(hù)方式相對簡單、成本較低等。第 3 章 系統(tǒng)總體設(shè)計3.1 功能模塊分析本電子商務(wù)網(wǎng)站涉及到兩種業(yè)務(wù)角色,即前臺用戶角色和后臺管理員角色。3.1.1 前臺功能模塊分析(1)用戶信息模塊,即用戶注冊、用戶登錄、用戶查看和修改個人信息;(2)商品信息模塊,即分類查看商品信息、搜索商品信息;(3)購物車信息模塊,即添加購物車、刪除購物車、搜索購物車信息;(4)訂單信息模塊,即添加訂單、刪除訂單,搜索訂單信息;( 5)新聞信息模塊、即瀏覽發(fā)布的新聞信息; (6)留言板信息模塊、即添加留言,查看所有的留言信息;3.1.2 后臺
11、功能模塊分析1)管理員信息模塊,即管理員登錄、查看個人信息、修改個人信息;2)用戶管理模塊,即查看所有用戶信息、搜索用戶信息、刪除用戶;3)商品管理模塊,即添加商品、查詢商品、刪除商品;4)訂單管理模塊,即查看所有訂單信息,搜索訂單,刪除訂單;5)新聞管理模塊,即查看所有的新聞,搜索新聞,修改新聞,刪除新聞;6)留言板管理模塊,即查看所有留言信息,刪除留言;3.2 業(yè)務(wù)流程分析通過本電子商務(wù)網(wǎng)站分為前后臺兩種角色管理,前臺用戶可以完成對應(yīng)的業(yè)務(wù)邏圖 1 前臺業(yè)務(wù)流程圖圖2 后臺業(yè)務(wù)流程圖輯,如圖 1 所示。后臺管理員完成對應(yīng)的業(yè)務(wù)邏輯,如圖 2所示3.3 可行性研究其目的也是根可行性分析能使新
12、系統(tǒng)達(dá)到以最小的開發(fā)成本取得最佳的經(jīng)濟效益,電子商務(wù)網(wǎng)站的設(shè)計與實現(xiàn)據(jù)開發(fā)管理信息系統(tǒng)的需求,通過初步調(diào)查和系統(tǒng)目標(biāo)分析,對于本電子商務(wù)網(wǎng)站設(shè)計 從技術(shù)上、經(jīng)濟上和管理上進(jìn)行是否可行的研究與分析,這既是保證資源的有效合理利 用,也是避免在日常工作中的失誤而導(dǎo)致的種種浪費現(xiàn)象3.3.1 技術(shù)可行性技術(shù)方面,本系統(tǒng)采用 Java 語言進(jìn)行設(shè)計, Java 也是我們比較熟悉的語言。由于 是初次設(shè)計電子商務(wù)網(wǎng)站,在技術(shù)和知識層面上的欠缺,導(dǎo)致在制作過程中遇到許多的 困難,編程和設(shè)計的時候,明顯感覺到知識積累的不夠,并且很多知識點已經(jīng)淡忘。通 過與老師的溝通,在老師的細(xì)心指導(dǎo)下,以及我們的一起努力,翻閱
13、了大量的資料,多 操作多實踐,本系統(tǒng)才得以比較順利的開發(fā)出來。因為實踐和技術(shù)方面的不足,使得我 們設(shè)計的程序依然存在很多不完善的地方, 后期好好的鉆研, 使本系統(tǒng)能更完善更適用。3.3.2 經(jīng)濟可行性本系統(tǒng)相對較小也比較簡單,不需要投入大量資金,同時又存在著實用性,能改善 使用方法在財力和人力上的過度消耗。因此一經(jīng)使用便可收到很好的成效,做到合理節(jié) 約和合理利用資源 , 既提高了工作效率并且也減少了工作人員的工作量,這使得本系統(tǒng) 在處理業(yè)務(wù)方面得到很大的提升空間。3.3.3 管理可行性 對于絕大多數(shù)用戶而言,他們已經(jīng)養(yǎng)成了網(wǎng)上購物的習(xí)慣。對于購物方式,也已相 對比較熟悉。對于本網(wǎng)站而言,簡潔友
14、好的界面可以使用戶快速的了解本網(wǎng)站提供的業(yè) 務(wù),從而能更好的操作以完成網(wǎng)上購物的體驗。對于后臺管理者而言,本系統(tǒng)提供的后 臺操作簡單,模塊劃分簡潔明了。因此無論是用戶,還是管理員都能很好的操作本網(wǎng)站 提供的功能,在管理方面是可行的。3.4 數(shù)據(jù)庫設(shè)計數(shù)據(jù)庫設(shè)計是指對于一個給定的應(yīng)用環(huán)境,構(gòu)造(設(shè)計)優(yōu)化的數(shù)據(jù)庫邏輯模式和 物理結(jié)構(gòu),并據(jù)此建立數(shù)據(jù)庫及其應(yīng)用系統(tǒng),使之能夠有效地存儲和管理數(shù)據(jù),滿足各 種用戶的應(yīng)用需求,包括信息管理要求和數(shù)據(jù)操作需求。信息管理要求是指在數(shù)據(jù)庫中 應(yīng)該存儲和管理哪些數(shù)據(jù)對象;數(shù)據(jù)操作要求是指對數(shù)據(jù)對象需要進(jìn)行哪些操作,如查 詢、增、刪、改、統(tǒng)計等操作 6 。3.4.
15、1 數(shù)據(jù)庫需求分析 數(shù)據(jù)庫需求分析的任務(wù)是通過詳細(xì)調(diào)查現(xiàn)實世界要處理的對象(組織、部門、企業(yè)等),充分了解系統(tǒng)的工作概況,明確用戶的各種需求,然后在此基礎(chǔ)上確定系統(tǒng)的功 能,因此必須充分考慮今后可能的擴充和改變,不能僅僅按照當(dāng)前應(yīng)用需求來設(shè)計數(shù)據(jù) 庫。本系統(tǒng)相對比較簡單,從前臺到后臺操作涉及到的實體及其屬性的定義都能滿足系 統(tǒng)的要求,因此在考慮后期可能的應(yīng)用需求,本數(shù)據(jù)庫的設(shè)計相對合理,應(yīng)用性良好。3.4.2 數(shù)據(jù)庫概念設(shè)計數(shù)據(jù)庫概念設(shè)計階段是在需求分析的基礎(chǔ)上,設(shè)計出能滿足用戶需求的各種實體, 以及它們之間的關(guān)系,為后面的邏輯結(jié)構(gòu)設(shè)計打下基礎(chǔ)。在本電子商務(wù)網(wǎng)站中,各項實體之間的關(guān)系并不復(fù)雜,
16、本系統(tǒng)的數(shù)據(jù)庫沒有設(shè)計外鍵關(guān)聯(lián),只是將關(guān)聯(lián)數(shù)據(jù)庫的字段 存放到需要的數(shù)據(jù)庫表中,從而能達(dá)到數(shù)據(jù)關(guān)聯(lián)的目的,如圖 3 所示,因此概念設(shè)計也相對比較容易圖 3 數(shù)據(jù)庫實體關(guān)系圖3.4.3 數(shù)據(jù)庫邏輯設(shè)計在數(shù)據(jù)庫邏輯結(jié)構(gòu)設(shè)計階段,需要將數(shù)據(jù)庫概念結(jié)構(gòu)轉(zhuǎn)化為 MySQL 數(shù)據(jù)庫系統(tǒng)所 支持的實際數(shù)據(jù)模型,也就是數(shù)據(jù)庫的邏輯結(jié)構(gòu)。在上面的實體結(jié)構(gòu)的基礎(chǔ)上,形成對 應(yīng)的數(shù)據(jù)庫表,如表 1表 7 所示。表 1 用戶基本信息表電子商務(wù)網(wǎng)站的設(shè)計與實現(xiàn)表 2 商品基本信息表表 3 訂單基本信息表表 4 購物車基本信息表表 5 新聞基本信息表表 6 管理員基本信息表表7 留言板基本信息表73.4.4 數(shù)據(jù)庫結(jié)構(gòu)實
17、現(xiàn)在需求分析、概念結(jié)構(gòu)設(shè)計的基礎(chǔ)上得到數(shù)據(jù)庫的邏輯結(jié)構(gòu)之后, 就可以在 MySQL 數(shù)據(jù)庫系統(tǒng)中實現(xiàn)該邏輯結(jié)構(gòu)。實現(xiàn)數(shù)據(jù)庫的邏輯結(jié)構(gòu)的方式是借助 Navicat For Mysql 來管理實現(xiàn),詳細(xì)步驟如下所述。(1)打開 Navicat For Mysql ,選擇“連接”出現(xiàn)“新建連接 ”界面,在“連接名”輸入 框中填入項目名(如 eshop),其他選擇對應(yīng)的數(shù)值,如端口號、數(shù)據(jù)庫的用戶名和密碼 等。當(dāng)點擊測試連接時,若如圖 4 所示的效果,則連接成功,點擊確定即可看到如圖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ù)項信息的界面,選中下面的 “自動增加 ”(表示 id 為自動增加),填寫完信 息后保存,提示填入表名(如 e_user)即可,如圖 8 所示。圖8 e_user 數(shù)據(jù)表電子商務(wù)網(wǎng)站的設(shè)計與實現(xiàn)4)這樣我們在 MySQL 數(shù)據(jù)庫系統(tǒng)中就創(chuàng)建了一個 eshop的數(shù)據(jù)連接, 并在該連接下 創(chuàng)建一個 eshop數(shù)據(jù)庫,并且能夠建立所需的數(shù)據(jù)表,如圖
19、9 所示。后期的操作中只要連接到該數(shù)據(jù)庫,就可以直接對數(shù)據(jù)庫中的數(shù)據(jù)表進(jìn)行操作。圖 9 所有的數(shù)據(jù)表第 4 章 系統(tǒng)詳細(xì)設(shè)計與實現(xiàn)4.1 界面設(shè)計原則界面設(shè)計是屏幕產(chǎn)品的重要組成部分。 界面設(shè)計是一個復(fù)雜的有不同學(xué)科參與的工 程,認(rèn)知心理學(xué)、設(shè)計學(xué)、語言學(xué)等在此都扮演著重要的角色。用戶界面是用戶與程序 溝通的唯一途徑,要能為用戶提供方便有效的服務(wù)。用戶界面設(shè)計的三大原則是:置界 面于用戶的控制之下、減少用戶的記憶負(fù)擔(dān)、保持界面的一致性 。4.2 主要功能及界面的實現(xiàn)本電子商務(wù)網(wǎng)站采用的是 JSP7技術(shù)作為前端頁面展現(xiàn) , 由于每個模塊的頁面是不 一樣的,因此在設(shè)計頁面時,要合理的安排,盡量使用
20、戶能夠很快的熟悉本網(wǎng)站的主要 功能,同時需要保持界面的簡潔和一致性。前臺子系統(tǒng)的設(shè)計與實現(xiàn)(1)前臺用戶注冊 對于本電子商務(wù)網(wǎng)站,未成功注冊用戶只能查看新聞公告,商品信息等,而不能進(jìn) 入系統(tǒng)使用其他的業(yè)務(wù)。用戶需要辦理注冊手續(xù),即進(jìn)入注冊頁面,按要求輸入有效的個人信息,如賬戶名、真實姓名、身份證號、郵箱等必要信息,如圖10 所示圖 10 用戶注冊2)前臺用戶登錄圖 11 用戶登錄已成功注冊用戶只有登錄系統(tǒng)才能執(zhí)行其他業(yè)務(wù)操作,如圖 11 所示,因此在登錄 界面輸入賬戶名和密碼,提交信息后,后臺進(jìn)行驗證,若與數(shù)據(jù)庫里存儲的信息匹配, 則可以成功登陸。(3)前臺新聞信息模塊 當(dāng)進(jìn)入網(wǎng)站首頁,則直接
21、在右邊的頁面中瀏覽所有的公告信息,或者點擊“首頁” 則回到所有新聞信息顯示頁面,如圖 12 所示。10電子商務(wù)網(wǎng)站的設(shè)計與實現(xiàn)圖 12 前臺新聞信息模塊(4)前臺用戶信息模塊 進(jìn)入主界面后,當(dāng)用戶點擊“會員信息”時,即進(jìn)入“前臺用戶信息”子模塊,此 模塊中顯示了登陸用戶的個人信息,用戶可以修改個人信息,包括密碼的修改等,如圖 13 所示。圖 13 前臺用戶信息模塊(5)前臺商品信息模塊 在主界面的左側(cè)導(dǎo)航欄中(如“聚美優(yōu)品” 、“商品類別”、“品牌商家”等) ,則根 據(jù)其下拉的選項點擊查看不同的商品信息。在對應(yīng)頁面上方的查詢輸入框中,輸入商品 名稱,則可查詢所需的商品信息,如圖 14 所示。圖
22、 14 前臺商品信息模塊11(6)前臺購物車信息模塊當(dāng)點擊商品信息的操作欄中“加入購物車”鏈接時,則進(jìn)入購物車信息模塊。該頁 面上顯示將加入購物車中的商品信息。當(dāng)點擊“購物車”時,則顯示該用戶下的購物車 中的商品信息。當(dāng)點擊購物車列表里“刪除”操作,則可刪除購物車中對應(yīng)的商品。在 購物車列表頁面的輸入框中輸入商品名稱,顯示所需的商品信息,如圖 15 所示。圖 15 前臺購物車信息模塊(7)前臺訂單信息模塊當(dāng)點擊商品列表的“生成訂單”操作,如圖 14 所示?;蛘唿c擊購物車列表的“生 成訂單”操作,如圖 15 所示時,則出現(xiàn)訂單信息填寫頁面,輸入訂單信息,并通過驗 證,即完成訂單添加操作;否則添加
23、失敗。點擊“查看訂單”操作,顯示該用戶下所有 的訂單信息。點擊訂單列表中的“刪除”操作,則刪除對應(yīng)的商品訂單。在訂單列表的 輸入框中輸入訂單編號,則查詢出所需的訂單信息,如圖16 所示。圖 16 前臺商品信息模塊(8)前臺留言板信息模塊 點擊“留言欄”操作,顯示所有的留言信息,如圖 17 所示。用戶可以添加留言信 息,未登錄用戶添加留言時,出現(xiàn)需要用戶登陸提示。12電子商務(wù)網(wǎng)站的設(shè)計與實現(xiàn)圖 17 前臺新聞信息模塊后臺子系統(tǒng)的設(shè)計與實現(xiàn)(1)后臺管理員登錄 當(dāng)管理員輸入用戶名和密碼時,后臺進(jìn)行驗證,若驗證通過,則進(jìn)入后臺管理界 面,若驗證錯誤,則提示登陸失敗信息,如圖 18 所示。當(dāng)管理員成功
24、登陸到系統(tǒng)后, 系統(tǒng)會跳轉(zhuǎn)到如圖 19 所示的后臺主界面,從而完成后臺的管理。圖 18 前臺新聞信息模塊圖 19 后臺主界面( 2)后臺管理員信息模塊當(dāng)管理員成功登陸后,則進(jìn)入后臺管理界面,當(dāng)點擊左側(cè)導(dǎo)航欄中“系統(tǒng)管理” 下的“管理員信息”時,則顯示管理員的個人信息,當(dāng)點擊“修改”時,則可以修改管 理員的用戶名和密碼,如圖 20 所示圖 20 后臺管理員信息模塊13(3)后臺用戶管理模塊當(dāng)點擊右側(cè)導(dǎo)航欄中“用戶管理”下“用戶管理” ,則顯示所有注冊用戶信息。管 理員可以刪除用戶,或者根據(jù)賬戶名查找用戶,如圖21 所示。圖 21 后臺用戶管理模塊(4)后臺商品管理模塊 當(dāng)點擊右側(cè)導(dǎo)航欄中“商品管
25、理”下“添加商品” ,則可填寫商品信息,若通過后 臺驗證,則完成添加操作,否則提示添加錯誤信息。當(dāng)點擊“商品列表” ,則顯示所有 的商品信息。在輸入框中輸入商品名,則可以完成按商品名查詢操作。當(dāng)點擊“刪除” 則刪除對應(yīng)的商品,如圖 22 所示。圖 22 后臺商品管理模塊(5)后臺訂單管理模塊 當(dāng)點擊右側(cè)導(dǎo)航欄中“訂單管理”下“訂單列表” ,則可顯示所有的訂單信息。當(dāng) 管理員在輸入框中輸入訂單 ID 或者點擊操作欄中的“刪除”時,則完成對應(yīng)的搜索或 刪除操作,如圖 23 所示。14電子商務(wù)網(wǎng)站的設(shè)計與實現(xiàn)圖 23 后臺訂單管理模塊(6)后臺新聞管理模塊 當(dāng)點擊右側(cè)導(dǎo)航欄中“新聞管理”下“添加新聞
26、” ,則可填寫新聞信息,若通過后 臺驗證,則完成添加操作,否則提示添加錯誤信息。當(dāng)點擊“新聞列表” ,則顯示所有 的新聞信息。當(dāng)點擊“刪除”或“修改” ,則可完成相應(yīng)操作。在輸入框中輸入新聞 ID ,完成新聞查詢操作,如圖 24 所示圖 24 后臺新聞管理模塊(7)后臺留言板管理模塊 當(dāng)點擊右側(cè)導(dǎo)航欄中“留言管理”下“留言板管理” ,則顯示所有前臺用戶的留言 信息。當(dāng)點擊“刪除”,則可完成刪除留言的操作,如圖 25 所示。圖 25 后臺留言板管理模塊15第 5 章 系統(tǒng)測試5.1 測試環(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 測試過程當(dāng)用戶在前臺登錄頁面中輸入正確的賬戶名(如“ jason ”)和密碼(如“ 123456”)時,則登陸成功,則成功跳轉(zhuǎn)到如圖 26 所示頁面,否則提示如圖 27登陸錯誤信息提示。圖 26 登錄成功 圖 27 登陸失敗當(dāng)未注冊用戶點擊“注冊”按鈕,在右邊看到注冊界面,用戶輸入正確的數(shù)據(jù),然后點擊按鈕“添加”,將提示注冊成功,如圖 28 所示。反之如果上面的信息只要有一項不符合規(guī)定,將提示注冊失敗。此處給出所有注冊信息通過的提示,如圖 29 所示,因 此可完成用戶注冊操作。圖 28 注冊
28、成功提示圖 29 注冊提示用戶若沒有登錄,當(dāng)查看購物車、訂單等信息或添加到購物車、生成訂單和添加留 言等操作時,會出現(xiàn)如圖 30 的提示,只有成功登錄后,才能操作對應(yīng)的功能。圖 30 登陸提示16電子商務(wù)網(wǎng)站的設(shè)計與實現(xiàn)當(dāng)用戶在自己的購物車列表中點擊生成訂單時,若出現(xiàn)如圖 31 的頁面,則說明該 物品已下架,用戶可以選擇其他物品進(jìn)行購買。圖 31 商品下架提示前臺各個功能模塊的測試重點大致相同,此處以前臺訂單管理為例,在生成訂單頁 面輸入信息,若顯示如圖 32 的頁面時,則說明輸入信息不可為空,當(dāng)輸入的格式不正 確時,用戶無法完成訂單添加的功能,如圖 33 所示。只有輸入有效的數(shù)據(jù)才能成功生
29、成訂單圖 32 生成訂單不為空提示圖 33 生成訂單格式不正確提示17當(dāng)?shù)卿浻脩舨榭从唵涡畔r,當(dāng)輸入訂單編號 46 時,若有數(shù)據(jù),則會顯示如圖 34 的頁面。圖 34 前臺訂單查詢頁面當(dāng)輸入 0 時,因為數(shù)據(jù)庫無此數(shù)據(jù),則會出現(xiàn)如圖 35 的頁面。當(dāng)用戶輸入的數(shù)據(jù) 不符合要求時,則會出現(xiàn)如圖 41 的頁面提示,用戶需重新輸入。圖 35 查詢無數(shù)據(jù)頁面當(dāng)用戶刪除如圖所示的訂單編號 44 時,若頁面效果如圖 36 所示,沒有編號為 44的訂單信息,則說明刪除成功圖 36 訂單刪除成功之后的頁面前臺主界面的右下方如圖 37管理員輸入正確登錄信息, 則可進(jìn)入如圖 19 所示的后 臺管理界面,管理員可在該界面完成各項操作。圖 37 后臺登陸錯誤提示頁面當(dāng)管理員成功登錄到后臺管理模塊時,則進(jìn)入到訂單管理模塊,當(dāng)在編號輸入框中輸入訂單編號 33 時,若顯示界面如圖 38,則說明已經(jīng)成功查詢。18電子商務(wù)網(wǎng)站的設(shè)計與實現(xiàn)圖 38 后臺訂單查詢界面當(dāng)進(jìn)入后臺訂單模塊后,刪除編號為 36 的訂單時,若成功刪除,則界面如圖 39 所示。圖 39 后臺訂單刪除操作圖 40 頁面找不到提示若出現(xiàn)頁面不存在的錯誤,則顯示如圖 40 的頁面提示,需要檢查
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 【正版授權(quán)】 ISO/TS 23164:2025 EN Automation systems and integration - Core vocabulary for industrial data
- 【正版授權(quán)】 ISO 7434:2024 EN Fasteners - Slotted set screws with cone point
- 2025年度展覽場地租賃合同保證金與押金繳納細(xì)則
- 2025年涼果蜜餞合作協(xié)議書
- 2025年度智慧交通樞紐包工施工合同(智能交通系統(tǒng))
- 2025房地產(chǎn)股權(quán)并購項目盡職調(diào)查及服務(wù)合同
- 2025年度智能家居標(biāo)準(zhǔn)私房買賣合同范文
- 增強知識管理的主管工作計劃
- 多元化班級文化的建設(shè)方法計劃
- 客戶投訴處理流程的總結(jié)與反思計劃
- 施工作業(yè)申請表
- 浸出液的凈化與沉積
- 校本課程《生活中的化學(xué)》教案
- 寶典三猿金錢錄
- 苯乙酸安全技術(shù)說明書(msds)
- 安徽凌瑋新材料科技有限公司年產(chǎn)2萬噸超細(xì)二氧化硅氣凝膠系列產(chǎn)品項目環(huán)境影響報告書
- 聚合物粘彈性
- 幼兒園大班《防欺凌》教案5篇,幼兒園大班防欺凌活動教案
- 華銀鋁項目氧化鋁系統(tǒng)總體投料試車方案
- 《當(dāng)代網(wǎng)絡(luò)文學(xué)作品發(fā)展研究6300字(論文)》
- 孟氏骨折與蓋氏骨折講解學(xué)習(xí)
評論
0/150
提交評論