基于javascript的男裝售賣網(wǎng)站的設(shè)計與實現(xiàn)——畢業(yè)論文

1、<p><b>　　綏化學(xué)院</b></p><p>　　本科畢業(yè)設(shè)計（論文）</p><p>　　基于JavaScript的男裝售賣網(wǎng)站的設(shè)計與實現(xiàn)</p><p>　　學(xué)生姓名： </p><p>　　學(xué) 號： </p><p>

2、;　　專 業(yè)： 計算機科學(xué)與技術(shù) </p><p>　　年 級： </p><p>　　指導(dǎo)教師： </p><p><b>　　摘 要</b></p><p>　　如今，計算機和互聯(lián)網(wǎng)與人們的生活息息相關(guān)，網(wǎng)上購物這種方式已經(jīng)被人們所熟知，網(wǎng)上支付不

3、斷完善與物流行業(yè)的快速發(fā)展，用戶能夠在家購買商品，節(jié)省了大量的時間和金錢，這種網(wǎng)購方式越來越受大家的青睞。本男裝售賣網(wǎng)站是基于JavaScript技術(shù)，基于B/S架構(gòu)，同時使用Java技術(shù)，后臺數(shù)據(jù)庫選用MySQL 的基礎(chǔ)上進行開發(fā)。主要實現(xiàn)用戶的網(wǎng)上購物功能。該商城系統(tǒng)頁面簡潔，操作簡單，便于使用。用戶可以在商城挑選和搜索自己喜歡的商品，后臺管理員可以管理整個商城的商品與用戶的信息。</p><p>　　關(guān)鍵詞

4、：JavaScript；Java；電子商城</p><p><b>　　Abstract</b></p><p>　　Nowadays, the computer and the Internet and people's lives are closely related to online shopping this way has been well k

5、nown, online payment and improve the rapid development of the logistics industry, users can buy goods at home, saving a lot of time and money, this online shopping Way more and more by everyone's favor. The men's

6、 sales site is based on JavaScript technology, based on B / S architecture, while using Java technology, background database selection based on the development of MyS</p><p>　　Keywords: JavaScript; Java; ele

7、ctronic mall</p><p><b>　　目 錄</b></p><p><b>　　摘 要I</b></p><p>　　AbstractII</p><p>　　第1章 緒 論1</p><p>　　1.1 背景及意義1</p>&

8、lt;p>　　1.2 國內(nèi)外發(fā)展現(xiàn)狀1</p><p>　　第2章 需求分析2</p><p>　　2.1 系統(tǒng)功能分析2</p><p>　　2.2 可行性分析2</p><p>　　2.3 開發(fā)環(huán)境3</p><p>　　第3章 系統(tǒng)設(shè)計4</p><p>　　3.1 系統(tǒng)

