基于Vue和Nodejs的網(wǎng)上圖書商城的設(shè)計與實現(xiàn)摘要互聯(lián)網(wǎng)的飛速發(fā)展,人們的生活也發(fā)生了日新月異的變化，有很多生活習(xí)慣放到現(xiàn)在這個社會已經(jīng)不適應(yīng)了。人們閱讀方式和購物方式就是一個很鮮明的例子，現(xiàn)在網(wǎng)上購物已經(jīng)深入家家戶戶,老老少少,網(wǎng)上購物的興起伴隨的就是實體經(jīng)濟的崩盤，很多實體店都因為經(jīng)營不善倒閉了。實體書店也是這樣,你在地鐵上,公交車,咖啡館上能夠看到很多手拿手機看電子書的人群，所以傳統(tǒng)書店已經(jīng)遠遠不能滿足人們現(xiàn)在的需求,只能成為人們的精神和靈魂上的寄托。本論文就根據(jù)文獻研究的方法來調(diào)查傳統(tǒng)書店和網(wǎng)上書店近年來的銷量,進而通過案例分析法來陳訴實體書店和網(wǎng)上書店的現(xiàn)狀，得出實體書店和網(wǎng)上書店到底有什么差別。然后通過問卷調(diào)查的方式調(diào)查人們對于網(wǎng)上書店和實體書店的看法,分析出網(wǎng)上書店和實體書店它們各自的優(yōu)缺點。然后,本論文對于人們購書方式進行了系統(tǒng)分析、設(shè)計了結(jié)合了線上線下聯(lián)動的銷售模式,并且對線下線下銷售量進性了分析,最后總結(jié)出如何才能是實現(xiàn)更高的銷售量，本論文提出了網(wǎng)上書店和實體書店結(jié)合才是最好的營銷方式。本論文認為網(wǎng)上書店和實體書店銷售方式,可以解決互聯(lián)網(wǎng)迅速發(fā)展和人們生活方式的差異化的矛盾,合理的解決部分人群喜歡網(wǎng)上購書的方便和便捷,還有部分人群喜歡實體書店的氛圍和體驗,從而為人們營造一個良好的購書環(huán)境,擁有網(wǎng)上的便捷和實體的氛圍的服務(wù),進一步融入迅速發(fā)展的互聯(lián)網(wǎng)。關(guān)鍵詞：網(wǎng)上圖書商城；實體書店；購物方式；互連網(wǎng)；銷售方式目錄1緒論 緒論1.1研究背景與意義1.1.1研究背景縱觀古今，科技技術(shù)迅速發(fā)展，給人們的生活方式帶來的許多便捷,人們的生活方式大大的發(fā)生了變化。科技已經(jīng)完全貼入人們的生活，現(xiàn)代人的吃喝住行都離不開科技,科技大大促進了社會的進步，促進經(jīng)濟的發(fā)展，在現(xiàn)代社會中扮演了一個十分重要的角色。然而任何事務(wù)都有好壞兩面，科技給我們的生活帶來方便的同時，也給我們的生活稍稍帶來的不適的地方。因為科技的發(fā)展，電商平臺也迅速崛起，就像雨后的春筍一樣，所以人們的消費方式也比以往有了很多不同。就因為如此，就產(chǎn)生了實體經(jīng)濟和電商經(jīng)濟的之間的矛盾，實體經(jīng)濟遇到了史無前有的難題。中國互聯(lián)網(wǎng)的迅速發(fā)展和人們生活方式的差異之間的矛盾，如何讓人們的生活方式有所提高又不影響市場經(jīng)濟,是現(xiàn)在亟待解決的問題。中國互聯(lián)網(wǎng)的發(fā)展迅速，市場競爭也十分激烈，人們的生活方式也在競爭中發(fā)生了翻天地覆的變化，伴隨著的是市場經(jīng)濟的變化，市場經(jīng)濟開始由實體經(jīng)濟轉(zhuǎn)變?yōu)榛ミB網(wǎng)經(jīng)濟，實體經(jīng)濟開始遇到前無所有的困難。人們閱讀方式和購書的方式同樣如此，實體書店也因此倒閉了許多。本論文就是為了能夠解決傳統(tǒng)書店和人們閱讀方式的矛盾,設(shè)計一個網(wǎng)上圖書商城，這樣既可以更好的迎合廣大群眾,也可以給書店帶來更好的利潤。1.1.2研究意義在2022年互聯(lián)網(wǎng)已經(jīng)發(fā)展到前所未有的高峰，人們開始使用超快的5G互聯(lián)網(wǎng)，在人工智能方面也邁開了巨大的一步，人們的生活方式真正的發(fā)生了翻天覆地的變化。從古時的飛鴿傳書、烽火傳信,到如今人們隨手打開手機,打開電腦就能傳遞信息,由此可見互聯(lián)網(wǎng)給我們的生活帶來了很多便捷,也給很多傳統(tǒng)行業(yè)帶來了很多挑戰(zhàn)和機遇。人們的閱讀方式也開始從紙質(zhì)化走向電子化，傳統(tǒng)的書店已經(jīng)不能滿足人們的需求，只能成為人們精神上的寄托,因此設(shè)計一個網(wǎng)上圖書商城也是為了能夠解決傳統(tǒng)書店和人們閱讀方式的矛盾，這樣既可以更好的迎合廣大群眾，也可以給書店帶來更好的利潤。本系統(tǒng)是在VisualStudioCode代碼編譯平臺上編寫的,前臺運用HTML5+CSS+JS+Vue設(shè)計動態(tài)展示頁面,后臺運用Node服務(wù)端語言和PHP語言,使用MYSQL數(shù)據(jù)庫，進行數(shù)據(jù)管理。網(wǎng)上圖書商城主要分前臺和后臺，前臺是根據(jù)數(shù)據(jù)調(diào)研和分析專為為用戶設(shè)計得用戶體驗感比較好的圖書呈現(xiàn)模塊、購物車模塊、用戶登錄、注冊模塊和訂單模塊。后臺部分是專門為管理員使用的，主要包括商品管理模塊，訂單管理模塊，用戶管理模塊等,能夠給管理員對訂單數(shù)據(jù)進行統(tǒng)計和分析，這樣能夠?qū)τ谝恍徜N書和一些淡季書合理進行的安排。1.2國內(nèi)外研究概況1.2.1國外研究現(xiàn)狀國外的互聯(lián)網(wǎng)相對而言發(fā)展的比我們早一點，不過近年來我們國家后來者居上也已經(jīng)步入世界的頂端，但是國外還是有很多發(fā)展不錯的網(wǎng)上書城。比如說在1991年世界上第一萌生網(wǎng)上的書店的美國聯(lián)機公司建立的‘閱讀美國’，和現(xiàn)如今全世界最大的網(wǎng)上書城亞馬遜網(wǎng)上書店。據(jù)最新調(diào)查亞馬遜網(wǎng)上書店現(xiàn)在已經(jīng)掌握美國70%多網(wǎng)上書店的市場，注冊的會員有2000多萬，銷售而也是高達60多億，亞馬遜的成功影響著全球許多網(wǎng)上書店?？梢钥闯鰢饩W(wǎng)上圖書商店起步的十分的早，而且正在完善網(wǎng)上圖書商城，并在全球產(chǎn)生巨大的影響，現(xiàn)在大大小小的網(wǎng)上書店在美國已經(jīng)有了幾十萬家。除了美國之外，在其他西方國家，也發(fā)展了一些影響頗大的網(wǎng)上圖書商城。比如在英國比較出名的書店有沃斯特通網(wǎng)上書店、S字母網(wǎng)上書店，現(xiàn)在在英國也占據(jù)一定的地位，它們一年的銷售額也有5000萬英鎊。在德國的網(wǎng)上書店也有挺多，其中T-ONLINE網(wǎng)上書店每年的銷售額在德國是最高的，每年購書的人也有100多萬。1.2.2國內(nèi)研究現(xiàn)狀在我們國家近些年互聯(lián)網(wǎng)發(fā)展十分迅速，國內(nèi)市場一片繁華?；ヂ?lián)網(wǎng)也迅速改變?nèi)藗兊纳罘绞?，傳統(tǒng)書店和網(wǎng)上圖書商城的矛盾也是日益加大，網(wǎng)上圖書商城憑借市場優(yōu)勢、價格優(yōu)勢、時間成本，面向更廣大顧客群體一直呈現(xiàn)生長的勢頭，傳統(tǒng)書店受到網(wǎng)上圖書商城大大的沖擊。因此傳統(tǒng)書店也開始做出來很大的改變,傳統(tǒng)書店也開始進軍互聯(lián)網(wǎng)，有的書店入駐淘寶、京東、拼多多等國內(nèi)大型商城，也有很多大型的圖書商城擁有自己的線下書店和網(wǎng)上書店。通過傳統(tǒng)的實體銷售和網(wǎng)上的銷售,這些書店的營業(yè)額都有了很大的改善。根據(jù)最新調(diào)研發(fā)現(xiàn)，國內(nèi)現(xiàn)在已經(jīng)有很多傳統(tǒng)書店因為經(jīng)營不善倒閉了許多，也有傳統(tǒng)書店和網(wǎng)上書店結(jié)合的書店正在蓬勃發(fā)展，當(dāng)當(dāng)網(wǎng)在2020年的整體銷售比例相對于過去3年增長了9%,卓越網(wǎng)相對于過去3年的銷售比例也近增了7.9%。由此可見，網(wǎng)上書店是必然趨勢,傳統(tǒng)書店也是不可獲缺,因為它們面對的是不同的消費群體，它們給人們帶來的感受也是互不相同的,它們在一起可以大大的提高銷售額，與更多的消費群體進行互動、交流，所以傳統(tǒng)書店和網(wǎng)上書店結(jié)合才是發(fā)展的絲綢之路！1.2.3研究現(xiàn)狀評述針對目前現(xiàn)在市面上的網(wǎng)上圖書商城已經(jīng)是比較完善，在互聯(lián)網(wǎng)上已經(jīng)有大大小小很多互聯(lián)網(wǎng)書店，在國外比較知名的書店有亞馬遜網(wǎng)上購物商城，國內(nèi)的網(wǎng)上圖書商城也發(fā)展的比較繁華，像當(dāng)當(dāng)、China-pub網(wǎng)上書店也是比較廣為人知。它們的功能也很完善,具有完善的圖書銷售部分，對于圖書分類精細，用戶可以很好找到自己喜歡的書籍,還有完備的用戶管理部分，用戶可以一鍵實現(xiàn)購書和售后功能，用戶體驗感非常好，深受廣大讀者和用戶的喜歡。而且對于管理員的功能也是相當(dāng)?shù)耐晟啤５悄壳皣鴥?nèi)還是存在很多大大小小的書店采用傳統(tǒng)的銷售模式，沒有跟上時代的步伐，由此可想而知，它們的銷售十分慘淡，而且很多書店就因為這樣經(jīng)營不善選擇關(guān)門了。所以像這些不大不小的傳統(tǒng)書店，要想在大型書店的壓迫和網(wǎng)上書店的擠壓中夾縫中生存，就必須得改革，打開大門迎接新科技，開展網(wǎng)上書店，擴大自己的營銷范圍，降低自己成本，這才是真正的生存之道。主要體現(xiàn)：（1）付出成本降低,營銷范圍擴大網(wǎng)上書店的成本遠遠低于傳統(tǒng)書店的成本，網(wǎng)上書店不需要付出大額的門店費用，不需要大量的人工維護費用，而且營銷范圍大量擴大,突破了地理的范圍，跟上時代的步伐，可以和人們進行緊密的互動，大大的擴展了書店的流通量。（2）方便讀者,擴大書店的影響雖然網(wǎng)上書店發(fā)展迅速且繁華，但是還是有很多用戶習(xí)慣到傳統(tǒng)的書店購書，喜歡傳統(tǒng)書店的氛圍，而且像這樣部分的用戶,一般都是老客戶，購書量和購書頻率都比較高，所以我們開展網(wǎng)上書店加傳統(tǒng)書店結(jié)合，這樣既可以留住老客戶，還能擴展新客戶,大大書店的影響，方便用戶讀者購書閱讀。1.3本章小結(jié)本章緒論首先介紹了研究背景與意義，對研究背景展開了深入分析，分析為何開發(fā)一個網(wǎng)上圖書商城以及開發(fā)一個網(wǎng)上圖書商城會帶來的好處，然后對國內(nèi)外網(wǎng)上圖書商城的銷售數(shù)據(jù)進行分析，并總結(jié)出如何才能讓圖書銷售量大大提高，最終設(shè)計一個最佳的開發(fā)方案。2相關(guān)技術(shù)介紹為了解決網(wǎng)上圖書商城和線下實體書店之間的矛盾，為了讓用戶享受更好的服務(wù)，經(jīng)過數(shù)據(jù)調(diào)查,提出基于Vue架構(gòu)的網(wǎng)上圖書商城的設(shè)計，代碼編寫采用了VisualStudioCode開發(fā)工具。數(shù)據(jù)庫模型采用了MYSQL關(guān)系型統(tǒng)計數(shù)據(jù)庫，確保系統(tǒng)數(shù)據(jù)的可靠性。使用Vue作為前端開發(fā)框架,保證簡潔、美觀的UI設(shè)計，后端采用Node.js服務(wù)端語言，處理數(shù)據(jù)訪問和業(yè)務(wù)處理等任務(wù)。2.1Vue.js開發(fā)框架Vue是現(xiàn)如今比較流行的三大主流框架之一，它更多的在國內(nèi)市場應(yīng)用的比較多。Vue是一個輕量型‘漸進式’的框架，它的數(shù)據(jù)雙向綁定、組件化開發(fā)、簡單、便捷的API深受廣大開發(fā)者的喜歡和熱愛。它能使開發(fā)者更好，更快的實現(xiàn)頁面交互，極大的提高了開發(fā)者的開發(fā)效率，也使讀者更加容易理解，能夠更快的上手。與其他框架相比，Vue.js具有以下優(yōu)勢。（1）簡易性Vue是國內(nèi)比較流行的框架，主要是它的簡易性，擁有HTML、CSS、JS基礎(chǔ)，然后自己看開發(fā)文檔也很容易上手，而且國內(nèi)開發(fā)者劉禹錫維護的，很易于國內(nèi)開發(fā)者使用。（2）靈活性Vue漸進式框架，靈活方便，其核心庫簡單方便，數(shù)據(jù)與視圖分離，方便維護，組件化開發(fā)能靈活運用。（3）性能性運用虛擬DOM使Vue得運行效率大大提高，加上Differ算法,大大節(jié)約程序的運行資源。2.2開發(fā)語言HTML5是HTML一代一代更新和完善，到現(xiàn)在已經(jīng)是十分完善了，相對于以前已經(jīng)有了從本質(zhì)的改善。我們能夠通過HTML5對前端代碼能夠設(shè)置基本DOM架構(gòu)，可以更方便、更好的對前端頁面進行呈現(xiàn)。而且HTML5總結(jié)了很多函數(shù)，可以了很多要用JavaScript才能實現(xiàn)的功能比如表單的郵箱驗證，動畫效果。而且現(xiàn)在HTML5在市場上已經(jīng)完全普及了，開發(fā)者可以通過HTML5的動畫屬性、Canvas等多種屬性開發(fā)炫酷的功能，大大的提高HTML5的利用率，大大的提高了用戶的體驗感。CSS是一個樣式，它的作用是通過給HTML添加樣式，對于給整個界面的字體、背景、顏色等進行裝飾，可以讓我們整個頁面變得更加美觀生動，也大大的吸引顧客的吸引力。到目前為止，CSS也進行了多代更新，目前已經(jīng)CSS3,添加了許多新的特性，如盒子模型、陰影效果、平滑過渡、偽類選擇器等，極大的方便程序員開發(fā)頁面。2.3Node.js后端服務(wù)端語言Node.js是一個基于V8引擎的JavaScript運行時環(huán)境，它允許我們在瀏覽器之外運行JavaScript——通常是在Web服務(wù)器中，而且Node.js的單線程特性可以讓我們盡快的釋放事件循環(huán)，是實現(xiàn)微服務(wù)和實時應(yīng)程序的理想選擇。2.4方便的編碼工具VisualStudioCodeVisualStudioCode是一個針對于編寫現(xiàn)代Web和云應(yīng)用的跨平臺源代碼編輯器，支持多系統(tǒng)環(huán)境如Mac、Windows。也支持多語言開發(fā)如Java、C語言、Php、Python、Go,而且內(nèi)含許多插件，十分方便開發(fā)者編寫代碼。2.5數(shù)據(jù)庫管理系統(tǒng)MYSQLMYSQL數(shù)據(jù)庫是現(xiàn)在企業(yè)和開發(fā)者用的十分廣泛的關(guān)系型數(shù)據(jù)庫，說簡單點，它就是數(shù)據(jù)庫軟件,常用來存儲、檢索、管理和處理數(shù)據(jù)。在現(xiàn)在企業(yè)運用比較廣泛，因為MYSQL是開源使用的，一般都是免費，可以降低公司成本，而且在性能上或者是可靠性也非常強。MYSQL具有體積小，速度快，成本低，開發(fā)源碼，易用等特點，但是也是因為如此，在功能方便可能優(yōu)點欠缺，對于大量的數(shù)據(jù)可能穩(wěn)定性較低，不過具有數(shù)據(jù)管理的系統(tǒng)的大部分功能，而且現(xiàn)在MYSQL在處理能力和穩(wěn)定性方面不斷提高。2.6本章小結(jié)本章主要介紹了開發(fā)網(wǎng)上圖書商城所需的技術(shù)框架、開發(fā)語言、開發(fā)工具。根據(jù)我們的實際情況，我們的系統(tǒng)后臺設(shè)計采用的是Node.js服務(wù)端語言和PHP進行開發(fā)，系統(tǒng)的前臺設(shè)計選擇了Vue框架進行開發(fā)，數(shù)據(jù)庫選擇了MYSQL，整體設(shè)計以輕便、簡單為主。

