峰網(wǎng)上書店系統(tǒng)的設(shè)計與實(shí)現(xiàn)

過去人們購買編程書籍、育兒書籍、學(xué)習(xí)教輔書籍等多種類書籍的渠道都是到線下的華書店來購買，其價格是很難讓用戶能夠做到透明化，也很難完全挑選到自己所需要的書展示自己所擁有的全部書籍。當(dāng)前電商購物平臺，特別是綜合性電商平臺的快速崛起，為了一種新的銷售模式的平臺，由此開發(fā)一款用以銷售圖書，并結(jié)合web技術(shù)與購物網(wǎng)站的設(shè)本課題設(shè)計與實(shí)現(xiàn)了一個網(wǎng)上書店系統(tǒng)，該系統(tǒng)具有為人們提供線上購書便利，讓用與下單購買，滿足用戶便利購買到不同類型的質(zhì)優(yōu)價廉書籍的需求。系統(tǒng)采用了VUE和Nod經(jīng)過測試網(wǎng)上書店可以正常使用，用戶可以比現(xiàn)在更為便利的查看圖書的信息，從而書。通過提高用戶在網(wǎng)上書店對圖書購買的便利可以使人們對圖書的閱讀興趣增高，從而;4不管是日常用品還是圖書類的產(chǎn)品的銷售在過去多以專業(yè)的市場為核心，由商超來進(jìn)行銷售或散賣為主，其多以線下的方式而存在的，其價格也相對較高一些，其主要是受制因素。商戶因?yàn)閷?shí)體門面和其他成本需要對圖書進(jìn)行一定比例的加價，而用戶也并沒有充裕的隨著電商網(wǎng)站走進(jìn)到人們的生活場景之中，大量的不同類型的都進(jìn)入到互聯(lián)網(wǎng)電商平臺來銷售這類商品的傳統(tǒng)銷售渠道[1]，由此，本課題也想借助于互聯(lián)網(wǎng)的發(fā)展東風(fēng)來開發(fā)一款網(wǎng)上書店低的價格和良好的服務(wù)銷售給廣大的學(xué)生、職員及教師、科研人員等多類型的用戶，為用戶提所設(shè)計的網(wǎng)上書店系統(tǒng)是一款可面向于購買圖書用品的用戶以及負(fù)責(zé)銷售圖書用品的實(shí)版社等的web購物系統(tǒng)[2]，可讓用戶直接通過該網(wǎng)上書店系統(tǒng)瀏覽多種類的圖書，根據(jù)自的瀏覽與選購，為人們的各類型圖書的購買提供了非常大的便利；可讓那些經(jīng)營圖書銷售出版社和承銷商等圖書經(jīng)營者通過該系統(tǒng)線上發(fā)布自己所銷售的不同種類的圖書商品，還5隨著科技的進(jìn)步，網(wǎng)絡(luò)的迅速發(fā)展，現(xiàn)在幾乎每個實(shí)體書店都顧客總數(shù)為450萬，銷售額達(dá)6.1億美元，股票市值10中國的第一個真正意義上的網(wǎng)上書店便是1997書店行業(yè)的網(wǎng)絡(luò)先鋒并沒有取得特別好的成績。不過目前國內(nèi)的網(wǎng)上書店行業(yè)發(fā)展資源，提高工作效率，降低勞動成本，我選擇對網(wǎng)上書店系統(tǒng)進(jìn)行了開能，對用戶使用來說，具有操作簡單、界面直觀等優(yōu)點(diǎn);對于系統(tǒng)管理員來B/S模式是一種提供給任意有網(wǎng)絡(luò)的用戶通過瀏覽器來使用的web軟件。其最為顯著的一個特點(diǎn)就是戶懂安裝和使用客戶端的技術(shù)而可非常便捷的使用，其所有的程序運(yùn)行的系統(tǒng)都會發(fā)布在服務(wù)器被描述為：可由用戶通過瀏覽器來發(fā)起請求，由服務(wù)器來解析定位并將所有的數(shù)據(jù)而生成HTMVUE技術(shù)的基礎(chǔ)也是來自于HTML，不過可通過在遵循HTML標(biāo)準(zhǔn)的基礎(chǔ)上加入NodeJS代碼來實(shí)現(xiàn)簡單的入標(biāo)記來完成對頁面的表達(dá)展示。該VUE技術(shù)有一個比較好的優(yōu)點(diǎn)是當(dāng)同一個頁面被用戶在第一的調(diào)用無需再通過來獲取數(shù)據(jù)并反饋到用戶，其所耗用的時間開銷則會小很多，只需要在第一NodeJS語言是由Sun公司而推出的一款面向于支持Applet界面和web網(wǎng)頁等不同開發(fā)方式的高級語言。該過加入JVM虛擬機(jī)的方式來完成，不再像C++語言所設(shè)計的系統(tǒng)那樣針對不同的平臺都需要過去較長時間的信息類系統(tǒng)的數(shù)據(jù)存儲都是采用非關(guān)系型數(shù)據(jù)庫，其比價適合開發(fā)一隨著數(shù)據(jù)量與系統(tǒng)規(guī)模的快速增長，關(guān)系型數(shù)據(jù)庫便出現(xiàn)了，可將更多復(fù)雜類型的數(shù)據(jù)來完成觸發(fā)器、自動數(shù)據(jù)存儲等技術(shù)來讓顧客無需單獨(dú)開發(fā)大量的代碼，從而節(jié)省一定的時間來更好能和優(yōu)化程序代碼工作中[7]。MySQL是常用的web系統(tǒng)開發(fā)所采用的數(shù)據(jù)庫系統(tǒng)，不僅可完成以直接利用所提供的可視化管理環(huán)境來完成數(shù)據(jù)庫的表創(chuàng)建與執(zhí)行數(shù)據(jù)查詢等相關(guān)的動作，當(dāng)然nodejs開發(fā)環(huán)境作為一款可被用于如C++、NodeJS、Python等多語言的優(yōu)秀的開源工具，已成發(fā)web相關(guān)系統(tǒng)的首要選擇[8]。此外，開發(fā)環(huán)境還提供了大量的插件機(jī)制，可更加高效的便候通過把JS包直接導(dǎo)入和配置好相關(guān)的環(huán)境參數(shù)之后即可直接來使用，還可針對程序運(yùn)行問6注冊是任意一個用戶要想購買到符合自身使用需求的圖書的必須的過程，提供了五種與一種數(shù)據(jù)是用戶名，第二種數(shù)據(jù)是密碼，第三種是數(shù)字與從網(wǎng)上書店系統(tǒng)的主題設(shè)計可得出其首頁的設(shè)計必然也與商品密切相關(guān)，其可會顯任意用戶都可查看到以商品圖片為列表的方式來顯示出來供其查看，可提供兩種操作：第圖書分類菜單，則會直接到數(shù)據(jù)庫中來講所查到的圖書以圖片列表的方式直觀顯示出來；對于想要購買的圖書，可在登錄的狀態(tài)下加入到購物車中，并完成訂單的確認(rèn)、錄入收貨訂單的生成。在這里加入購物車的時候有一個判斷條件，即用戶是否處于登錄狀態(tài)，非作為該網(wǎng)上書店系統(tǒng)的最高權(quán)限的人員，任何一個不具備權(quán)限的管理員都是無法進(jìn)入的商品信息、用戶和訂單來處理，畢竟涉及到與用戶緊密相關(guān)的私密交易類數(shù)據(jù)是安全性是非常管理員可對利用網(wǎng)上書店系統(tǒng)前端完成注冊的用戶信息來查看，也可為一個的，第一種數(shù)據(jù)是圖書名稱，第二種數(shù)據(jù)是圖書價格，以上的這兩種商品相關(guān)數(shù)據(jù)都需錄入方它的如出版社、作者等信息根據(jù)實(shí)際的情況來依次錄入到系統(tǒng)中；管理員可在圖書發(fā)生出版社管理員可查看到所有用戶利用網(wǎng)上書店系統(tǒng)前端所下的圖書訂單，還可根據(jù)78依據(jù)網(wǎng)上書店系統(tǒng)的架構(gòu)組成，可將該網(wǎng)上書店系統(tǒng)劃分為網(wǎng)站前端和后臺管理端兩9用戶登錄是需要對兩種數(shù)據(jù)信息來判斷：第一種數(shù)據(jù)信息是用戶名，第二種數(shù)據(jù)信息數(shù)據(jù)信息要錄入到編輯框中且正確的情況下可登方可才可進(jìn)行下一步的購買；在購買過程中要對地址做判斷，不存在地址的情況下不允許生成統(tǒng)中；待圖書信息如價格、出版社等錄入錯誤或變化的網(wǎng)上書店系統(tǒng)是一款專門針對圖書而為廣大的用戶提供購買是否否否否是否否否否否否否否否否否否否是否否是否否否否否是否否否否否否否否當(dāng)點(diǎn)擊注冊按鈕時，會先檢測必填項(xiàng)是否已填，之后通過ajax方法將操作，查詢數(shù)據(jù)庫中的yonghu表，如有賬號相同時則會提醒有賬號重復(fù)。之后會檢查兩次密碼當(dāng)點(diǎn)擊登錄按鈕時會通過ajax方法將賬號和密碼兩個數(shù)據(jù)返回后端的/的yonghu表進(jìn)行查詢，若沒有相同的賬號與密碼則會首頁界面如圖5-3所示。首頁可以讓用戶通過圖書信息推薦部分看到一些圖書的大的了解。下面是新書資訊部分，用戶可以通過這一部以觀看到其他用戶對圖書的一些感悟分享。最下面一息，并且通過vue方法的v-for循環(huán)遍歷將輪播圖的地址寫入img的src圖書信息界面如圖5-4所示。用戶可在首頁合該圖書的介紹、價格等綜合考慮對該圖書的購買。此頁面還可以通過搜索圖書的信息來當(dāng)在頁面中的搜索條件部分寫入信息時，會通過后端的端口來執(zhí)進(jìn)select語句中進(jìn)行搜索，搜索成功后則會將數(shù)據(jù)返回前端頁面，然后傳入一個數(shù)組中，并通過let加購物車界面如圖5-5所示。用戶可在登錄的情況下通過圖書信息或所展示的圖片列表完購物車操作。如果想一次購買多本同樣的圖書可以點(diǎn)擊添加到購物車按鈕左邊的商品數(shù)量的加減內(nèi)，點(diǎn)擊立即購買按鈕則會直接進(jìn)入購買頁面。下方有當(dāng)評論時會先通過數(shù)據(jù)庫查詢是否已經(jīng)完成訂單，如果用完成訂單則可以進(jìn)行評價，當(dāng)點(diǎn)擊立即提交按鈕時會獲取input中的內(nèi)容并將內(nèi)容通過inser戶可以通過點(diǎn)擊圖書信息最左邊的復(fù)選框來調(diào)整自己想要購買的圖書，并且可以通過調(diào)購買的圖書數(shù)量，有些圖書是有購買數(shù)量限制的。當(dāng)用戶對某本圖書不感興趣想將其移當(dāng)用戶進(jìn)入此頁面時，會調(diào)用后端的/list端口通過select語句來同的記錄，則會將記錄數(shù)據(jù)返回給前端并渲染進(jìn)購物車商品欄中，當(dāng)用戶點(diǎn)擊刪除時則會調(diào)用結(jié)算訂單界面如圖5-7所示。結(jié)算確認(rèn)訂單要求有一個完整的收貨信息，不存成訂單的提交，無法識別出購買人。點(diǎn)擊支付時會先檢驗(yàn)當(dāng)前用戶的余額是否足以購買如果地址id與用戶id相同，則會將收貨地址信息渲染進(jìn)收貨地址部分。同時也會調(diào)用/list接口通過詢數(shù)據(jù)，有則渲染進(jìn)清單列表部分。點(diǎn)擊支付按鈕時會查詢yonghu表中的money字段來查看當(dāng)我的訂單列表界面如圖5-8所示。所有完成的單個訂單都會統(tǒng)一顯示在全部訂單列表中書的情況下還可申請售后。在支付頁面支付后便可以來到此頁面查看自己的訂單信息，如進(jìn)入此頁面時，當(dāng)前頁面會對后端發(fā)送請求，通過select語句來查詢數(shù)據(jù)庫中的orders表，通過表字段來辨別出訂單類型，是已支付還是已發(fā)貨還是已完成等，然后會將數(shù)據(jù)返回給前端頁面，前當(dāng)點(diǎn)擊登錄按鈕時會通過ajax方法通過post請求將賬號和密碼兩個數(shù)據(jù)句對數(shù)據(jù)庫中的users表進(jìn)行查詢，若沒有相同的賬號與密碼則會提示，反之則會登錄成功，然后生用戶管理界面如圖5-10所示。管理員可以對用戶的賬號進(jìn)行查看、修改和刪除三種操進(jìn)入此頁面時，頁面會使用ajax方法對后端接口/yonghu發(fā)送get請求，然后使用selectyonghu表進(jìn)行查詢，拿到數(shù)據(jù)后進(jìn)行封裝并返回給前端，前端對數(shù)據(jù)進(jìn)行解析并且渲染進(jìn)此頁面正常顯示，若獲取數(shù)據(jù)出現(xiàn)錯誤，則會返回一個msg信息為500。點(diǎn)擊修改和刪除按鈕時分圖書管理界面如圖5-11所示。圖書是本網(wǎng)到系統(tǒng)中，提供給廣大的用戶來購買；也可在圖書的出版社、價格等變化時來進(jìn)入此頁面時，頁面會通過ajax方法對后端接口發(fā)送get請求，然后使用select語句對數(shù)據(jù)庫中的tus進(jìn)行查詢，拿到數(shù)據(jù)后進(jìn)行封裝并返回給前端，前端對數(shù)據(jù)進(jìn)行解析并且渲染進(jìn)頁面的圖書清單常顯示。點(diǎn)擊修改和刪除按鈕時會分別觸發(fā)相應(yīng)的點(diǎn)擊時間會調(diào)用相應(yīng)的接口通過ajax方法使用u訂單管理列表界面如圖5-12所示。管理員可根據(jù)用戶提交訂單的順序依次打包將管理員可以通過點(diǎn)擊發(fā)貨按鈕將此訂單發(fā)貨，點(diǎn)擊后會彈出窗口提示確認(rèn)發(fā)進(jìn)入此頁面時，頁面會通過ajax方法對后端接口發(fā)送get請求，然后使用select語句對數(shù)據(jù)庫中的o查詢，得到數(shù)據(jù)后進(jìn)行封裝并返回給前端，前端對數(shù)據(jù)進(jìn)行解析并且渲染進(jìn)頁面的訂單清示。點(diǎn)擊發(fā)貨時會觸發(fā)點(diǎn)擊事件使用update語句對orders表中的status記錄部分進(jìn)行狀態(tài)測試是一種維護(hù)軟件可正常使用的重要手段，可在遵循測試原則與功能需求相結(jié)合的試流程和用例，并且可利用相應(yīng)的測試方法來執(zhí)行對系統(tǒng)的全程測試，從而最終為系統(tǒng)的發(fā)通過沒有那么復(fù)雜的外部測試來檢測所設(shè)計的系統(tǒng)的各個模塊的功能能否正常的執(zhí)行和使用。解為“表面性”的測試，因?yàn)檫@種測試在進(jìn)行中，程序員不用去過多地考慮讓程序員能夠在短時間內(nèi)更好的優(yōu)化系統(tǒng)。所以就目前流行的較為方便的黑盒測試，深受程序“49.8”，提交功“39.9”計與案例實(shí)戰(zhàn)（慕課稱為“VUE程序