9、結(jié)構(gòu)設(shè)計4</p><p>　　3.2 功能模塊設(shè)計5</p><p>　　3.3 `E-R圖設(shè)計5</p><p>　　3.4 數(shù)據(jù)庫設(shè)計6</p><p>　　第4章 系統(tǒng)詳細設(shè)計與實現(xiàn)9</p><p>　　4.1 系統(tǒng)前臺設(shè)計9</p><p>　　4.2 后臺管理模塊設(shè)計

10、12</p><p>　　第5章 系統(tǒng)測試15</p><p>　　5.1 測試目的15</p><p>　　5.2 動態(tài)測試15</p><p>　　5.3 測試用例18</p><p><b>　　結(jié) 論19</b></p><p><b>　　參

11、考文獻20</b></p><p>　　附錄 部分源代碼21</p><p><b>　　致 謝27</b></p><p><b>　　第1章 緒 論</b></p><p><b>　　1.1 背景及意義</b></p><p>

12、;　　電腦和互聯(lián)網(wǎng)的普及，使人們的生活發(fā)生了翻天覆地的改變?；ヂ?lián)網(wǎng)作為當(dāng)今社會信息傳遞的媒介，能夠為信息交流提供更加便捷、準確的渠道，滿足了互聯(lián)網(wǎng)時代的需求?；ヂ?lián)網(wǎng)對于當(dāng)今社會來說，已經(jīng)不僅僅是簡單的信息傳遞的媒介，同時也成為了一種網(wǎng)絡(luò)生活，如同互聯(lián)網(wǎng)經(jīng)濟一樣，改變了傳統(tǒng)人民的生活方式?；ヂ?lián)網(wǎng)已經(jīng)成為社會不可或缺的一種工具，人們的衣食住行都已經(jīng)離不開互聯(lián)網(wǎng)的幫助。男裝售賣系統(tǒng)，從結(jié)構(gòu)上講可以分為兩個部分：前臺用戶端和后臺管理端。主要涉及

13、到前、后臺的網(wǎng)頁設(shè)計，以及與數(shù)據(jù)庫相關(guān)的操作[]。</p><p>　　因此，本系統(tǒng)基于JavaScript和MySQL數(shù)據(jù)庫設(shè)計的這款男裝銷售網(wǎng)站，既可以避免地區(qū)局限性，又可以就近進行商品的配送，送貨時間大大縮短。</p><p>　　1.2 國內(nèi)外發(fā)展現(xiàn)狀</p><p>　　在國內(nèi)，電子商務(wù)的發(fā)展也很迅速。在上個世紀九十年代，國內(nèi)的商業(yè)企業(yè)就開始涉足電子商務(wù)領(lǐng)

14、域，并推出了網(wǎng)上購物的服務(wù)。經(jīng)過十幾年的發(fā)展，隨著我國網(wǎng)民人數(shù)的急劇上升，電子商務(wù)的交易量也呈幾何倍數(shù)上升?，F(xiàn)在，我國的網(wǎng)民人數(shù)早已超過七億，而電子商務(wù)的交易量，僅2016年“11·11”淘寶商城一天的交易量，就突破了一千二百億[]。 </p><p>　　電子商務(wù)蘊含著巨大的商機，吸引了全球的關(guān)注。作為互聯(lián)網(wǎng)科技的先驅(qū)者，北美憑借著發(fā)達的技術(shù)和龐大的經(jīng)濟實力在全世界電子商務(wù)領(lǐng)域占得先機。我們熟知的亞

15、馬遜圖書網(wǎng)站，就是全球電子商城領(lǐng)取的領(lǐng)頭羊[]，這個以世界上最長河流為名的網(wǎng)絡(luò)巨鱷，擺脫了零售企業(yè)的舊框架。從亞馬遜的發(fā)展史可以看出，它的發(fā)展迅速。</p><p><b>　　第2章 需求分析</b></p><p>　　2.1 系統(tǒng)功能分析</p><p>　　系統(tǒng)采用現(xiàn)在應(yīng)用廣泛的JavaScript + MySQL數(shù)據(jù)庫的架構(gòu)實現(xiàn)的，系

16、統(tǒng)分為前臺用戶端和后臺管理端。</p><p>　　2.1.1 前臺會員模塊</p><p>　　用戶模塊：其中包括用戶注冊、登錄、注銷等功能。</p><p>　　商品展示模塊：其中包括分類瀏覽、商品查看、按照商品名檢索等功能。 </p><p>　　購物車模塊：該模塊實現(xiàn)商品的添加、數(shù)量修改，商品刪除、結(jié)算。 </p>&

17、lt;p>　　2.1.2 后臺管理模塊</p><p>　　管理員模塊：管理員登錄、修改和安全退出。</p><p>　　用戶管理模塊：主要實現(xiàn)查看用戶信息。</p><p>　　商品管理模塊：主要實現(xiàn)查看商品列表、商品詳細信息、商品添加、修改以及刪除。 </p><p>　　欄目管理模塊：首頁欄目的添加、修改以及刪除。</p&

18、gt;<p><b>　　2.2 可行性分析</b></p><p>　　2.2.1 JavaScript技術(shù)</p><p>　　JavaScript語言是一個被廣泛應(yīng)用在客戶端網(wǎng)絡(luò)腳本中的語言[]。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用于客戶端的腳本語言，最早是在HTML（標準通用標記語言下的一個應(yīng)用）網(wǎng)頁上使用，用來給H

19、TML網(wǎng)頁增加動態(tài)功能。JavaScript的優(yōu)點是讓網(wǎng)頁更活靈活現(xiàn)能補助與網(wǎng)頁實現(xiàn)各種功能和穿插。但JavaScript的局限性是過于簡單。</p><p>　　2.2.2 MySQL技術(shù)</p><p>　　MySQL是一個關(guān)系型數(shù)據(jù)庫管理系統(tǒng)，是最流行的關(guān)系型數(shù)據(jù)庫管理系統(tǒng)之一，在WEB應(yīng)用方面，MySQL是最好的RDBMS (Relational Database Manageme

20、nt System，關(guān)系數(shù)據(jù)庫管理系統(tǒng)) 應(yīng)用軟件。關(guān)系數(shù)據(jù)庫將數(shù)據(jù)保存在不同的表中，而不是將所有數(shù)據(jù)放在一個大倉庫內(nèi)，這樣就增加了速度并提高了靈活性[5]。</p><p>　　2.2.3 技術(shù)可行性</p><p>　　基于JavaScript + MySQL結(jié)構(gòu)，這種技術(shù)架構(gòu)已經(jīng)非常成熟，預(yù)計利用現(xiàn)有技術(shù)可以完成項目各項功能。網(wǎng)站上運用JavaScript特效技術(shù)，使平臺更為美觀、生

21、動。MySQL數(shù)據(jù)庫其體積小、速度快、擁有成本低，開發(fā)源代碼，免費。</p><p><b>　　2.3 開發(fā)環(huán)境</b></p><p><b>　　1）硬件環(huán)境要求：</b></p><p>　　操作系統(tǒng)： Windows8</p><p>　　處理器：Intel酷睿i5 4200H</p

22、><p>　　系統(tǒng)類型：64位操作系統(tǒng)</p><p><b>　　2）軟件環(huán)境要求：</b></p><p>　　開發(fā)平臺：Ecilpse</p><p>　　開發(fā)語言：JavaScript、Java、HTML5、CSS3</p><p><b>　　數(shù)據(jù)庫：MySQL</b>

23、</p><p><b>　　第3章 系統(tǒng)設(shè)計</b></p><p>　　3.1 系統(tǒng)結(jié)構(gòu)設(shè)計</p><p>　　根據(jù)系統(tǒng)要求購物網(wǎng)站從結(jié)構(gòu)上具有劃分為前臺、后臺和數(shù)據(jù)庫三個部分。</p><p>　　在系統(tǒng)前臺設(shè)計中，主要提供網(wǎng)站的主頁顯示，包括商品信息等內(nèi)容的顯示，并提供商品訂購功能。用戶可以在頁面上搜索商品，并

24、點擊查看商品的具體信息。在系統(tǒng)的整個設(shè)計方案中，數(shù)據(jù)庫的設(shè)計也是很重要的一個組成部分，但只有管理員才具有在后臺操作數(shù)據(jù)庫的權(quán)限。前臺部分與系統(tǒng)的大部分功能模塊都有聯(lián)系，所涉及到的數(shù)據(jù)也很多，比如商品信息、用戶登錄信息等。前臺結(jié)構(gòu)如圖3—1所示。</p><p>　　系統(tǒng)后臺部分的設(shè)計，主要是圍繞網(wǎng)站信息的管理和后臺數(shù)據(jù)的維護。網(wǎng)站前臺頁面上的產(chǎn)品信息，都是通過后臺發(fā)布和更新的。系統(tǒng)后臺的功能設(shè)計，關(guān)系到系統(tǒng)操作的

25、流程和便利性。后臺結(jié)構(gòu)如圖3—2所示。</p><p>　　圖3—1 后臺結(jié)構(gòu)圖</p><p>　　3.2 功能模塊設(shè)計</p><p>　　在進行系統(tǒng)功能模塊設(shè)計時，首先根據(jù)業(yè)務(wù)類型劃分出子系統(tǒng)，在根據(jù)子系統(tǒng)的特點，劃分出各個功能模塊。模塊具有I/O接口、邏輯處理能力，并能夠?qū)?shù)據(jù)進行相應(yīng)的處理（比如存儲、計算等）。通過采用結(jié)構(gòu)化的設(shè)計方法，可以依據(jù)系統(tǒng)的功能特

26、點，劃分出不同的功能模塊。系統(tǒng)功能模塊的劃分，有助于系統(tǒng)的整體設(shè)計，同時也有利于提升系統(tǒng)開發(fā)的效率，以及方便系統(tǒng)的維護。</p><p>　　3.3 E-R圖設(shè)計</p><p>　　E-R圖也稱實體-聯(lián)系圖(Entity Relationship Diagram)，提供了表示實體類型、屬性和聯(lián)系的方法，用來描述現(xiàn)實世界的概念模型。它是描述現(xiàn)實世界概念結(jié)構(gòu)模型的有效方法，用矩形表示實體型，

27、矩形框內(nèi)寫明實體名，用橢圓表示實體的屬性，并用無向邊將其與相應(yīng)的實體型連接起來。</p><p>　　1）用戶信息的實體圖</p><p>　　用戶信息主要具有用戶編號、用戶名、密碼等屬性，如圖3—2所示。</p><p>　　圖3—2 用戶信息圖</p><p>　　2）商品信息的實體圖</p><p>　　商品信息

28、主要具有商品編號、商品名稱、商品簡介、原價、現(xiàn)價、圖片等屬性，如圖3—3所示。</p><p>　　圖3—3 商品信息圖</p><p><b>　　3.4 數(shù)據(jù)庫設(shè)計</b></p><p>　　數(shù)據(jù)庫設(shè)計是支撐一個項目的根本。數(shù)據(jù)庫設(shè)計涉及到系統(tǒng)設(shè)計的許多方面，甚至可以影響到一個系統(tǒng)的設(shè)計是否成功。購物網(wǎng)站系統(tǒng)的數(shù)據(jù)庫設(shè)計要包含如下幾方面：

29、</p><p>　　1）明確數(shù)據(jù)庫設(shè)計的需求，是數(shù)據(jù)庫設(shè)計的第一步。只有明確了系統(tǒng)需求、用戶需求，才能把握好數(shù)據(jù)庫設(shè)計的方向。 </p><p>　　2）數(shù)據(jù)建模。進行數(shù)據(jù)庫的建模，需要使用到相應(yīng)的數(shù)據(jù)建模工具。 </p><p>　　3）數(shù)據(jù)結(jié)構(gòu)設(shè)計。結(jié)構(gòu)設(shè)計是對數(shù)據(jù)模型進行轉(zhuǎn)化的必要過程，能夠?qū)?shù)據(jù)模型與業(yè)務(wù)流程相結(jié)合。 </p><

30、;p>　　4）數(shù)據(jù)庫的設(shè)計實現(xiàn)與維護。</p><p>　　數(shù)據(jù)庫的設(shè)計實現(xiàn)，與系統(tǒng)前后臺部分的功能模塊的設(shè)計與實現(xiàn)是密不可分的。對數(shù)據(jù)的處理，對信息的展示，是網(wǎng)站設(shè)計的核心部分，因此數(shù)據(jù)庫的設(shè)計也是整個網(wǎng)站系統(tǒng)設(shè)計的關(guān)鍵所在。</p><p>　　3.4.1數(shù)據(jù)庫信息</p><p>　　數(shù)據(jù)庫信息就是所需要表格內(nèi)信息，主要運用關(guān)系數(shù)據(jù)庫，因為關(guān)系數(shù)據(jù)庫中可

31、以直觀看出數(shù)據(jù)與數(shù)據(jù)之間、數(shù)據(jù)與表格直接、表格與表格之間的關(guān)系。</p><p>　　1）用戶信息表(user)</p><p>　　用戶信息表用來管理用戶信息主要存儲用戶索引、登錄名和用戶密碼。其結(jié)構(gòu)如表3—1所示。</p><p>　　表3—1用戶信息表(user)</p><p>　　2）首頁信息表(index_list)</p&

32、gt;<p>　　首頁信息表用來存儲首頁信息，主要有商品索引、層級區(qū)分、商品圖片和標示等功能。其結(jié)構(gòu)如表3—2所示。</p><p>　　表3—2首頁信息表(index_list)</p><p>　　3）購物車信息表(shopping_cart)</p><p>　　購物車信息表用來存儲購物車信息，主要有商品索引、商品編號、商品圖片、商品名稱、數(shù)量、

33、價格和用戶。其結(jié)構(gòu)如表3—3所示。</p><p>　　表3—3購物車信息表(shopping_cart)</p><p>　　4）通用信息表(shopping_cart)</p><p>　　通用信息表主要用于存儲各頁面商品信息，主要有商品索引、商品編號、商品圖片、商品價格和商品標簽。其結(jié)構(gòu)如表3—4所示。</p><p>　　表3—4通用

34、信息表(index_list)</p><p>　　第4章 系統(tǒng)詳細設(shè)計與實現(xiàn)</p><p>　　4.1 系統(tǒng)前臺設(shè)計</p><p>　　4.2.1 首頁模塊的實現(xiàn)</p><p>　　系統(tǒng)主頁面上使用了一些控件，比如輪播圖，以優(yōu)化頁面的顯示效果。在首頁的頂端有導(dǎo)航條、用戶登錄入口、系統(tǒng)公告等，在頁面下方有商品分類等模塊。在頁面正中是人氣

35、商品的展示區(qū)。如圖4—1所示。</p><p><b>　　圖4－1 主頁信息</b></p><p>　　4.2.2 用戶登錄/注冊模塊的實現(xiàn)</p><p>　　用戶登錄頁面可以選擇用戶名和密碼方式登錄，如圖4—2所示。</p><p><b>　　圖4－2 登錄信息</b></p>

36、<p>　　用戶注冊頁面必須使用手機號注冊，填寫圖形驗證碼后收取短信驗證碼后設(shè)置登錄密碼。如圖4—3所示。</p><p><b>　　圖4－3 注冊信息</b></p><p>　　4.2.3 購物車模塊的實現(xiàn)</p><p>　　購物車主要將用戶所挑選商品集中結(jié)算，其具有包含用戶所挑選商品名稱、數(shù)量、價格、增減數(shù)量和刪除商品等

37、功能，增減購物車內(nèi)商品購物車角標數(shù)量會動態(tài)變化，還可以點擊商品進入詳情頁面繼續(xù)購買，購物車頁面，如圖4—4所示。</p><p>　　圖4－4 購物車信息</p><p>　　4.2.4 商品搜索模塊的實現(xiàn)</p><p>　　商品搜索主要通過關(guān)鍵字來搜索，搜索的關(guān)鍵字可以是商品名稱或者商品名稱中的某一個詞。如圖4—5所示。</p><p>

38、　　圖4－5 搜索頁面信息</p><p>　　4.2.5 列表分頁展示模塊的實現(xiàn)</p><p>　　列表分類主要展示商品分類頁表信息可以點擊頁面下方的數(shù)字進行下一頁切換。如圖4—6所示。</p><p>　　圖4－6 分類頁面信息</p><p>　　4.2.6 商品詳情模塊的實現(xiàn)</p><p>　　商品詳情頁主

39、要有商品信息、價格、商品圖片、商品細節(jié)放大等功能顯示，如圖4—7所示。</p><p>　　圖4－7 詳情頁面信息</p><p>　　4.2 后臺管理模塊設(shè)計</p><p>　　4.2.1 后臺登錄模塊的實現(xiàn)</p><p>　　后臺管理中心登錄模塊主要有管理員帳號、密碼和圖像驗證碼登錄。如圖4—8所示。</p><p

40、>　　圖4－8 后臺登錄信息</p><p>　　4.2.2 后臺修改密碼模塊的實現(xiàn)</p><p>　　后臺修改密碼主要為管理員提供修改密碼功能，其頁面主要有管理員帳號、原始密碼、新密碼和二次確認密碼組成。如圖4—9所示。</p><p>　　圖4－9 后臺修改密碼信息</p><p>　　4.2.3 后臺用戶信息模塊的實現(xiàn)</

41、p><p>　　后臺用戶管理主要為管理員提供顯示網(wǎng)站注冊用戶的序號、用戶名和密碼。以方便管理員對于用戶的管理。如圖4—10所示。</p><p>　　圖4－10 后臺用戶信息</p><p>　　4.2.4 后臺商品信息模塊的實現(xiàn)</p><p>　　后臺商品信息主要為管理員提供網(wǎng)站商品的修改和刪除功能，以方便管理員對于網(wǎng)站商品的管理。如圖4—1

42、1所示。</p><p>　　圖4－11 后臺商品信息</p><p>　　4.3.5 后臺欄目管理模塊的實現(xiàn)</p><p>　　后臺欄目管理主要為管理員提供改變頁面欄目信息功能，各欄目名稱、修改和刪除，在添加新欄目時要輸入欄目名稱、欄目圖片、英文標題、關(guān)鍵字標題和欄目關(guān)鍵字等信息。如圖4—12所示。</p><p>　　圖4－12 欄目管

43、理信息</p><p><b>　　第5章 系統(tǒng)測試</b></p><p><b>　　5.1 測試目的</b></p><p>　　軟件測試，是保證軟件運行過程的可靠性、安全性的重要手段，在軟件未正式投入使用之前，需要對軟件編制過程中的需求分析、系統(tǒng)設(shè)計及編碼環(huán)節(jié)等進行嚴格的、科學(xué)的二次審查。軟件測試的流程需要立足于軟

44、件開發(fā)的流程及相關(guān)的要求，建立一定數(shù)量的測試用例。通過運行測試用例，檢測出軟件設(shè)計中的弊端，從而進行一定的軟件完善。進行軟件測試的目的即最大可能的發(fā)現(xiàn)軟件設(shè)計過程中的不足，在系統(tǒng)正式運行前進行改善。</p><p>　　軟件測試的目標主要有以下三點： </p><p>　　1）最大限度的發(fā)現(xiàn)系統(tǒng)中出現(xiàn)的不足，進而改正、優(yōu)化；</p><p>　　2）優(yōu)良的測試方案不

45、僅能找到系統(tǒng)中出現(xiàn)的錯誤，還可能是首次發(fā)現(xiàn)錯誤的測試方案。</p><p>　　3）成功的測試指的是能夠找到從未被發(fā)現(xiàn)的弊端的測試[7]。</p><p><b>　　5.2 動態(tài)測試</b></p><p>　　動態(tài)測試主要分為白盒測試（結(jié)構(gòu)測試）與黑盒測試（功能測試）。</p><p>　　1）白盒測試，是把測試對象

46、看做一個透明的盒子，它允許測試人員利用程序內(nèi)部的邏輯結(jié)構(gòu)及有關(guān)信息，設(shè)計或選擇測試用例，對程序所有邏輯路徑進行測試。白盒測試的主要測量指標有分支覆蓋率，語句覆蓋率和過程函數(shù)覆蓋率等。</p><p>　　2）黑盒測試，是把測試對象看做一個黑盒子，測試人員完全不考慮程序內(nèi)部的邏輯結(jié)構(gòu)和內(nèi)部特性，只依據(jù)程序的需求規(guī)格說明書，檢查程序的功能是否符合它的功能說明。黑盒測試的測量指標主要是通過檢查被測軟件的輸出結(jié)果是否與預(yù)

47、期的設(shè)想的狀態(tài)一致[8]。</p><p>　　本次測試主要針對用戶注冊過程進行了詳細的黑盒測試，用戶注冊測試用例表，如表5—1所示。</p><p>　　表5—1 用戶注冊測試用例</p><p>　　在注冊過程中各驗證項內(nèi)容須符合要求，輸入內(nèi)容不符合要求時會做出相應(yīng)的錯誤提示，注冊頁面失敗測試結(jié)果，如圖5—1所示。</p><p>　　圖

48、5－1 注冊頁面失敗測試用例</p><p>　　在注冊過程中各驗證項內(nèi)容符合要求時可以進行注冊，注冊頁面成功測試結(jié)果，如圖5—2所示。</p><p>　　圖5－2 注冊頁面成功測試用例</p><p>　　注冊成功后跳轉(zhuǎn)登錄頁面，如圖5—3所示。</p><p>　　圖5－3 注冊頁面成功跳轉(zhuǎn)</p><p>&l

49、t;b>　　5.3 測試用例</b></p><p>　　通過對商城的多方面測試，前臺用戶系統(tǒng)沒有漏洞，可以進行登錄/注冊、首頁連接其他頁面、列表頁實現(xiàn)功能、詳情頁正確顯示和購物車的增、刪、改。都可以正確生效。各頁面加載速度達到預(yù)期效果，無卡頓。</p><p><b>　　結(jié) 論</b></p><p>　　本網(wǎng)站基本可以

50、滿足用戶對商品的需求，整個網(wǎng)頁以簡潔風(fēng)格為主，頁面操作便捷，會讓用戶準確找到自己需要的商品。開發(fā)階段運用了一些框架，實現(xiàn)了一些交互。主要運用Javascript和后臺數(shù)據(jù)庫連接等關(guān)鍵技術(shù)。線上購物網(wǎng)站無論在開發(fā)階段，還是日后的維護中，都要嚴格要求，以保證網(wǎng)站的服務(wù)質(zhì)量。由于系統(tǒng)還在初級階段，還存在一些不足之處，例如安全性能不夠完善，缺少必要的加密系統(tǒng)等。由于技術(shù)原因，待日后時間充足時完善其他功能。</p><p>

51、;<b>　　參考文獻</b></p><p>　　[1] 陳方岳，基于J2EE的鍍鋅鋼管銷售管理系統(tǒng)的設(shè)計與實現(xiàn) [D]，廈門大學(xué)，2015.</p><p>　　[2] 易揚，基于ASP.NET的網(wǎng)上購物系統(tǒng)的設(shè)計與實現(xiàn) [D]，電子科技大學(xué)，2016.</p><p>　　[3] 甘亞麗，淺談我國移動電子商務(wù)的發(fā)展 [J]，商情，2014

52、：50-51.</p><p>　　[4] `Sun Microsystems , Netscape Inc, Netscape and Sun announce JavaScript [M]，The open，cross-platform object scripting language for enterprise networks and the Internet 2010.</p><

