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

　　

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