【導(dǎo)讀】式，在網(wǎng)上購(gòu)書(shū)也就是成為了大量讀者的首要選擇。架等技術(shù)實(shí)現(xiàn)了——基于B/S的網(wǎng)上購(gòu)書(shū)系統(tǒng)。本系統(tǒng)主要分為前臺(tái)和后臺(tái)，前臺(tái)主要是。熱賣(mài)商品、最新上架的產(chǎn)品，購(gòu)物車(chē)模塊、收貨人地址模塊和訂單生成模塊等。列表顯示、訂單列表顯示。品信息的保留，方便用戶(hù)的下次瀏覽。數(shù)據(jù)庫(kù)選用MySQL數(shù)據(jù)庫(kù)管理系統(tǒng)。

　　

【正文】 異步請(qǐng)求的 JS 代碼如下： $(function(){ //程序一加載就執(zhí)行這個(gè)異步請(qǐng)求 ,同時(shí)把返回的結(jié)果加載到一級(jí)菜單的選項(xiàng)中 $.post(manage/,{39。parentId39。:1},function(data){ var c = 1。 //對(duì)異步請(qǐng)求返回的結(jié) 果進(jìn)行迭代，并且把返回的結(jié)果按照規(guī)則填充到響應(yīng)的位置 for(var i=0。i。i++){ var menu = data[i]。 //定義 select中一級(jí)菜單的 id值和 value值 var $opt = $(option value=+menu[0]+ id=39。opt_first+c+39。+menu[1]+/option)。 $(select1).append($opt)。 c++。 } })。 //根據(jù)選擇 的一級(jí)菜單去加載二級(jí)菜單的選項(xiàng) $(select1).change(function(){ var optVal = $(this).val()。 $(select2 option).remove()。 $.post(manage/,{39。parentId39。:optVal},function(data){ var c = 1。 //對(duì)異步請(qǐng)求返回的結(jié)果進(jìn)行迭代，并且把返回的結(jié)果按照規(guī)則填充到響應(yīng)的位置 for(var j=0。j。j++){ //定義 select中相對(duì)應(yīng)二級(jí)菜單的 id值和 value值 var $opt = $(option value=+data[j][0]+ id=39。opt_second+c+39。+data[j][1]+/option)。 $(select2).append($opt)。 c++。} })。 })。 })。 在異步請(qǐng)求發(fā)出的時(shí)候會(huì)先去 Struts 配置文件中去尋找相對(duì)應(yīng)的 action，然后調(diào)用 action 的業(yè)務(wù)方法，再 通過(guò)對(duì)數(shù)據(jù)庫(kù)中的數(shù) 據(jù)進(jìn)行操作，把 得到的數(shù)據(jù)返回，把數(shù)據(jù)加載到 select 中，顯示在頁(yè)面上。 同時(shí)在進(jìn)行圖書(shū)的圖片進(jìn)行上傳的時(shí)候，為了方便管理員知道導(dǎo)入的圖片是否正確，要在頁(yè)面的右上方顯示出要上傳的圖片。如圖 所示 。 網(wǎng)上書(shū)城的設(shè)計(jì)與實(shí) 26 圖 圖片上傳在當(dāng)前頁(yè)面的顯示 在實(shí)現(xiàn)這個(gè)功能的時(shí)候，由于現(xiàn)在的瀏覽器的安全級(jí)別都在不斷的提高，所以很難獲取到本地圖片的地址，但是可以通過(guò)一個(gè)數(shù)組來(lái)實(shí)現(xiàn)，并且在 JS 中實(shí)現(xiàn)，主要代碼如下： var file1 = (file1)。 var fileName = ([0])。 $(show_Pic).html(img src=39。+fileName+39。)。 在管理員把圖書(shū)的信息輸入之后，點(diǎn)擊提交即可添加新的圖書(shū)的信息。在添加完成之后，管理員需要對(duì)所有的圖書(shū)進(jìn)行管理，需要進(jìn)入圖書(shū)的列表頁(yè)面，如圖 。 圖 所有圖書(shū)列表顯示 管理員可以通過(guò)點(diǎn)擊修改對(duì)圖書(shū)的信息進(jìn)行修改，也可以點(diǎn)擊刪除對(duì)圖書(shū)進(jìn)行刪除操作。 同時(shí)管理員可以對(duì)會(huì)員信息列表和訂單信息列表進(jìn) 行查看。 會(huì)員信息列表如圖 。 青海民族大學(xué)畢業(yè)論文 圖 會(huì)員信息列表顯示 訂單信息列表如圖 所示 。 圖 訂單信息列表顯示 當(dāng)訂單下單成功之后，如果商家已經(jīng)發(fā)貨，則訂單的狀態(tài)則為已發(fā)貨，如果交易完成，則顯示為交易完成。 網(wǎng)上書(shū)城的設(shè)計(jì)與實(shí) 28 第 4 章 系統(tǒng)運(yùn)行與測(cè)試 軟件測(cè)試概述 軟件測(cè)試是軟件開(kāi)發(fā)過(guò)程中最關(guān)鍵的階段。當(dāng)測(cè)試成功時(shí)可以盡早發(fā)現(xiàn)產(chǎn)品中存在的問(wèn)題并及時(shí)解決。盡早解決可以使軟件發(fā)布后維護(hù)的費(fèi)用降低。測(cè)試的目的是為了保證軟件的質(zhì)量，滿(mǎn)足設(shè)計(jì)的要求和客戶(hù)的要求：因 此軟件測(cè)試是保證質(zhì)量的關(guān)鍵步驟，也是對(duì)軟件的規(guī)格說(shuō)明、設(shè)計(jì)和編碼的最后復(fù)審。 軟件的測(cè)試在軟件生命周期中占據(jù)重要的地位，在傳統(tǒng)的瀑布模型中，軟件測(cè)試學(xué)僅處于運(yùn)行維護(hù)階段之前，是軟件產(chǎn)品交付用戶(hù)使用之前保證軟件質(zhì)量的重要手段。近來(lái)，軟件工程界趨向于一種新的觀點(diǎn)，即認(rèn)為軟件生命周期每一階段中都應(yīng)包含測(cè)試，從而檢驗(yàn)本階段的成果是否接近預(yù)期的目標(biāo)，盡可能早的發(fā)現(xiàn)錯(cuò)誤并加以修正，如果不在早期階段進(jìn)行測(cè)試，錯(cuò)誤的延時(shí)擴(kuò)散常常會(huì)導(dǎo)致最后成品測(cè)試的巨大困難。 軟件測(cè)試的目標(biāo) 測(cè)試是指“用意在于發(fā)現(xiàn)錯(cuò)誤而執(zhí)行一個(gè)程 序的過(guò)程”，一個(gè)成功的測(cè)試是指它成功地發(fā)現(xiàn)了一個(gè)尚未發(fā)現(xiàn)的錯(cuò)誤。軟件進(jìn)行測(cè)試，可以分為單元測(cè)試、編碼測(cè)試和綜合測(cè)試，單元測(cè)試可以測(cè)試單一模塊的功能并確定其功效；編碼測(cè)試可以測(cè)試各模塊之間的連接是否有效；綜合測(cè)試是對(duì)軟件最后的審定軟件的各項(xiàng)功能是否齊全有效，是否能順利完成設(shè)計(jì)的目的。 如果測(cè)試的目的是為了盡可能多地找出錯(cuò)誤，那么測(cè)試就應(yīng)該直接針對(duì)軟件比較復(fù)雜的部分或是以前出錯(cuò)比較多的位置。 （ 1）軟件測(cè)試是為了發(fā)現(xiàn)錯(cuò)誤而執(zhí)行程序的過(guò)程； （ 2）測(cè)試是為了證明程序有錯(cuò)，而不是證明程序無(wú)錯(cuò)誤； （ 3）一個(gè)好的 測(cè)試用例是在于它能發(fā)現(xiàn)至今未發(fā)現(xiàn)的錯(cuò)誤； （ 4）一個(gè)成功的測(cè)試是發(fā)現(xiàn)了至今未發(fā)現(xiàn)的錯(cuò)誤的測(cè)試。 這種觀點(diǎn)可以提醒人們測(cè)試要以查找錯(cuò)誤為中心，而不是為了演示軟件的正青海民族大學(xué)畢業(yè)論文 確功能。但是僅憑字面意思理解這一觀點(diǎn)可能會(huì)產(chǎn)生誤導(dǎo)，認(rèn)為發(fā)現(xiàn)錯(cuò)誤是軟件測(cè)試的唯一目，查找不出錯(cuò)誤的測(cè)試就是沒(méi)有價(jià)值的，事實(shí)并非如此。 首先，測(cè)試并不僅僅是為了要找出錯(cuò)誤。通過(guò)分析錯(cuò)誤產(chǎn)生的原因和錯(cuò)誤的分布特征，可以幫助項(xiàng)目管理者發(fā)現(xiàn)當(dāng)前所采用的軟件過(guò)程的缺陷，以便改進(jìn)。同時(shí)，這種分析也能幫助我們?cè)O(shè)計(jì)出有針對(duì)性地檢測(cè)方法，改善測(cè)試的有效性。其次 ，沒(méi)有發(fā)現(xiàn)錯(cuò)誤的測(cè)試也是有價(jià)值的，完整的測(cè)試是評(píng)定測(cè)試質(zhì)量的一種方法。 系統(tǒng)運(yùn)行環(huán)境 每個(gè)系統(tǒng)都應(yīng)有它所適合運(yùn)行的環(huán)境，只有在最佳環(huán)境下才能將系統(tǒng)性能發(fā)揮到最好。 系統(tǒng)硬件運(yùn)行環(huán)境 系統(tǒng)運(yùn)行硬件環(huán)境具體情況如表 所示 。 表 系統(tǒng)硬件運(yùn)行環(huán)境信息表 硬件 最低配置 建議配置 主機(jī) AMD CPU AMD CPU 內(nèi)存 512 MB 1G 硬盤(pán) 25 G 160G 顯示器 VGA LCD 系統(tǒng)軟件運(yùn)行環(huán)境 （ 1）開(kāi)發(fā)語(yǔ)言： Java JDKl． 6 （ 2）開(kāi)發(fā)平臺(tái)： （ 3）服務(wù)器： TomCat （ 4）運(yùn)行系統(tǒng)： Windows XP/win7 （ 5）數(shù)據(jù)庫(kù)： MySQL （ 6）數(shù)據(jù)庫(kù)管理器 Navicat for MySQL 采用 MySQL 數(shù)據(jù)庫(kù)，考慮到成本問(wèn)題以及性能問(wèn)題。因?yàn)?MySQL 始終圍繞三個(gè)基本原則而設(shè)計(jì)，它們是：性能、可靠性和容易使用。 MySQL 數(shù)據(jù)庫(kù)具有良好的性能，能夠滿(mǎn)足 購(gòu)物 系統(tǒng)的需要。 通過(guò)對(duì)上一章中，對(duì) 漫步網(wǎng)購(gòu)書(shū) 系統(tǒng)的設(shè)計(jì)模型的分析和細(xì)化，逐步得到系統(tǒng)的實(shí)現(xiàn)模型。 網(wǎng)上書(shū)城的設(shè)計(jì)與實(shí) 30 系統(tǒng)測(cè)試與結(jié)果 系統(tǒng)測(cè)試分為用戶(hù)注冊(cè)測(cè)試、登錄測(cè) 試、后臺(tái)的產(chǎn)品添加、修改以及刪除測(cè)試。 用戶(hù)模塊 測(cè)試 1. 用戶(hù)注冊(cè) 測(cè)試 （失敗案例） 要注冊(cè)一個(gè)郵箱地址為 的用戶(hù)，密碼為 123456，昵稱(chēng)為瀟瀟。如圖 所示 。 圖 用戶(hù)注冊(cè)（失?。? 然后無(wú)視這一項(xiàng)，繼續(xù)向下填寫(xiě)，填寫(xiě)完成后點(diǎn)擊注冊(cè)，頁(yè)面顯示如圖 所示 。 圖 無(wú)法提交頁(yè)面（失敗） 通過(guò)這個(gè)測(cè)試，可以知道，只要注冊(cè)頁(yè)面填寫(xiě)有錯(cuò)誤，就不能提交整個(gè)頁(yè)面。 2. 用戶(hù)注冊(cè) 測(cè)試 （成功案例） 要注冊(cè)一個(gè)郵箱地址為 的用戶(hù)，密碼 為 123456，昵稱(chēng)為測(cè)試。如圖 所示 。 圖 填寫(xiě)完全正確頁(yè)面 青海民族大學(xué)畢業(yè)論文 在全部信息填寫(xiě)正確的情況下，點(diǎn)擊注冊(cè)，可以跳轉(zhuǎn)到郵箱驗(yàn)證頁(yè)面。如圖 所示 。 圖 填寫(xiě)信息成功轉(zhuǎn)到驗(yàn)證頁(yè)面 輸入正確的驗(yàn)證碼，點(diǎn)擊完成，然后會(huì)顯示注冊(cè)完成。如圖 所示 。 圖 注冊(cè)成功頁(yè)面 （成功案例） 會(huì)員登錄通過(guò)驗(yàn)證郵箱地址和密碼以及郵箱驗(yàn)證是否通過(guò)，如果以上都為true，則登錄成功，跳轉(zhuǎn)到產(chǎn)品的顯示頁(yè)面。測(cè)試郵箱地址： ,密碼：123456,如圖 所示 。 圖 會(huì)員登錄頁(yè)面 本次測(cè)試的用戶(hù)為 test，郵箱驗(yàn)證已經(jīng)通過(guò)，點(diǎn)擊登錄后，如圖 所示 。 網(wǎng)上書(shū)城的設(shè)計(jì)與實(shí) 32 圖 登錄成功跳轉(zhuǎn)到產(chǎn)品頁(yè)面 成功登錄后，會(huì)員可以進(jìn)行圖書(shū)的瀏覽和購(gòu)買(mǎi)等功能。 后臺(tái)圖書(shū)管理測(cè)試 首先查看圖書(shū)列表的信息，并且顯示到最后一頁(yè)，如圖 所示 。 圖 后臺(tái)圖書(shū)列表尾頁(yè) 然后進(jìn)行圖書(shū)的添加，先對(duì)圖書(shū)的信息進(jìn)行錄入，如圖 所示 。 青海民族大學(xué)畢業(yè)論文 圖 錄入圖書(shū)的信息 錄入信息完成后點(diǎn)擊提交，會(huì)自動(dòng)跳轉(zhuǎn)到圖書(shū)列表顯示頁(yè)面，如圖 所示 。 圖 新 錄入圖書(shū)在列表中顯示 說(shuō)明添加圖書(shū)是成功的。 把新添加的圖書(shū)的漫步價(jià)格修改為 元，修改完成后會(huì)自動(dòng)跳轉(zhuǎn)到被修改圖書(shū)信息的頁(yè)面，如圖 所示 。 圖 修改漫步價(jià)格之后的圖書(shū)信息 把測(cè)試的圖書(shū)信息刪除，如圖 所示 。 網(wǎng)上書(shū)城的設(shè)計(jì)與實(shí) 34 圖 刪除圖書(shū)信息 點(diǎn)擊確定后，會(huì)跳轉(zhuǎn)到圖書(shū)列表頁(yè)面，如圖 所示 。 圖 刪除圖書(shū)信息成功 第 5 章 結(jié)束語(yǔ) 總結(jié) 隨著現(xiàn)在網(wǎng)絡(luò)的發(fā)展，一個(gè)企業(yè)的發(fā)展也要隨著科技的進(jìn)步而進(jìn)步，建設(shè)一個(gè)具有電子商務(wù)功能的網(wǎng)站不僅能打 破地域的界限，而且同時(shí)能有效的降低銷(xiāo)售的成本，也可以使消費(fèi)者用有限的資金去獲得自己想要的產(chǎn)品。因此設(shè)計(jì)并開(kāi)發(fā)一個(gè)具有電子商務(wù)功能的門(mén)戶(hù)網(wǎng)站具有非常重要的意義。 這次畢業(yè)設(shè)計(jì)，讓我對(duì)基于 B/S 的開(kāi)發(fā)和設(shè)計(jì)有了更深的理解，同時(shí)也為自己積累了大量的開(kāi)發(fā)經(jīng)驗(yàn)。漫步網(wǎng)購(gòu)物系統(tǒng)使用了 Struts2 和 Hibernate 開(kāi)源框架，這樣在高效的完成項(xiàng)目的開(kāi)發(fā)的同時(shí)，也大大減少了代碼量，同時(shí)更具有層次分明的功能模塊。在網(wǎng)頁(yè)的視覺(jué)設(shè)計(jì)上，利用了 jQuery 框架去實(shí)現(xiàn)了更多的特效，青海民族大學(xué)畢業(yè)論文 以用來(lái)達(dá)到更好的效果，同時(shí)很好的利用了 CSS 去完成 對(duì)網(wǎng)頁(yè)中樣式的設(shè)計(jì)，使網(wǎng)頁(yè)看上去更加的美觀。 通過(guò)使用框架，感覺(jué)到了框架的強(qiáng)大之處，框架讓編寫(xiě)的代碼量大大的減少，通過(guò)使用業(yè)務(wù)方法讓功能代碼之間的層次更加的清晰。 而在開(kāi)發(fā)過(guò)程中難免的會(huì)遇到一些不容易解決的問(wèn)題，比如在做后臺(tái)的圖書(shū)添加的時(shí)候，添加一個(gè)圖書(shū)信息，但是同時(shí)要關(guān)聯(lián)到 5 張表，而且其中一個(gè)表還要添加 2 條數(shù)據(jù)，這樣才能使得添加的數(shù)據(jù)能滿(mǎn)足數(shù)據(jù)需求的結(jié)果。在開(kāi)發(fā)過(guò)程中還遇到了其他的一些問(wèn)題，但是通過(guò)老師的指導(dǎo)和自己通過(guò)網(wǎng)絡(luò)的查詢(xún)，都得到了很到的解決。 在 IT 行業(yè)高速發(fā)展的今天，掌握一門(mén)專(zhuān)業(yè)的技能，成為了我 們能在高科技發(fā)展的時(shí)代能生存的必要條件。同時(shí)還要不斷的完善自己的專(zhuān)業(yè)知識(shí)，不斷的學(xué)習(xí)新的只是，同時(shí)更要不斷的了解行業(yè)的最新發(fā)展趨勢(shì)。在以后的學(xué)習(xí)中要更努力的去學(xué)習(xí)新的知識(shí)，不斷的充實(shí)自己的大腦，讓明天變得更加的美好。 下一步的工作 (1) 進(jìn)一步完善系統(tǒng)的功能體系 ： 在下一步的工作中，會(huì)對(duì)系統(tǒng)的一些功能進(jìn)行完善，比如在注冊(cè)頁(yè)面可以添加一些更加美觀而且很直觀的效果，還有后臺(tái)的美觀度以及操作的簡(jiǎn)單性上做一些改善。在完善已有功能的同時(shí)，也要添加一些新的功能，比如在前臺(tái)添加用戶(hù)在交易完成之后的可以對(duì)商家進(jìn) 行評(píng)價(jià)的功能；在用戶(hù)注冊(cè)的時(shí)候可以實(shí)現(xiàn)真正的把郵箱的驗(yàn)證碼發(fā)送到郵箱的效果，后臺(tái)添加一些更加實(shí)用的功能。 (2) 進(jìn)一步完善系統(tǒng)的架構(gòu)模型： 下一步將會(huì)對(duì)系統(tǒng)的框架實(shí)用上做一個(gè)改版，讓系統(tǒng)各個(gè)功能模塊的實(shí)現(xiàn)更加的簡(jiǎn)單，并且有更高的效率。利用 Struts2+Spring+Hibernate 三大框架對(duì)項(xiàng)目進(jìn)行一個(gè)整合。 網(wǎng)上書(shū)城的設(shè)計(jì)與實(shí) 36 青海民族大學(xué)畢業(yè)論文 第 6 章 致謝 四年的大學(xué)生活很快，我們還來(lái)不及告別就已經(jīng)結(jié)束了。四年里我們學(xué)到了很多知識(shí)，這些知識(shí)包括各方面，對(duì)我們以后的工作和生活會(huì)有很深的影響 。 畢業(yè)設(shè)計(jì)的生活結(jié)束了，我們的大學(xué)生活也即將結(jié)束。首先我要感謝我的畢業(yè)設(shè)計(jì)指導(dǎo)老師 李志強(qiáng) ，在完成畢業(yè)設(shè)計(jì)的過(guò)程中，指導(dǎo)老師給了我很多的幫助，不管遇到多大的問(wèn)題，老師總會(huì)耐心的給我講解，并最終總能解決問(wèn)題。并且在畢業(yè)設(shè)計(jì)論文的寫(xiě)作上，老師對(duì)我們要求很?chē)?yán)格，并且時(shí)常督促我們盡快完成，但是老師又經(jīng)常的知道我們要如何的去完成我們的論文。在這里，把最真誠(chéng)的感謝和敬意送給我的指導(dǎo)老師。 感謝在完成畢業(yè)設(shè)計(jì)過(guò)程中和我一起解決問(wèn)題的同學(xué)們，我們一起遇到難題，一起解決，一起學(xué)習(xí)，一起成長(zhǎng)。讓我明白了團(tuán)隊(duì)的作用，更讓我深深的 理解了團(tuán)隊(duì)的力量。 同時(shí)感謝在大學(xué)四年中對(duì)我有所教導(dǎo)的老師，他們的諄諄教誨不但讓我學(xué)到了很多知識(shí)，而且讓我掌握了學(xué)習(xí)的方法，更教會(huì)了我為人處事的道理，是我今后人