53、;p>　　[5] 王國強，郇濤，姜明，淺談網(wǎng)站建設(shè)相關(guān)技術(shù) [J]，消費電子，2013.</p><p>　　[6] 陳頡，基于IOS系統(tǒng)購物型App的設(shè)計 [J]，辦公自動化，2016：42-44.</p><p>　　[7] 陳會霞 周利華，關(guān)于軟件測試的淺議 [J]，中國測試技術(shù)，2005：57-58.</p><p>　　[8] 喬克婷. 基于Test

54、Bed的軟件動態(tài)測試分析[J]，經(jīng)營管理者，2017：235-236.</p><p><b>　　附錄I</b></p><p><b>　　部分源代碼</b></p><p><b>　　登錄/注冊</b></p><p>　　* @RequestMapping(value

55、 = "xxx", method="GET",params = "method=oo")</p><p><b>　　*/</b></p><p>　　@RequestMapping (value="registerUser", method = RequestMethod.GET)<

56、;/p><p>　　@ResponseBody</p><p>　　public String register(HttpServletRequest request,String name,String pass) throws Exception{</p><p><b>　　try{</b></p><p>　　Str

57、ing message = "000000";</p><p>　　JSONArray jsonArr = new JSONArray();</p><p>　　JSONObject returnMessage = new JSONObject();</p><p>　　List<User> user1 = userRepositor

58、y.findAll();</p><p>　　System.out.println(user1);</p><p>　　JSONArray json = JSONArray.fromObject(user1); </p><p>　　for(int i = 0;i < json.size();i++){</p><p>　　JSONOb

59、ject jso = json.getJSONObject(i);</p><p>　　if(jso.get("name").toString().equals(name.toString())){</p><p>　　message = "111111";</p><p><b>　　}</b><

60、/p><p><b>　　}</b></p><p>　　if(message.equals("000000")){</p><p>　　User user = new User();</p><p>　　user.setName(name);</p><p>　　user.set

61、Password(pass);</p><p>　　userRepository.save(user);</p><p><b>　　}</b></p><p>　　returnMessage.put("returnCode", message);</p><p>　　jsonArr.add(retu

62、rnMessage);</p><p>　　return mapper.writeValueAsString(jsonArr);</p><p>　　}catch(Exception e){</p><p>　　String message = "999999";</p><p>　　JSONArray jsonArr

63、= new JSONArray();</p><p>　　JSONObject returnMessage = new JSONObject();</p><p>　　returnMessage.put("returnCode", message);</p><p>　　jsonArr.add(returnMessage);</p>

64、<p>　　return mapper.writeValueAsString(jsonArr);</p><p><b>　　}</b></p><p><b>　　}</b></p><p><b>　　/**</b></p><p><b>　　*登陸

65、驗證?</b></p><p><b>　　* @return</b></p><p>　　* @throws Exception</p><p><b>　　*/</b></p><p>　　@RequestMapping(value="loginUser", me

66、thod = RequestMethod.GET)</p><p>　　@ResponseBody</p><p>　　public String login(HttpServletRequest request,String name,String pass) throws Exception {</p><p><b>　　try{</b>

67、</p><p>　　String message = "111111";</p><p>　　//返回message</p><p>　　JSONArray returnArr = new JSONArray();</p><p>　　JSONObject returnMessage = new JSONObject()

68、;</p><p>　　List<User> user = userRepository.findAll();</p><p>　　JSONArray json = JSONArray.fromObject(user); </p><p>　　for(int i = 0;i < json.size();i++){</p><p&

69、gt;　　JSONObject jso = json.getJSONObject(i);</p><p>　　if(jso.get("name").toString().equals(name.toString())&&jso.get("password").toString().equals(pass.toString())){</p>&l

70、t;p>　　message = "000000";</p><p><b>　　}</b></p><p><b>　　}</b></p><p>　　returnMessage.put("returnCode", message);</p><p>　

71、　returnArr.add(returnMessage);</p><p>　　return mapper.writeValueAsString(returnArr);</p><p>　　}catch(Exception e){</p><p>　　String message = "999999";</p><p>

72、;　　JSONArray returnArr = new JSONArray();</p><p>　　JSONObject returnMessage = new JSONObject();</p><p>　　returnMessage.put("returnCode", message);</p><p>　　returnArr.add(r

73、eturnMessage);</p><p>　　return mapper.writeValueAsString(returnArr);</p><p><b>　　}</b></p><p><b>　　}</b></p><p><b>　　向數(shù)據(jù)庫中插入數(shù)據(jù)</b>&l