3系統(tǒng)需求分析本章內(nèi)容主要是總結(jié)用戶對于網(wǎng)上圖書商城的真實需求，同時站在用戶的視角為系統(tǒng)設(shè)計提供需求基礎(chǔ)，并且進行可行性分析然后根據(jù)這些需求對網(wǎng)上圖書商城的功能以及性能做出詳細的功能需求和概要設(shè)計。3.1功能需求分析本論文主要是為了設(shè)計一個能夠給用戶帶來方便，又能給商家?guī)砝麧櫟囊粋€網(wǎng)上圖書銷售平臺。在這個平臺當(dāng)中用戶能夠隨時隨地的打開手機或電腦進入平臺當(dāng)中查找自己想要的書籍，并能進入詳情查看書籍詳細信息，然后選擇購買。商家可以登錄平臺，進行商品銷售。因此這個平臺主要分為會員用戶、供應(yīng)商、系統(tǒng)管理員、以及游客這幾個角色。他們的具體的權(quán)限如下。（1）游客：游客即是沒有注冊會員的用戶，該類用戶可以進入網(wǎng)上圖書商城查找并查看圖書，但是不能將商品加入購物車，或者購買商品，如需購買商品必須得注冊會員才能購買商品。如圖3.1所示。圖3.1游客角色用例圖（2）會員用戶：通過平臺注冊的用戶即可成為會員，會員擁有加入購物車、購買商品的權(quán)限，除此之外用戶還具有以下權(quán)限：eq\o\ac(○,1)會員可以通過在平臺注冊的手機號或郵箱號和密碼登錄網(wǎng)上圖書商城，用戶忘記密碼的話注冊時用的手機號或郵箱號找回密碼。eq\o\ac(○,2)會員可以進入我的信息，進行頭像，用戶名，性別修改，還可以進入我的收貨地址，修改收貨地址或者增加收貨地址。eq\o\ac(○,3)會員用戶在商城中的商品欄在瀏覽商品時，如果看到自己滿意的商品可以加入購物車，之后如果用戶想購買商品時，可進入購物車選擇要購買的商品，修改要購買的商品數(shù)量，進行商品結(jié)算，然后填寫收貨信息，付款便可生成訂單。當(dāng)然如果用戶在購物車感覺自己不需要的東西可以移除購物車。eq\o\ac(○,4)會員在購買商品后生成訂單，可以進入我的訂單查看自己的訂單，如果提交訂單但未付款可以進入待付款欄查看自己訂單，并可以在規(guī)定時間內(nèi)重新支付。支付成功后可以到待發(fā)貨欄查看具體信息，商家發(fā)貨后可以在待收貨欄查看商品的物流信息。用戶確認收貨后，可以立即評價，未評價的話可以在待評價欄選擇繼續(xù)評價。用戶覺得商品有問題可以到待收貨欄選擇售后服務(wù)，然后可以在退款和售后欄查看售后服務(wù)的處理情況。如圖3.2所示。 圖3.2會員角色用例圖（3）管理員：管理員是圖書商城中擁有最高的系統(tǒng)權(quán)限的角色，管理員的具體權(quán)限如下：eq\o\ac(○,1)管理員可以對整個圖書商城的基本設(shè)計進行管理，其中包括對輪播圖輪播的內(nèi)容和圖書商城推送的消息進行管理。