74、t;/p><p>　　@RequestMapping (value="registerUser", method = RequestMethod.GET)</p><p>　　@ResponseBody</p><p>　　public String register(HttpServletRequest request,String name,St

75、ring pass) throws Exception{</p><p><b>　　try{</b></p><p>　　String message = "000000";</p><p>　　JSONArray jsonArr = new JSONArray();</p><p>　　JSONO

76、bject returnMessage = new JSONObject();</p><p>　　List<User> user1 = userRepository.findAll();</p><p>　　JSONArray json = JSONArray.fromObject(user1); </p><p>　　for(int i = 0;i

77、< json.size();i++){</p><p>　　JSONObject jso = json.getJSONObject(i);</p><p>　　if(jso.get("name").toString().equals(name.toString())){</p><p>　　message = "111111&qu

78、ot;;</p><p><b>　　}</b></p><p><b>　　}</b></p><p>　　if(message.equals("000000")){</p><p>　　User user = new User();</p><p>　

79、　user.setName(name);</p><p>　　user.setPassword(pass);</p><p>　　userRepository.save(user);</p><p><b>　　}</b></p><p>　　returnMessage.put("returnCode"

80、;, message);</p><p>　　jsonArr.add(returnMessage);</p><p>　　return mapper.writeValueAsString(jsonArr);</p><p>　　}catch(Exception e){</p><p>　　String message = "999

81、999";</p><p>　　JSONArray jsonArr = new JSONArray();</p><p>　　JSONObject returnMessage = new JSONObject();</p><p>　　returnMessage.put("returnCode", message);</p>

82、<p>　　jsonArr.add(returnMessage);</p><p>　　return mapper.writeValueAsString(jsonArr);</p><p><b>　　}</b></p><p><b>　　}</b></p><p><b>