eq\o\ac(○,2)管理員可以對圖書商城中所有的圖書進行管理，并對其修改、刪除等操作，還能添加新的圖書并加以歸類。eq\o\ac(○,3)管理員可以查看訂單列表所有的訂單記錄，并且能夠?qū)τ唵瘟斜淼挠唵芜M行操作。比如說可以對于未發(fā)貨的訂單進行發(fā)貨操作，對于未退款的訂單進行退款處理。eq\o\ac(○,4)管理員可以選擇發(fā)貨的物流公司，并在發(fā)貨時可以根據(jù)用戶的需求來選擇發(fā)貨的快遞公司。eq\o\ac(○,5)管理員可對會員進行管理，可以對會員注冊時的信息瀏覽，但是不可以修改其信息，管理員還可以添加新的會員。eq\o\ac(○,6)管理員可對系統(tǒng)進行管理，其中包括對圖書商城的所有數(shù)據(jù)進行初始化，并對系統(tǒng)的配置、用戶權(quán)限、業(yè)務(wù)設(shè)置等一些相關(guān)參數(shù)進行設(shè)置。eq\o\ac(○,7)管理員可對圖書商城系統(tǒng)公告進行發(fā)布并對已發(fā)布的系統(tǒng)公告進行修改、刪除以及查詢操作。eq\o\ac(○,8)管理員可對圖書商城進行的活動進行管理。eq\o\ac(○,9)管理員可對圖書商城的商家進行管理，可以控制商家的權(quán)限，并能進行添加刪除等操作。如圖3.3所示。圖3.3管理員角色用例圖3.2平臺非功能需求本系統(tǒng)對客戶的友好性有可以直觀、方便、購買自己想要的圖書，能夠迅速得到圖書的信息，一鍵購買，對于客戶的信息具有嚴(yán)格的保密性。對管理員的友好性有:可以方便的、快捷的管理整個圖書系統(tǒng)，同時對于圖書的銷售情況數(shù)據(jù)可視化，方便分析。結(jié)合客戶友好性和管理員友好性,才最終確定整個系統(tǒng)的發(fā)展路線。結(jié)合實際情況，在商城開發(fā)的過程中主要由以下非功能性需求。（1）在可靠性方面上：要求系統(tǒng)出現(xiàn)的錯誤的頻率大大降低，提前預(yù)備好項目可能出現(xiàn)問題的解決方案。在系統(tǒng)出現(xiàn)問題是可以及時解決或進行數(shù)據(jù)恢復(fù)，保證系統(tǒng)安全和數(shù)據(jù)安全。（2）在系統(tǒng)安全性方面上：在用戶登錄系統(tǒng)賬號時，要保證系統(tǒng)的登錄環(huán)境安全，防止別人對登錄的賬號進行劫持，并對登錄的賬號進行校驗以及應(yīng)該對用戶的密碼進行加密后存儲到數(shù)據(jù)庫，確保用戶的信息能夠得到保密。（3）在易用性方面上：本次網(wǎng)上圖書商城的頁面簡潔、操作方便,簡單易上手,適合任何人群操作，有利于用戶體驗高的提高。（4）在穩(wěn)定性方面：本網(wǎng)上圖書商城24小時正常運行，在用戶高峰期也能夠正常運行，響應(yīng)速度可能有所減慢，但是執(zhí)行穩(wěn)定，同時項目不出現(xiàn)頁面卡頓現(xiàn)象，還具備防抖和節(jié)流的功能，在點擊一個頁面時，不會多次響應(yīng)。（5）在實用性方面：任何一個系統(tǒng)都必須具備實用性，對于系統(tǒng)的功能必須根據(jù)客戶的真實需求，認真細化分析，對于用戶用不到的功能不開發(fā)，不設(shè)計。同時系統(tǒng)也必須具備良好的維護性，在項目后期方便擴展，當(dāng)項目出現(xiàn)bug也方便開發(fā)人員維護。3.3系統(tǒng)業(yè)務(wù)邏輯分析網(wǎng)上圖書商城分為兩個流程，分別為前臺購物流程和后臺訂單信息管理流程。用戶可以在商品呈現(xiàn)欄，查找書籍，查看圖書詳情，加入購物車，加入購物車需要用戶有一定的權(quán)限，需要用戶去注冊賬號，只有已經(jīng)登錄注冊后的用戶才能使用購物車的功能，沒有注冊的用戶注冊后才能使用購物車和購買商品。用戶可以隨意增刪購物車?yán)锏纳唐罚€可提交訂單購買。后臺管理員可以查看訂單的信息，管理訂單，對訂單進行發(fā)貨和退款處理，還可以對已經(jīng)注冊的用戶信息進行瀏覽、添加、刪除等操作，對圖書商城銷售的圖書進行增添查改。系統(tǒng)業(yè)務(wù)數(shù)據(jù)流圖如圖3.4所示。圖3.4系統(tǒng)業(yè)務(wù)數(shù)據(jù)流圖3.4可行性分析可行性分析是驗證一個項目是否能夠正常實施,是一個項目開始十分重要的過程，本人在市場現(xiàn)有的網(wǎng)上圖書商城的基礎(chǔ)上，通過分析商城的整體功能架構(gòu)，利用所掌握的開發(fā)技術(shù)和可承受的經(jīng)濟能力來預(yù)測系統(tǒng)能否在規(guī)定的時間內(nèi)順利開發(fā)完畢。經(jīng)濟可行性該項目是一個小型網(wǎng)上圖書商城，功能需求比較基礎(chǔ)，在開發(fā)過程中需用到一臺筆記本即可，對硬件需求不高，只需要進行大量的編碼工作。而且開發(fā)完成后可以接一些廣告創(chuàng)造收益，所以說經(jīng)濟上是可行的。技術(shù)可行性該項目是一個基于Vue框架web項目,組件化開發(fā)，漸進式開發(fā)，簡單易上手，并且已經(jīng)驗證了系統(tǒng)的可行性。后端使用Nodejs服務(wù)端語言和部分PHP語言，這些語言算是十分成熟了，平時遇到不會的難題,也都可以到網(wǎng)上找到，因此在技術(shù)上是可行的。法律可行性本系統(tǒng)是本人根據(jù)數(shù)據(jù)調(diào)研與分析，獨立設(shè)計的適合任何人群的網(wǎng)上圖書商城，沒有任何偽造侵權(quán)的問題，因此法律上是可行的。3.5系統(tǒng)軟硬件環(huán)境需求為滿足用戶的需求，對網(wǎng)上圖書商城進行需求分析，在軟件層次，本系統(tǒng)部署在Mac系統(tǒng)上，Phpstudy集成環(huán)境的服務(wù)器和MYSQL；在硬件層次，內(nèi)存要求8G，硬盤500G，配置千兆以太網(wǎng)控制器。環(huán)境需求配置清單如表3.1所示。表3.1系統(tǒng)軟硬件環(huán)境需求類別類型型號服務(wù)器軟件環(huán)境操作系統(tǒng)MacServer數(shù)據(jù)庫Phpstudy的MySQLWeb服務(wù)器Phpstudy的服務(wù)器服務(wù)器硬件環(huán)境內(nèi)存8GDDR4內(nèi)存硬盤500GB機械硬盤網(wǎng)卡千兆以太網(wǎng)控制器3.6本章小結(jié)本章主要進行需求分析和概要設(shè)計。根據(jù)自己采集的數(shù)據(jù),對于現(xiàn)在網(wǎng)上圖書商城和傳統(tǒng)書店之間存在的問題提出新的需求，從而進行更加全面完善的分析。用拆分的方法對網(wǎng)上圖書商城的需求拆分，詳細的分析網(wǎng)上圖書商城的功能性需求和非功能性需求。然后是對整個網(wǎng)上圖書商城進行概要設(shè)計并設(shè)計用例圖、業(yè)務(wù)流程圖分析具體的應(yīng)用功能，其中包括對網(wǎng)上圖書商城的架構(gòu)設(shè)計，模塊設(shè)計和數(shù)據(jù)庫設(shè)計。最后通過對軟硬件應(yīng)用需求綜合分析，奠定了該系統(tǒng)的軟硬件基礎(chǔ)。4系統(tǒng)總體設(shè)計4.1系統(tǒng)架構(gòu)設(shè)計本系統(tǒng)在需求分析，通過對于用戶的真實需求以及商城的具體應(yīng)用進行分析，決定基于Vue框架進行前端設(shè)計，采用B/S結(jié)構(gòu)進行設(shè)計與研發(fā)，系統(tǒng)整體架構(gòu)設(shè)計方案如圖4.1所示。圖4.1系統(tǒng)架構(gòu)設(shè)計由圖4.1可知網(wǎng)上圖書商城的的設(shè)計理念分為商城前臺和商城后臺，其架構(gòu)的可以細分為用戶層、表示層、用戶層、表示層、控制層、業(yè)務(wù)邏輯層、數(shù)據(jù)層，其中最主要對數(shù)據(jù)邏輯進行處理，各層的具體功能如下：（1）用戶層:為網(wǎng)上圖書商城所面向的用戶角色。（2）表示層:該層主要是圖書商城前臺的基本界面構(gòu)成，向用戶展示正在銷售的圖書。（3）控制器層:該層主要是根據(jù)前臺需要請求的數(shù)據(jù)，對其調(diào)用不同的接口，實現(xiàn)不同的需求。（4）業(yè)務(wù)邏輯層則:該層主要是對業(yè)務(wù)需求進行封裝，讓圖書商城整體結(jié)構(gòu)清晰明了。（5）數(shù)據(jù)層:該層代表的是業(yè)務(wù)邏輯產(chǎn)生的數(shù)據(jù)。4.2系統(tǒng)功能模塊設(shè)計根據(jù)上一章的分析，此網(wǎng)上圖書商城，分為前臺部分和后臺部分。前臺部分主要是供用戶使用,可以實現(xiàn)瀏覽書籍和購買書籍的過程，包括訂單管理用戶可以進行收貨、退貨、評論等功能，購物車管理用戶可以進行添加圖書、刪除圖書、生成訂單等操作，個人中心管理用戶可以進行個人基本信息修改、收貨地址的增添查改。后臺部分主要是管理員使用，可以實現(xiàn)圖書管理、訂單管理、用戶管理等功能。網(wǎng)上圖書商城的前臺和后臺的具體功能模塊如下：（1）網(wǎng)上圖書商城前臺網(wǎng)上圖書商城前臺具體功能模塊如圖4.2所示。圖4.2網(wǎng)上圖書商城前臺功能模塊圖（2）網(wǎng)上圖書商城后臺網(wǎng)上圖書商城后臺具體功能模塊如圖4.3所示。圖4.3網(wǎng)上圖書商城后臺功能模塊圖4.3系統(tǒng)流程設(shè)計4.3.1登錄流程登錄模塊是注冊賬號的會員進行的操作，登錄網(wǎng)上圖書商城就必須使用郵箱號和密碼、驗證碼登錄，若郵箱號不存在，則提示注冊后才能登錄，若密碼不正確則提示“密碼不正確”，一定要郵箱賬號及對應(yīng)郵箱密碼的密碼都正確方可登錄成功網(wǎng)上圖書商城，系統(tǒng)登錄流程如下圖4.4所示。圖4.4系統(tǒng)登錄流程圖4.3.2購物車流程用戶將商品添加到購物車，可以進入購物車對商品進行添加、刪除、下單操作。用戶可以選擇購物車?yán)锏亩鄠€商品進行下單操作，然后跳轉(zhuǎn)到訂單頁面，結(jié)算即可，流程如下圖4.5所示。圖4.5購物車流程圖4.3.3訂單流程用戶可以直接在商品欄直接下單，也可以在購物車直接下單，并且下單成功后能夠在訂單中心看到自己的訂單，具體流程如圖4.6所示。圖4.6訂單流程圖4.4數(shù)據(jù)庫設(shè)計數(shù)據(jù)庫的設(shè)計是整個項目中十分重要的過程,它影響項目最后運行的效率和效果,決定了項目的數(shù)據(jù)類型和大小，所以在數(shù)據(jù)庫設(shè)計的過程必須得仔細，細心。4.4.1實體與屬性設(shè)計（1）管理員帳號實體圖：包括一個管理員賬號、管理員賬號密碼，如下圖4.7所示。圖4.7管理員實體圖（2）用戶實體圖：包括用戶id、用戶郵箱、用戶性別、用戶頭像、用戶創(chuàng)建時間等，如下圖4.8所示。圖4.8用戶實體圖（3）商品實體圖：包括商品id、商品名稱、商品描述、商品圖片、商品庫存、商品類型等，如下圖4.9所示。圖4.9商品實體圖（4）訂單實體圖：包括訂單編號、產(chǎn)品名稱、訂單編號、物流公司名稱、總價、配送方式、支付方式等，如下表框圖4.10所示。圖4.10訂單實體圖（5）商家實體圖：包括商家編號、用戶編號、聯(lián)系電話、身份證號、店鋪狀態(tài)、發(fā)貨地址等，如下圖4.11所示。圖4.11商家實體圖4.4.2總體E-R圖設(shè)計網(wǎng)上圖書商城中主要實體包括管理員、會員、商品、購物車、訂單等5個基本實體，實體與其他實體直接之間存在多種合作聯(lián)系，例如會員與購物車存在一對一的合作關(guān)系、會員與訂單存在一對多的合作關(guān)系、商家與商品存在一對多的合作關(guān)系等。為了全面的描述實體與實體之間存在的聯(lián)系，繪制了網(wǎng)上圖書商城總體E-R模型如下圖4.12所示。圖4.12系統(tǒng)總體E-R圖4.4.3數(shù)據(jù)庫物理設(shè)計在線課程系統(tǒng)中它所主要涉及的表包括了管理員信息表、會員信息表、商家信息表、訂單信息表、訂單產(chǎn)品信息表、包裹信息表等6張數(shù)據(jù)表，采用MySQL數(shù)據(jù)庫其主要的表結(jié)構(gòu)及其屬性的數(shù)據(jù)類型介紹如下。管理員信息表：主要記錄管理員的所有數(shù)據(jù)，其主鍵id為主要字段有管理員賬戶，管理員密碼，如表4.1所示。表4.1管理員表字段名數(shù)據(jù)類型字段說明長度備注IdAnameIntvarchar編號管理員賬戶1212Apasswordvarchar管理員密碼12saltvarchar密碼鹽50nicknamevarchar昵稱100avatarvarchar頭像100createtimeint創(chuàng)建時間11用戶信息表:主要記錄所有用戶的數(shù)據(jù)，其主鍵為id唯一標(biāo)識編號，主要字段有郵箱、密碼、密碼鹽、昵稱、性別、頭像、省市區(qū)等，如表4.2所示。表4.2用戶信息表字段名數(shù)據(jù)類型字段說明長度備注idchar編號4PKemailvarchar郵箱100passwordvarchar密碼100saltvarchar密碼鹽50nicknamevarchar昵稱100avatarvarchar頭像100sexenum性別provinceint省255cityint市255districtint區(qū)255createtimeint創(chuàng)建時間11商品信息表：主要記錄商品的相關(guān)數(shù)據(jù)，其主鍵id唯一標(biāo)識編號，字段有商品分類、商品名稱、商品原價以及商品庫存等，如表4.3所示。表4.3商品信息表字段名數(shù)據(jù)類型字段說明長度備注idchar編號4PKtypeidvarchar商品分類20Namevarchar商品名稱20namevarchar商品名稱12pricevarchar商品原價10stockvarchar商品庫存100thumbstext商品圖集0contenttext商品詳細0flagenum商品狀態(tài)續(xù)表4.3訂單信息表：主要記錄訂單信息，其主鍵是id,字段內(nèi)應(yīng)有訂單總價、y用戶外鍵、收貨地址外鍵、訂單號、訂單描述、配送外鍵、配送編號、訂單狀態(tài)等，具體信息如表4.4所示。續(xù)表4.3表4.4訂單信息表字段名數(shù)據(jù)類型字段說明長度備注idchar編號12PKtotalvarchar訂單總價20useridint用戶外鍵18addridvarchar收貨地址外鍵10codechar訂單號2contentvarchar訂單描述50expidvarchar配送外鍵50expcodevarchar配送編號50statusenum訂單狀態(tài)createtimeint下單時間0訂單產(chǎn)品表：其主鍵為id，字段有訂單外鍵、商品外鍵、商品數(shù)量、商品單價、商品總價等，如表4.5所示。表4.5訂單產(chǎn)品信息表字段名數(shù)據(jù)類型字段說明長度備注idvarchar編號12PKpricevarchar商品單價12totalint商品總價11Namevarchar商品名稱12商品分類信息表：主要記錄商品分類的信息其主鍵為編號，字段有商品分類名稱、排序權(quán)重、封面圖片，如表4.6所示。表4.6商品分類信息表字段名數(shù)據(jù)類型字段說明長度備注idint編號11PKnamevarchar商品分類名稱12weighint排序權(quán)重4covervarchar封面圖片3useridint用戶外鍵10收貨地址表：記錄學(xué)生選課情況，其主鍵為ID，外鍵為收貨人、手機號、省市區(qū)地區(qū)碼、用戶外鍵，如表4.7所示。表4.7收貨地址表字段名數(shù)據(jù)類型字段說明長度備注idintId11PKconsigneechar收貨人4mobilechar手機號12provincevarchar省份地區(qū)碼255cityvarchar城市地區(qū)碼50districtvarchar區(qū)域地區(qū)碼50addressvarchar詳細地址255useridint用戶外鍵104.5本章小結(jié)本章節(jié)主要是對網(wǎng)上圖書商城的基本結(jié)構(gòu)進行分析，確保后續(xù)工作能夠順利進行。首先通過架構(gòu)設(shè)計介紹了系統(tǒng)所采用技術(shù)棧，然后通過功能模塊設(shè)計對功能進行了嚴(yán)格的劃分，通過流程圖分析網(wǎng)上圖書商城的基本業(yè)務(wù)邏輯，最后通過E-R圖與數(shù)據(jù)表的實體進行設(shè)計。5系統(tǒng)實現(xiàn)5.1管理員模塊功能實現(xiàn)5.1.1會員管理會員管理主要實現(xiàn)管理員對會員信息的增添查改等操作以及按照關(guān)鍵字進行查詢操作，如圖5.1、圖5.2所示。圖5.1會員管理界面圖5.2會員修改界面關(guān)鍵代碼如下：Publicfunctioneidt(){if($password!=$repass){$this->error('密碼和確認密碼不一致');$salts=randstr(10);$password=md5($password.$salts);if($result===FALSE){$this->error($this->AdminModel->getError());}else{$this->success('會員信息修改成功','admin/admintor/delect');Exit; }添加會員主要是輸入會員賬號(郵箱號)、會員名稱、會員密碼、會員性別、會員頭像，如圖5.2所示。圖5.2添加會員界面關(guān)鍵代碼如下：if($this->request->isPost()){$email=$this->request->post('email','');$password=$this->request->param('password','');$userinfo=$this->UserModel->where(['email'=>$email])->find();if(!$userinfo){$this->error('用戶已存在，請你重新注冊');$password=md5($password.$userinfo['salt']);if($password!=$userinfo['password']){$this->error('密碼輸入有誤，請重新輸入');exit;}5.1.2商品管理商品信息管理主要用于實現(xiàn)管理員對在售的商品以及商品類型進行管理，包括對商品信息以及商品類型進行增加、刪除、修改以及按照關(guān)鍵字進行查詢等操作，如圖5.3所示。圖5.3商品管理頁面添加商品主要是輸入商品名稱、商品價格、商品庫存、商品類型、商品圖片，如圖5.4所示。圖5.4添加商品頁面商品類型管理主要是商品類型的權(quán)重、商品類型的添加、刪除、修改，如圖5.5所示。圖5.5商品類型頁面添加商品類型主要是輸入商品類型權(quán)重、商品類別名稱、商品類型封面，如圖5.6所示。圖5.6商品類型頁面關(guān)鍵代碼如下:if($this->request->isPost()){$ids=$this->request->param('ids',0);$result=$this->TypeModel->destroy($ids);if($result===FALSE){$success['result']=false;$success['msg']=$this->TypeModel->getError();}else{$success['result']=true;$success['msg']='添加商品成功';returnjson($success);}5.1.3商家管理員管理商家管理員管理主要實現(xiàn)超級管理員對商家管理員權(quán)限的禁用、添加、修改以及刪除，如圖5.7所示。圖5.7商家管理員管理頁面添加商家管理員類型主要是超級管理員輸入管理員賬號、管理員昵稱、管理員密碼，如圖5.8所示。圖5.8添加商家管理員頁面關(guān)鍵代碼如下：if($this->request->isPost()){$email=$this->request->post('email','');$password=$this->request->param('password','');$userinfo=$this->UserModel->where(['email'=>$email])->find();if(!$userinfo){$this->error('該商家已存在，請你重新注冊');exit;$password=md5($password.$userinfo['salt']);if($password!=$userinfo['password']){$this->error('密碼輸入有誤，請重新輸入');exit;}5.2商城模塊實現(xiàn)5.2.1注冊模塊用戶進入注冊頁面時，需要按照流程填寫郵箱號、密碼、驗證碼才能注冊成功，如圖5.9所示。圖5.9注冊界面用戶注冊會員時需要填寫正確的郵箱才能注冊成功，否則會提示“請輸入正確的郵箱號”，如圖5.10所示。圖5.10注冊格式錯誤界面關(guān)鍵代碼如下：if($this->request->isPost()){$email=$this->request->param('email','');$password=$this->request->param('password','');$userinfo=$this->UserModel->where('email',$email)->find();if(!$userinfo){$this->error('請輸入正確的郵箱地址');exit;}$password=md5($password.$userinfo['salt']);if($password!=$userinfo['password']){$this->error('密碼輸入有誤，請重新輸入');exit;}5.2.2注冊登錄模塊管理用戶注冊成功即可跳轉(zhuǎn)到登錄頁面，用戶需要按照流程用戶賬號、密碼、驗證碼，登錄成功會跳轉(zhuǎn)到商城首頁，如圖5.11、圖5.12所示。圖5.11登錄界面圖5.12登錄成功界面關(guān)鍵代碼如下：Publicfunctionlogin(){if($this->request->isPost()){$email=$this->request->param('email','');$password=$this->request->param('password','');$userinfo=$this->UserModel->where('email',$email)->find();if(!$userinfo){$this->error('用戶不存在，請重新輸入');if($password!=$userinfo['password']){$this->error('密碼輸入有誤，請重新輸入');exit;}$this->success('登錄成功','/user/base/index',$data);exit;}會員登錄時需要填寫正確的郵箱才能注冊成功，否則會提示“用戶不存在,請去注冊”，如圖5.13所示。圖5.13登錄錯誤界面關(guān)鍵代碼如下：Publicfunctioncheck(){if($this->request->isPost()){$id=$this->request->param('id','');$userinfo=$this->UserModel->find($id);If(!$userinfo){$this->error('用戶不存在，請去注冊');$this->success('登錄成功','/user/base/index',$data);5.2.3購物車模塊管理用戶在商品欄瀏覽商品時，看到自己滿意的商品時，加入購物車，用戶點擊購物車圖標(biāo)，可以直接跳轉(zhuǎn)到購物車頁面，然后選擇自己想要的商品購買,如圖5.14所示。圖5.14加入購物車界面關(guān)鍵代碼如下：PublicfunctionaddCart(){//先判斷該產(chǎn)品是否有添加到購物車$cart=$this->CartModel->where(['userid'=>$userid,'proid'=>$proid])->find();$result=$this->CartModel->isUpdate()->save($data);if($result===FALSE){$this->error($this->CartModel->getError());exit;$this->success('添加購物車成功,是否跳轉(zhuǎn)到購物車立即下單','/product/cart/index');}如果用戶沒有注冊，則提示“用戶不存在，無法加入購物車”，然后在判斷商品是否有庫存如圖5.15所示。圖5.15購物車界面關(guān)鍵代碼如下：Publicfunctionadd() {if($this->request->isPost()$proid=$this->request->param('proid',0);$userid=$this->request->param('userid',0)$userinfo=$this->UserModel->find($userid);if(!$userinfo){$this->error('用戶不存在，請重新輸入');if(!$productinfo['stock']){$this->error('商品庫存不足');用戶在購物車頁面，不喜歡商品可以直接刪除，喜歡的商品可以直接購買，如圖5.16、圖5.17所示。圖5.16刪除購物車商品界面關(guān)鍵代碼如下：Publicfunctiondel(){if(!$userinfo){$this->error('用戶不存在，請重新輸入');exit;}//當(dāng)沒有找到用戶的情況下if(!$cart){$this->error('購物車數(shù)據(jù)不存在');$result=$this->CartModel->destroy($id);if($result===FALSE){$this->error($this->CartModel->getError());{$data=['id'=>$cart['proid'],'stock'=>$cart['nums']];$res=$this->ProductModel->isUpdate()->save($data);$this->success('刪除購物車成功');}圖5.17確認訂單界面關(guān)鍵代碼如下：Publicfunctionorder(){if(!$address){$this->error('收貨地址不存在，請重新選擇');exit;}//立即下單$ordernowinfo=$this->ProductModel->where(['id'=>$cartids])->find();//查詢購物車的產(chǎn)品數(shù)據(jù)$cartlist=$this->CartModel->with('product')->where($where)->select();if(!$cartlist){$this->error('下單數(shù)據(jù)為空，請重新選擇商品');exit;}$this->success('下單成功，等待商家發(fā)貨','/user/order/index');exit;}5.3我的模塊實現(xiàn)5.3.1訂單列表用戶點擊“我的”，然后點擊我的訂單可以跳轉(zhuǎn)我的訂單頁面。選課界面如圖5.18所示。圖5.18我的訂單界面用戶在我的訂單頁面，可以查看商品的具體評論，申請退款等功能，退款需要等商家同意退款才會將金額返回給用戶如圖5.19、圖5.20所示。圖5.19申請退款界面關(guān)鍵代碼如下：PublicfunctionsubRefund(){if(!$userinfo){$this->error('用戶不存在，請重新輸入');$orderinfo=$this->OrderModel->find($id);if(!$orderinfo){$this->error('訂單不存在，請去下單');$status=$this->OrderModel->where(['id'=>$id])->value('status');if($status=='-2'){$this->error('訂單已提交申請，等待商家確認中');}$orderStatus=$this->OrderModel->isUpdate()->save($data);$this->success('退貨申請?zhí)峤怀晒?,null,$price);圖5.20商品評價界面關(guān)鍵代碼如下：Publicfunctioncomment(){if(!$orderinfo){$this->error('訂單不存在，請去下單');exit;}$status=$this->OrderModel->where(['id'=>$id])->value('status');if($status=="4"){$this->error('此訂單已經(jīng)評論成功');$orderStatus=$this->OrderModel->isUpdate()->save($datas);$this->success('評論成功',0,$data);exit;}圖5.20確認收貨界面圖5.21訂單詳情界面關(guān)鍵代碼如下：asyncorderData(){letdata={userid:this.LoginUser.id,status:this.active,};letresult=awaitthis.$api.OrderList(data);if(result.code=="1"){this.orderlist=result.data;}else{this.$notify({message:result.msg,duration:1000,});5.3.2個人中心用戶在我的頁面可以點擊個人資料，可以到個人資料頁面修改個人資料有頭像、性別、密碼、昵稱、地區(qū)，如圖5.23所示。圖5.23個人中心界面關(guān)鍵代碼如下：Publicfunctionprofile(){if(!$userinfo){$this->error('用戶不存在，請重新輸入');}if($password){$data['password']=md5($params['password'].$userinfo['salt']);}$coverUrl=upload('cover');if($coverUrl===FALSE){$this->error('修改失敗');$data['cover']="uploads/".$coverUrl;}5.3.3我的收貨地址在我的頁面，點擊我的收貨地址，可以新增、修改、刪除收貨地址，如圖5.24所示。 圖5.24我的收貨地址頁面關(guān)鍵代碼如下：Publicfunctionindex(){if($this->request->isPost())$userid=$this->request->param('userid','');$userinfo=$this->UserModel->find($userid);if(!$userinfo){$this->error('用戶不存在');$result=$this->AddressModel->with(['provinces','citys','districts'])->where(['userid'=>$userid])->select();$this->success('返回收貨地址成功',null,$result);}5.3.4消費記錄用戶在我的頁面，點擊消費記錄可以查看用戶個人的消費記錄，如圖5.25所示。圖5.25消費記錄界面關(guān)鍵代碼如下:asyncorderData(){letdata={userid:this.LoginUser.id,}letresult=awaitthis.$api.OrderList(data)if(result.code=='1'){this.orderlist=result.data}else{this.$notify({message:result.msg,duration:1000,})5.6本章小結(jié)本章主要分前臺用戶、后臺管理員兩角色詳細介紹了各個頁面功能與操作，例如后臺有訂單管理界面、商品管理界面、會員管理界面，前臺有用戶登錄界面、用戶注冊界面、購物車界面、訂單管理界面、個人資料界面、收貨地址界面等等。6系統(tǒng)測試6.1測試目的系統(tǒng)測試是整個系統(tǒng)開發(fā)的最后一個關(guān)卡，也是對整個系統(tǒng)進行一個檢測。通過測試可以發(fā)現(xiàn)系統(tǒng)中存在的一些bug，然后對這些bug進行修復(fù)。在系統(tǒng)測試過程中我們通過各種手段來發(fā)現(xiàn)和找出軟件的缺陷，我們常用黑盒、白盒的方法進行測試，主要以黑盒測試為主，最終修復(fù)這些bug。本次測試，主要是對網(wǎng)上圖書商城系統(tǒng)的主要功能模塊進行測試,其中主要對登陸注冊模塊、用戶下單模塊、購物車模塊、訂單管理模塊進行相關(guān)測試。6.2測試環(huán)境（1）硬件環(huán)境:本系統(tǒng)進行測試的硬件環(huán)境主要統(tǒng)一了CPU型號、內(nèi)存大小、硬盤大小，具體配置如表6.1所示。表6.1硬件配置說明序號描述版本1CPU型號Intel(R)Core(TM)i5-8400HCPU2CPU主頻2.30Ghz3物理內(nèi)存8Gb4物理硬盤500Gb機械硬盤6.3系統(tǒng)模塊功能測試6.3.1注冊模塊測試注冊模塊測試主要用于測試用戶在進行注冊時，是否按照注冊流程需填寫手機號、驗證碼等信息，如果輸入未注冊的手機號，則能夠成功注冊，并提示注冊成功。如果數(shù)的是已經(jīng)注冊過的手機號，則會提示該手機號已經(jīng)被注冊，對錯誤輸入能否進行有效提示，其測試用例如表6.3所示。表6.3注冊管理測試用例序號測試描述期望結(jié)果實際測試1輸入未注冊的手機號、密碼、圖片驗證碼注冊成功，并提示注冊成功符合2輸入注冊過的手機號、密碼、驗證碼注冊失敗，并提示該手機號已被注冊符合續(xù)表登錄流程測試?yán)m(xù)表6.3登錄模塊測試主要目的是測試系統(tǒng)用戶在登錄系統(tǒng)時輸入正確登錄信息能否正常登錄，在輸入錯誤的信息的情況下，系統(tǒng)能否有效的提示出相應(yīng)的錯誤信息，其具體測試用例如表6.4所示。表6.4登錄模塊測試用例序號測試描述期望結(jié)果實際測試1輸入空賬號，輸入密碼提示“請輸入賬號”符合2輸入用戶名，輸入空密碼提示“請輸入密碼”符合3輸入錯誤用戶名，輸入正確密碼，選擇正確的角色提示“用戶不存在”符合4輸入正確用戶名，輸入錯誤密碼信息，選擇對應(yīng)的角色提示“密碼錯誤”符合5輸入正確的用戶名密碼，選擇錯誤角色提示“登錄失敗”符合6輸入正確的用戶名密碼，選擇對應(yīng)角色登錄成功符合6.3.3購物車模塊測試用戶在進行購物時，看到自己喜歡的物品可以先加入購物車，可以之后想購買在進入購物車購買并結(jié)算。其測試用例如表6.5所示。表6.5購物車模塊測試用例序號測試描述期望結(jié)果實際測試1在商品欄，點擊加入購物車商品能夠正常加入購物車符合2在購物車點擊“+”或“-”購物車的商品數(shù)量正常的加減符合3在購物車選擇多個商品結(jié)算結(jié)算的金額和數(shù)量正確，并跳轉(zhuǎn)到訂單頁面符合6.3.4用戶下單模塊測試用戶下單模塊測試主要目的是測試用戶正常下單后，跳轉(zhuǎn)到訂單頁面，在該頁面用戶填寫訂單信息，提交訂單后生效，其具體用例如表6.6所示。表6.6用戶下單測試用例序號測試描述期望結(jié)果實際測試1用戶編寫多個收貨信息用戶進入收貨地址信息頁面，選擇自己要收貨的地址，提交訂單成功符合2用戶編寫的信息為空用戶無法正常提交，并提示請?zhí)顚懯肇浶畔⒎侠m(xù)表訂單管理模塊測試?yán)m(xù)表6.6訂單管理模塊測試的是管理員可以根據(jù)狀態(tài)查看訂單，對訂單進行處理，可查看訂單詳情、發(fā)貨、退款，其具體測試用例如表6.7所示。表6.7訂單管理測試用例序號測試描述期望結(jié)果實際測試1用戶在商城正常下單，后臺數(shù)據(jù)庫有訂單數(shù)據(jù)管理員進入訂單管理模塊時，頁面顯示有訂單信息符合2用戶在商城正常下單，后臺數(shù)據(jù)庫有訂單數(shù)據(jù)管理員進入訂單頁面，管理員可以點擊某個訂單，可以跳轉(zhuǎn)訂單詳細頁面符合3用戶在商城正常下單，后臺數(shù)據(jù)庫有訂單數(shù)據(jù)管理員進入訂單頁面，點擊未發(fā)