83、;　　刪除數(shù)據(jù)庫中數(shù)據(jù)</b></p><p>　　@RequestMapping (value="deleteCart",method = RequestMethod.GET)</p><p>　　@ResponseBody</p><p>　　@Transactional</p><p>　　public

84、String deleteCart(HttpServletRequest request,String catId,String user) throws Exception{</p><p><b>　　try{</b></p><p>　　catId = new String(catId.getBytes("ISO-8859-1"),"

85、;UTF-8");</p><p>　　user = new String(user.getBytes("ISO-8859-1"),"UTF-8");</p><p>　　shoppingCartRepository.deleteByCatIdAndUser(catId, user);</p><p>　　Strin

86、g message = "000000";</p><p>　　JSONArray jsonArr = new JSONArray();</p><p>　　JSONObject returnMessage = new JSONObject();</p><p>　　returnMessage.put("returnCode"

87、;, message);</p><p>　　jsonArr.add(returnMessage);</p><p>　　return mapper.writeValueAsString(jsonArr);</p><p>　　}catch(Exception e){</p><p>　　String message = "999

88、999";</p><p>　　JSONArray jsonArr = new JSONArray();</p><p>　　JSONObject returnMessage = new JSONObject();</p><p>　　returnMessage.put("returnCode", message);</p>

89、<p>　　jsonArr.add(returnMessage);</p><p>　　return mapper.writeValueAsString(jsonArr);</p><p><b>　　}</b></p><p><b>　　}</b></p><p><b>

90、;　　修改數(shù)據(jù)庫中數(shù)據(jù)</b></p><p>　　@RequestMapping (value="updateCart",method = RequestMethod.GET)</p><p>　　@ResponseBody</p><p>　　@Transactional</p><p>　　public

91、String updateCart(HttpServletRequest request,String catId,String num,String user) throws Exception{</p><p><b>　　try{</b></p><p>　　catId = new String(catId.getBytes("ISO-8859-1&q

92、uot;),"UTF-8");</p><p>　　num = new String(num.getBytes("ISO-8859-1"),"UTF-8");</p><p>　　user = new String(user.getBytes("ISO-8859-1"),"UTF-8");&

93、lt;/p><p>　　shoppingCartRepository.updateByCatIdAndUser(num, catId, user);</p><p>　　String message = "000000";</p><p>　　JSONArray jsonArr = new JSONArray();</p><p

94、>　　JSONObject returnMessage = new JSONObject();</p><p>　　returnMessage.put("returnCode", message);</p><p>　　jsonArr.add(returnMessage);</p><p>　　return mapper.writeValu

95、eAsString(jsonArr);</p><p>　　}catch(Exception e){</p><p>　　String message = "999999";</p><p>　　JSONArray jsonArr = new JSONArray();</p><p>　　JSONObject retur

96、nMessage = new JSONObject();</p><p>　　returnMessage.put("returnCode", message);</p><p>　　jsonArr.add(returnMessage);</p><p>　　return mapper.writeValueAsString(jsonArr);<

97、;/p><p><b>　　}</b></p><p><b>　　}</b></p><p><b>　　查詢數(shù)據(jù)庫中數(shù)據(jù)</b></p><p>　　@RequestMapping (value="findCart",method = RequestMeth

98、od.GET)</p><p>　　@ResponseBody</p><p>　　public String findCart(HttpServletRequest request,String user) throws Exception{</p><p><b>　　try{</b></p><p>　　List&

99、lt;ShoppingCart> shoppingCart = shoppingCartRepository.findAll();</p><p>　　JSONArray json = JSONArray.fromObject(shoppingCart); </p><p>　　JSONArray goodsArr = new JSONArray();</p><

100、p>　　for(int i = 0;i < json.size();i++){</p><p>　　JSONObject jso = json.getJSONObject(i);</p><p>　　if(jso.get("user").toString().equals(user.toString())){</p><p>　　go

101、odsArr.add(jso);</p><p><b>　　}</b></p><p><b>　　}</b></p><p>　　return mapper.writeValueAsString(goodsArr);</p><p>　　}catch(Exception e){</p>

102、;<p>　　String message = "999999";</p><p>　　JSONArray jsonArr = new JSONArray();</p><p>　　JSONObject returnMessage = new JSONObject();</p><p>　　returnMessage.put(&q

103、uot;returnCode", message);</p><p>　　jsonArr.add(returnMessage);</p><p>　　return mapper.writeValueAsString(jsonArr);</p><p><b>　　}</b></p><p><b>　

104、　}</b></p><p><b>　　致 謝</b></p><p>　　六月，總是陽光燦爛。六月，總要曲終人散。在論文完稿之際在此由衷的感謝指導(dǎo)老師的耐心指導(dǎo)，無論是為人還是學(xué)習(xí)，他總是我學(xué)習(xí)的楷模。在勞累的工作之余，悉心的對我的輔導(dǎo)與幫助。從論文的選題、開題報告的撰寫、資料的查找、到結(jié)構(gòu)的完善、都不厭其煩的給予我?guī)椭刮翼樌晌?。時光荏苒，歲月