基于Vue+Node框架的網(wǎng)上書店銷售系統(tǒng)的設計與實現(xiàn)

基于Vue+Node框架的網(wǎng)上書店銷售系統(tǒng)的設計與實現(xiàn)摘要：隨著國內互聯(lián)網(wǎng)規(guī)模的迅速發(fā)展，以及人民生活水平和生活方式的改變，網(wǎng)購在我們的生活中占的分量越來越重要。在傳統(tǒng)方式下，由于網(wǎng)絡的局限和技術的缺陷，買家只能通過線下實體店購買，這種銷售模式在當今網(wǎng)絡發(fā)達的時代顯得有點落后，相對于到實體店購買，人們往往更喜歡足不出戶就能瀏覽到各種各樣的書籍并且購買。因此，網(wǎng)上書店是隨著計算機技術和網(wǎng)絡技術發(fā)展起來的一種新型銷售圖書系統(tǒng)，這對于傳統(tǒng)的實體書店具有一定的優(yōu)越性，人們可以足不出門就可以購買到喜歡的書籍，還能省去了查找的時間，基于可以實現(xiàn)商家和賣家雙贏的基礎上，網(wǎng)上書店銷售系統(tǒng)便應運而生。本課題首先分析了網(wǎng)上購書的背景和給人民生活帶去了哪些便利性，充分體現(xiàn)了網(wǎng)上書店銷售系統(tǒng)設計和實現(xiàn)的社會可實行性，其次對系統(tǒng)進行可需求的分析，充分了解系統(tǒng)的具體需求，為后期的設計做鋪墊。接著分析了系統(tǒng)如何實現(xiàn)，本書店銷售系統(tǒng)采用了B/S架構，采用了Vue+Node+Mysql開發(fā)體系,Vue+Element作為前端框架，對構建漸進式視圖具有非常好的優(yōu)勢，Vue具有非常強大的api，能為書店系統(tǒng)提供良好的支持，而Node作為后端語言，在書寫服務器的時候，因其輕量級的語言，在寫中小系統(tǒng)非常方便。最后在上線部署之前對系統(tǒng)采用了嚴格的測試，保證其安全性。網(wǎng)上書店銷售系統(tǒng)的實現(xiàn)，既能為商家拓展客戶渠道，減少實體店的租金壓力，也能為買家提供便利的服務，例如送貨上門，實現(xiàn)共贏。關鍵詞：Node，電子商務，電子書店，圖書，VUE框架

DesignandImplementationofonlinebookstoresalessystembaseonVue+NodeframeworkAbstract：WiththerapiddevelopmentofdomesticInternetscaleandthechangeofpeople'slivingstandardandlifestyle,onlineshoppingplaysanincreasinglyimportantroleinourlife.Inthetraditionalway,duetothelimitationsofthenetworkandtechnicaldefects,buyerscanonlybuythroughofflinephysicalstores.Thissalesmodeisabitbackwardintheeraofthedevelopednetwork.Comparedwiththephysicalstore,peopletendtoprefertobrowseallkindsofbooksandbuythemwithoutleavinghome.Therefore,withthedevelopmentofcomputertechnologyandnetworktechnology,onlinebookstoreisanewtypeofbooksalessystem,whichhascertainadvantagesfortraditionalphysicalbookstores.Peoplecanbuythebookstheylikewithoutgoingoutofthehouse,andalsosavethetimeofsearching.Basedonthewin-winsituationbetweenbusinessesandsellers,theonlinebookstoresalessystemwillbereadyLife.Thistopicfirstanalyzesthebackgroundofonlinebookpurchaseandwhatconveniencesitbringstopeople'slife,whichfullyembodiesthesocialfeasibilityofthedesignandimplementationofonlinebookstoresalessystem.Secondly,itanalyzesthesystemrequirements,fullyunderstandsthespecificneedsofthesystem,andpavesthewayforthelaterdesign.Thenitanalyzeshowtorealizethesystem.ThebookstoresalessystemadoptsB/SarchitectureandVue+node+MySQLdevelopmentsystem,Asafront-endframework,Vue+elementhasaverygoodadvantageinbuildingprogressiveviews.VuehasaverypowerfulAPI,whichcanprovidegoodsupportforthebookstoresystem.Asaback-endlanguage,nodeisveryconvenientforwritingsmallandmedium-sizedsystemsbecauseofitslightweightlanguagewhenwritingservers.Atlast,thesystemistestedstrictlybeforedeploymenttoensureitssecurity.Therealizationofonlinebookstoresalessystemcannotonlyexpandcustomerchannelsforbusinesses,reducetherentpressureofphysicalstores,butalsoprovideconvenientservicesforbuyers,suchasdeliverytohome,toachievewin-win.Keywords:Node，E-commerce,E-bookstore，Book，VUE目錄TOC\o"1-3"\h\u第1章緒論 第1章緒論1.1系統(tǒng)開發(fā)的背景及意義在互聯(lián)網(wǎng)的急速發(fā)展下，單純的線下銷售已經(jīng)無法滿足客戶的購買需求，加上實體店的高額租金讓商家承擔了很大的壓力，而技術上的發(fā)展和來自電商對實體店的沖擊，于是網(wǎng)上書店銷售系統(tǒng)應運而生。通過這個系統(tǒng)，客戶可以在網(wǎng)上瀏覽商品概括，了解商家信息，省去繁瑣的線下消費環(huán)節(jié)，并可以節(jié)約時間，買到物美價廉的書本，商家則可以通過此網(wǎng)上銷售系統(tǒng)上線自家產(chǎn)品，面向互聯(lián)網(wǎng)，增大客戶流，減少實體店的花銷成本，得到更多的利潤。網(wǎng)上書店銷售系統(tǒng)開發(fā)的意義在于既可以給商家?guī)砝鏈p少支出，又可以給用戶帶來便利和實惠的商品，在如今基本是網(wǎng)絡至上的社會，相對于以往，現(xiàn)做用戶幾乎很少想去實體店買書，這對于實體店開拓客源就帶來了很大的難度。然而，隨著網(wǎng)上書店的出現(xiàn)，用戶可以享受動動手就能買到喜歡的書，不得不說，這樣的方式能給用戶節(jié)約很多的時間，由此可見，該系統(tǒng)的開發(fā)給用戶和商家?guī)砹斯糙A，這就是意義所在。1.2國內外網(wǎng)上書店研究現(xiàn)狀根據(jù)調查報告顯示，國外的電子商務發(fā)展一直處于世界的領先，各類電商琳瑯滿目，成立于1995年的亞馬遜，一開始就選擇圖書作為網(wǎng)上銷售的商品之一，根據(jù)多年的發(fā)展，亞馬遜的網(wǎng)上書店已經(jīng)在全世界互聯(lián)網(wǎng)平臺建立了35萬家網(wǎng)上書店，2018年的總規(guī)模突破2千億，同比增長36%。國外其他的網(wǎng)上銷售書店，例如美國的巴諾書店和其他出版商、批發(fā)商以及眾多的實體書店，也開始紛紛效仿網(wǎng)上書店銷售的模式，一時間使得國外的網(wǎng)上書店數(shù)量激增，長期以來，網(wǎng)上書店的勢頭發(fā)展良好。1.2.1國外網(wǎng)上書店發(fā)展狀況1.2.2國內網(wǎng)上書店發(fā)展狀況近年來我國圖書零售市場不斷增長，但新書品種繼續(xù)縮減。數(shù)據(jù)顯示，截止到2019年，我國圖書零售市場碼洋規(guī)模突破千億，達到

1022.7

億元，同比增長

14.40%。其中新書品種為

19.4

萬種，同比減少

6.70%，

降幅較

2018

年的

0.49%明顯擴大。從渠道方面來看，網(wǎng)店渠道占比不斷擴大，實體書店與網(wǎng)絡書店的差異愈加凸顯。根據(jù)北京開卷數(shù)據(jù)顯示，2019年，我國網(wǎng)店渠道的碼洋規(guī)模達到

715.1

億元，同比增長

24.90%，占整體市場碼洋規(guī)模近

70%；而實體書店碼洋規(guī)模為

307.6

億元，同比減少

4.24%。從渠道折扣上也進一步說明實體書店與網(wǎng)絡書店的差異明顯，根據(jù)北京開卷數(shù)據(jù)顯示2019年線上圖書銷售折扣率為59折，較2018年64折進一步降低；而實體渠道的銷售折扣則為89折。從不同細分品類來看，心理自助折扣最低，僅為4折；其次為學術文化與少兒類、自然科學、教輔、經(jīng)濟與管理等多數(shù)品類，其折扣分別為5-6折、6-7折。1.3論文的主要研究內容本論文主要介紹了在Vscode平臺上用當前流行的Express框架開發(fā)一個便于用戶在網(wǎng)上購書的系統(tǒng)過程。論文的主要研究內容如下：（1）利用Vscode平臺、B/S多層體系結構、MVVC設計模式和Vue+Node開源框架實現(xiàn)一個用戶和商家交互良好的書店銷售系統(tǒng)。（2）介紹了系統(tǒng)實現(xiàn)的主要技術，包括了MVVC設計模式和Vue+Node框架的開發(fā)流程。（3）首先大量收集了周邊大部分消費者對網(wǎng)上書店的需求，進行了可行性分析，最終得出該系統(tǒng)具有可實行性。其次，在需求分析的研究基礎下，做了詳細的系統(tǒng)設計，其中包括系統(tǒng)總價架構、數(shù)據(jù)庫設計和系統(tǒng)模塊的設計。（4）詳細講述了如何利用黑盒測試對系統(tǒng)進行嚴格性的檢測。第2章系統(tǒng)需求分析2.1系統(tǒng)總體需求通過走訪各大商家和查詢了大量的資料，根據(jù)實際出發(fā)，本系統(tǒng)為用戶提供了前臺商城系統(tǒng)，主要用于瀏覽商品、購買圖書；為商家提供了書店后臺管理系統(tǒng)，主要用于對商品的添加和更新，對人員進行管理和進行客戶的訂單進行管理。2.2系統(tǒng)的業(yè)務需求分析根據(jù)研究的得出書店銷售系統(tǒng)的需求如下：用戶需求：（1）書籍的瀏覽和搜索。用戶能進入書店網(wǎng)站能夠清晰地瀏覽不同分類的書籍、熱銷的書籍和全部商品等，也可以在頭部的通過關鍵字(圖書名稱)進行全局搜索到相關商品。（2）購物車。用戶在登錄的前提下能夠使用購物車功能，例如在商品詳情頁面加入購物車和立即購買商品。也可以在進入購物車查看自己的商品信息并進行結算購買。（3）收貨地址管理。進入個人主頁選擇地址列表能查看所有的收貨地址，還可以進行收貨地址的添加、刪除和修改。（4）留言建議。用戶可以通過留言建議模塊對商家進行留言，用戶可以提議商家對哪些書籍進貨。商家需求：（1）人員管理：管理員可以定期對人員進行更新管理，包括管理員和用戶管理。（2）商品管理：商家可以對商品進行管理，例如增加商品、更新商品(3)訂單管理：商家可以登錄后臺管理系統(tǒng)查看用戶的所有訂單并進行管理(4)圖書分類：分類是絕大多數(shù)商城系統(tǒng)所必須的，因為涉及的商品種類眾多，因此分類功能變得十分重要，商家能在添加商品的時候選擇圖書的分類2.3系統(tǒng)的功能需求分析2.3.1后臺管理系統(tǒng)功能需求分析圖書管理模塊(1)添加圖書添加圖書是指商家對書店的書籍進行上架，讓用戶可以瀏覽和購買。添加圖書需要填寫圖書的詳細信息。例如圖書名、作者和價格等信息(2)刪除圖書刪除圖書的功能是在商家不再銷售這種圖書的時候，在書店后臺系統(tǒng)把該圖書刪除，不再渲染在客戶端頁面,在執(zhí)行刪除操作之前彈出刪除的確認提示框。(3)修改圖書修改圖書是指對上架的圖書進行信息的修改。受市場或者商家的影響，管理員需要根據(jù)實際情況對上架的圖書的信息進行修改，首先點擊需要修改的圖書，通過調用服務器接口拿到圖書信息，然后渲染在修改的頁面，管理員修改需要改動的信息，修改完成提交給服務器，驗證通過之后返回修改成功提示消息,否則返回修改失敗的信息，最后重新刷新商品列表信息(4)查詢圖書查詢圖書是指可以查看所有的圖書列表信息(5)圖書上下架圖書上下架功能是指是否在書店商城的展示。改功能設置了一個開關的狀態(tài)按鈕，當點擊打開按鈕默認為上架功能,這樣會把圖書展示在商城頁面,當點擊關閉按鈕默認為下架,該圖書就商城頁面就會不再展示。訂單管理進入訂單列表能顯示所有用戶的訂單信息，還可以對已付款但未發(fā)貨的訂單發(fā)貨請求。登錄/注冊模塊登錄注冊是一個網(wǎng)站必不可少的功能，也是衡量網(wǎng)站是否安全的重要標準。登錄注冊分為客戶端的管理員端，其中管理員只有登錄功能，擁有唯一固定的賬號。2.3.2商城系統(tǒng)功能需求分析瀏覽商品通過進入商城可以瀏覽所有的商品列表，包括詳細信息購物車用戶能進通過商品詳情把商品加入購物車，可以進入購物車查看商品并且能在選擇的時候進行結算。個人主頁用戶進入個人主頁可以對收貨地址進行管理，例如增加收貨地址、查看收貨地址；可以查看個人訂單信息。2.4數(shù)據(jù)流圖用戶登錄數(shù)據(jù)流圖用戶登錄數(shù)據(jù)流的過程：用戶進入登錄界面，輸入賬號和密碼，數(shù)據(jù)發(fā)送到后端進行處理，驗證成功則跳到商城首頁。用戶登錄DFD如圖2-1所示：圖2-1用戶登錄DFD用戶注冊數(shù)據(jù)流圖用戶注冊數(shù)據(jù)流的過程：用戶進入注冊。用戶登錄DFD如圖2-2所示：圖2-2用戶注冊DFD用戶查詢/瀏覽數(shù)據(jù)流圖用戶查詢/瀏覽數(shù)據(jù)流的過程：用戶進入商城頁面，可以任意瀏覽商品信息，也可以通過搜索關鍵字，數(shù)據(jù)發(fā)送到后端進行處理，搜索成功則跳到商城首頁。用戶查詢/瀏覽DFD如圖2-3所示：圖2-3用戶查詢/瀏覽DFD用戶收貨地址數(shù)據(jù)流圖用戶收貨地址數(shù)據(jù)流的過程：用戶個人主頁的收獲地址欄，對地址信息進行增刪改查，數(shù)據(jù)發(fā)送到后端進行處理，成功后返回地址列表。用戶收貨地址DFD如圖2-4所示：圖2-4用戶收貨地址DFD購物車數(shù)據(jù)流圖購物車數(shù)據(jù)流的過程：用戶在商品詳情加入購物車，商品信息會保存到購物車中，數(shù)據(jù)發(fā)送到后端進行處理，可以進入購物車查看加入的商品的信息。購物車DFD如圖2-5所示：圖2-5購物車DFD商品結算數(shù)據(jù)流圖商品結算數(shù)據(jù)流的過程：用戶進入購物車或者立即購買，選擇要結算的商品，前端把結算的商品信息發(fā)送到訂單頁面，并把訂單訂單信息顯示給用戶。商品結算DFD如圖2-6所示：圖2-6商品結算DFD添加商品數(shù)據(jù)流圖添加商品數(shù)據(jù)流的過程：用戶進入添加商品界面，輸入要添加的商品信息，數(shù)據(jù)發(fā)送到后端進行處理，添加成功則返回最新的商品列表給管理員。用添加商品DFD如圖2-7所示：圖2-7添加商品DFD編輯商品數(shù)據(jù)流圖編輯商品數(shù)據(jù)流的過程：管理員進入商品編輯頁面，輸入要修改的圖書信息(圖書名稱，價格，作者等)，數(shù)據(jù)發(fā)送到后端進行處理，編輯成功則把商品列表返回給管理員。編輯商品DFD如圖2-8所示：圖2-8編輯商品DFD訂單管理數(shù)據(jù)流圖訂單管理流的過程：管理員進入訂單列表，后端給管理員所有的訂單數(shù)據(jù)，通過編輯訂單信息，數(shù)據(jù)發(fā)送到后端進行處理，編輯成功返回最近的訂單數(shù)據(jù)給管理員。訂單管理DFD如圖2-9所示：圖2-9訂單管理DFD分頁數(shù)據(jù)流圖分頁數(shù)據(jù)流的過程：管理員進入商品列表，輸入pagesize，數(shù)據(jù)發(fā)送到后端進行處理，改變當前頁碼顯示的商品數(shù)量。分頁DFD如圖2-1所示：圖2-1分頁DFD2.5本章小結本章給出了整個系統(tǒng)的需求分析，其中包括系統(tǒng)總體需求、業(yè)務需求和功能需求分析，總分闡述了用戶和商家的需求，讓接下來的系統(tǒng)設計做了要求。同時還給出了數(shù)據(jù)流圖，充分展示了系統(tǒng)數(shù)據(jù)的流向。第3章系統(tǒng)設計3.1系統(tǒng)設計3.1.1系統(tǒng)總體架構設計系統(tǒng)的架構設計是在業(yè)務需求已經(jīng)清晰的前提下進行的，數(shù)據(jù)架構模型一般放在數(shù)據(jù)庫中進行設計，運行架構和物理架構基本相近，只是在物理架構中加了數(shù)據(jù)的流向，因此一些系統(tǒng)設計使用物理架構代替了運行架構。開發(fā)架構模型圖給出了技術體系是B/S結構，開發(fā)框架選擇MVVC，開發(fā)語言是Node。業(yè)務邏輯層是Express的service，實體層是Express的model。數(shù)據(jù)層由Mysql數(shù)據(jù)庫管理，以下圖3-1是系統(tǒng)的總體架構圖：3.1.2模塊HIPO關系圖HIPO是用來描述書店銷售系統(tǒng)的層次關系的圖形，可以清晰地看到系統(tǒng)之間各個層次的關聯(lián)。如下圖3-2所示：3.1.3數(shù)據(jù)庫設計根據(jù)用戶和系統(tǒng)需求分析，可以得知數(shù)據(jù)庫的設計應該要符合以下要求：數(shù)據(jù)庫需求分析：網(wǎng)上書店銷售系統(tǒng)是個典型的電銷系統(tǒng)，因此針對他要實現(xiàn)的業(yè)務功能，數(shù)據(jù)庫中應該有以下實體：用戶：包括用戶ID、賬號、密碼、地址、聯(lián)系電話等管理員：包括用戶ID、賬號、密碼、地址、聯(lián)系電話等訂單：有關的圖書信息和數(shù)量等圖書：包括圖書ID、圖書名稱、圖書價格、類別等邏輯結構設計：本系統(tǒng)設計了8個表，主要的表是用戶信息表User、管理員信息表Admin、商品信息表GoodInfoList、訂單列表Order、商品類別表Catetory、購物車表ShopCart。具體表結構的設計如下：User（用戶信息）表表3-1User表列名字段類型是否為空字段說明useridVARCHAR(30)NOTNULL用戶IdusernameVARCHAR2(30)NOTNULL用戶名passwordVARCHAR2(20)NOTNULL密碼ageINT(20)NULL年齡mobileNUMBER(1)NULL電話addressVARCHAR2(20)NULL地址emailVARCHAR2(30)NULL電子郵箱表3-1給出了存放用戶信息的數(shù)據(jù)庫表結構，表中各字段代表的含義在第五列“注釋”中有具體描述，該表的主鍵為userid。(2)建議表該表為建議表，用于收集用戶提交的建議信息。表結構如表3-2所示：表3-2建議表列名字段類型是否為空字段說明suggestidNUMBER(15)NOTNULLidcontengVARCHAR2(30)NOTNULL建議內容usernameVARCHAR2(30)NOTNULL用戶名稱(3)訂單表該表為訂單表，用于收集用戶要購買圖書的基本信息(如訂單ID、圖書名稱、圖書價格、圖書數(shù)量、是否付款、收貨地址、用戶名稱、訂單日期等），表結構如表3-3所示：表3-3訂單表列名字段類型是否為空字段說明orderidNUMBER(15)NOTNULLidbooknameVARCHAR(30)NOTNULL圖書名稱priceVARCHAR(20)NOTNULL圖書價格amoutVARCHAR(20)NULL圖書數(shù)量addressDATENULL收貨地址orderdateDATENULL訂單日期usernameNUMBER(3)NOTNULL收貨人is_payNUMBER(1)NOTNULL支付狀態(tài)(0未付，1已付)(4)圖書表該表為圖書數(shù)據(jù)表，用于保存商品的基本信息（如圖書ID、圖書名稱、圖書價格、圖書作者、圖書分類等），表結構如表3-4所示：表3-4圖書表列名字段類型是否為空字段說明bookidNUMBER(15)NOTNULL圖書id(主鍵)booknameVARCHAR2(30)NOTNULL圖書名稱priceVARCHAR2(20)NOTNULL圖書現(xiàn)價oldpriceVARCHAR2(20)NULL圖書原價authorVARCHAR2(20)NULL圖書作者categoryVARCHAR2(20)NULL圖書分類is_sellVARCHAR2(20)NULL是否上架0是下架1是上架descVARCHAR2(20)NULL圖書描述bookImgVARCHAR2(20)NOTNULL圖書圖片cateidVARCHAR2(20)NULL分類idhot_sellVARCHAR2(20)NULL是否熱銷商品0為不熱銷(5)管理員表該表為管理員信息表，用于保存管理員的基本信息（如管理員ID、管理員名稱、管理員電話、管理員地址、管理員角色等），表結構如表3-4所示：表3-5管理員表列名字段類型是否為空字段說明adminidNUMBER(15)NOTNULLidusernameVARCHAR2(30)NOTNULL管理員名稱mobileVARCHAR2(20)NOTNULL管理員電話addressVARCHAR2(20)NULL管理員地址roleVARCHAR2(20)NULL管理員角色passwordVARCHAR2(20)NOTNULL管理員密碼ageVARCHAR2(20)NOTNULL年齡(6)圖書分類表該表為圖書分類，用于保存圖書分類的基本信息（如分類id、分類名稱等），表結構如表3-4所示：表3-6圖書分類表列名字段類型是否為空字段說明cateidNUMBER(15)NOTNULL分類id(主鍵)categoryVARCHAR2(30)NOTNULL分類名稱(7)購物車表該表為購物車，在用戶添加購物車時要保存的的基本信息（如圖書id、用戶id、訂購數(shù)量、圖書名稱、圖書單價、圖書總價和圖書照片等），表結構如表3-4所示：表3-7圖書分類表列名字段類型是否為空字段說明idInt(15)NOTNULL購物車iduseridVARCHAR2(30)NOTNULL用戶idcountINT(15)NOTNULL購物車圖書數(shù)量singlepriceINT(15)NULL圖書單價SumpriceINT(15)NULL圖書總價bookImgVARCHAR2(30)NULL圖書照片收貨地址表該表為購物車，在用戶添加購物車時要保存的的基本信息（如圖書id、用戶id、訂購數(shù)量、圖書名稱、圖書單價、圖書總價和圖書照片等），表結構如表3-4所示：表3-7圖書分類表列名字段類型是否為空字段說明idInt(15)NOTNULL購物車iduseridVARCHAR2(30)NOTNULL用戶idcountINT(15)NOTNULL購物車圖書數(shù)量singlepriceINT(15)NULL圖書單價SumpriceINT(15)NULL圖書總價bookImgVARCHAR2(30)NULL圖書照片3.2前臺商城功能詳細設計3.2.1用戶登錄功能商城的很多操作都要在登錄之后才能操作，例如購物車。顧客可以點擊商城頭部的登錄跳轉到登錄頁面，此時頁面顯示兩個form表單的文本輸入框，一個用來輸入賬號，另一個用來輸入密碼，底部有一個登錄的按鈕。顧客可以輸入自己的賬號和密碼進行登錄，如果輸入信息有誤，可以一鍵刪除，這里用的是表單的cleared屬性。當輸入完整的信息，點擊登錄按鈕前端即可通過axios發(fā)送請求到后端，后端接收到賬號和密碼，會立即到數(shù)據(jù)庫進行查詢，查詢完畢將返回相應的數(shù)據(jù)給前端。前端根據(jù)后端返回的數(shù)據(jù)進行判斷，如果賬號和密碼正確，則提示登錄成功并跳轉到商城首頁，否則將提示登錄失敗，請重新輸入。根據(jù)以上分析，用戶登錄流程圖如下圖3-3所示：圖3-3用戶登錄流程圖3.2.2用戶注冊功能用戶可以通過點擊注冊賬號進行注冊，填入賬號和密碼，這兩項為必填項，不能為空。輸入完之后點擊注冊按鈕發(fā)送axios請求到后端，后端接收請求，并將請求的數(shù)據(jù)去數(shù)據(jù)進行查詢，接著給前端響應結果。前端根據(jù)返回的數(shù)據(jù)進行判斷，如果已存在該賬號，會提示賬號已存在，否則會提示注冊成功，并跳轉到登錄頁面。根據(jù)以上分析，用戶注冊流程圖如下圖所示：圖3-4用戶注冊流程圖3.2.3商品瀏覽功能用戶進入商城，可以對商品進行瀏覽，在商城的首頁展示的是部分商品，例如熱銷商品和分類的商品，用戶也可以點擊頭部的全部商品，進入全部商品的頁面進行全面的瀏覽。用戶也可以點擊任意商品的圖標進入商品詳情頁面進行瀏覽。但是購物車的商品信息只有在用戶登錄的狀態(tài)才能瀏覽。根據(jù)以上分析，商品瀏覽流程圖如下圖3-5所示：圖3-5商品瀏覽流程圖3.2.4商品搜索功能為了方便用戶精確找到所需的商品，用戶可以通過搜索欄輸入要查詢的商品名稱，輸入完之后點擊搜索按鈕，將會發(fā)送請求到后端，后端接收到搜索的關鍵字(圖書名)，然后去數(shù)據(jù)庫查詢相關數(shù)據(jù)，接著給前端響應結果，如果查詢有相關圖書，就會給用戶顯示出來，否則提示查無此書。根據(jù)以上分析，用戶搜索商品流程圖如下圖3-7所示：圖3-7搜索商品流程圖3.2.5購物車功能購物車只有用戶在登錄的狀態(tài)才能使用，如果在未登錄的時候點擊購物車或者加入購物車，會提示用戶登錄才能使用購物車。用戶在瀏覽商品詳情的時候，可以點擊加入購物車按鈕把商品添加到購物車。用戶還可以點擊購物車查詢購物車所有的商品信息，也可以刪除購物車的某個商品，并且可以選中想要結算的商品，此時會計算選中商品的總金額，接著點擊結算按鈕，會跳轉到訂單頁面。根據(jù)以上分析，購物車流程圖如下圖3-8所示：圖3-8購物車流程圖3.2.6收貨地址功能用戶可以點擊個人主頁欄目進入個人主頁，然后點擊收貨地址下面的添加收貨地址，需要輸入收貨人名字、電話和收貨地址，輸入完成點擊添加地址按鈕發(fā)送請求到后端，后端接收請求并把數(shù)據(jù)保存到數(shù)據(jù)庫。前端成功添加地址自動跳轉到收貨地址的列表。用戶也可以對現(xiàn)有的收貨地址進行刪除或者修改。根據(jù)以上分析，收獲地址流程圖如下圖3-9所示：圖3-9收獲地址流程圖3.3后臺管理系統(tǒng)功能詳細設計根據(jù)需求分析，為了方便商家對書店的管理，需要一個對書店管理的后臺系統(tǒng)，由此得出后臺管理系統(tǒng)大致需要具有以下一些功能模塊，例如登錄功能，人員管理功能、商品管理功能、商品分類功能和訂單管理功能。下面是對后臺管理系統(tǒng)的詳細設計。3.3.1登錄功能管理員登錄后臺系統(tǒng)會強制跳轉到登錄頁面，這是因為后臺管理系統(tǒng)加了路由守衛(wèi)功能，當客戶尚未登錄的時候，不能訪問其他頁面，這極大提高了系統(tǒng)的安全性。用戶在登錄界面輸入個人的賬號和密碼，前端會對輸入的格式進行校驗，如果不符合要求的，點擊登錄按鈕會失敗。如果符合格式，則發(fā)送請求到后端，后端接收請求并且查詢數(shù)據(jù)庫。登錄成功則會自動跳轉到管理系統(tǒng)的首頁，否則提示登陸失敗。3.3.2商品管理功能（1）瀏覽/搜索商品功能：商家可以在首頁中點擊商品管理欄目，然后點擊商品列表就可以進入商品列表界面，此時Vue中的Created生命周期函數(shù)會立即發(fā)送請求到后端，后端接收請求并到數(shù)據(jù)庫查詢商品數(shù)據(jù)。前端接收后端響應的數(shù)據(jù)，把商品的的信息(圖書縮略圖、書名、作者、價格)等顯示到界面。管理員也可以通過搜索圖書名字查詢相關的圖書信息，支持模糊查詢。（2）添加商品功能：商家可以點擊商品列表中的添加圖書按鈕，會彈出添加圖書的窗口，管理員需要填寫需要添加的圖書的信息，這里每一個文本框都做了輸入校驗，格式不正確將會提示錯誤信息。當管理員確認提交時，此時會對所有的文本框進行檢測，格式無誤后提示添加圖書成功并跳轉到最新的商品列表，否則提示格式錯誤。（3）編輯商品功能：管理員可以在商品列表界面點擊編輯按鈕，在彈出的窗口修改商品信息，點擊取消可以放棄編輯，點擊確認可以發(fā)送請求到后端，修改成功跳轉到商品列表頁面。（4）刪除商品功能：在商品列表頁面，管理員點擊刪除按鈕，會彈出是否刪除的提示框，如果點擊取消則不會刪除商品，點擊確認這時前端會攜帶要刪除的商品ID到后端，后端根據(jù)id去數(shù)據(jù)庫刪除數(shù)據(jù)。成功刪除會重新刷新商品列表。3.3.3訂單管理功能管理員點擊訂單管理-訂單列表進入訂單列表界面，可以查詢所有用戶的訂單信息(訂單狀態(tài)、是否付款、收貨人、聯(lián)系電話、訂單編號)等,管理員可以對所有的訂單信息進行管理。例如查看用戶付款狀態(tài)，如果顯示已付款，并且尚未發(fā)貨，可以點擊發(fā)貨按鈕，對客戶訂單進行發(fā)貨，此時訂單狀態(tài)就會從未發(fā)貨變成已發(fā)貨狀態(tài)。管理員在點擊刪除按鈕可以對訂單進行刪除，也可以對訂單進行編輯。3.3.4分頁功能如果要顯示的數(shù)據(jù)有很多，這就需要用到分頁功能，可以指定頁面請求多少數(shù)據(jù)，每一頁顯示多少條數(shù)據(jù)，也能跳轉到指定頁。這里用到的是ElementUI的一個分頁組件Pagination，可以對返回的數(shù)據(jù)進行分頁。在請求數(shù)據(jù)的時候，攜帶PageSize和PageIndex參數(shù)，這兩個參數(shù)分別代表了請求的數(shù)量和每頁顯示多少條數(shù)據(jù)。在后端接收到請求時，會把前端傳過來的參數(shù)接收，然后查詢數(shù)據(jù)庫。接著給前端返回結果。分頁功能可以通過切換PageSize來顯示多少數(shù)據(jù)。3.2本章小結本章節(jié)對系統(tǒng)做總體架構做了細致的說明，并給出了數(shù)據(jù)庫的結構設計，詳細地說明了系統(tǒng)模塊間的充分滿足了前面需求分析所需要的一切要求，為了后面的詳細設計做好了鋪墊

第4章系統(tǒng)實現(xiàn)根據(jù)上一章的系統(tǒng)模塊的設計，本章給出了它們的實現(xiàn)。下面分別是它們實現(xiàn)的界面效果。4.1管理員登陸功能的實現(xiàn)后臺管理登錄界面顯示登陸的賬號名和密碼，如下圖所示：圖4-1用戶登陸界面成功登陸后進入首頁，左邊顯示Tab欄目，右邊為主體區(qū)域，如下圖所示：圖4-2后臺主頁界面4.2刪除管理員功能的實現(xiàn)下圖是刪除管理員的實現(xiàn)圖，如下圖所示：圖4-3刪除管理員界面4.3添加管理員功能的實現(xiàn)下圖是添加管理員實現(xiàn)的界面圖，如下圖所示：圖4-4添加管理員的界面4.4訂單管理功能的實現(xiàn)訂單管理效果圖，如下圖所示：圖4-5訂單管理的界面4.5商品管理功能的實現(xiàn)4.5.1增加商品功能下圖是顯示所有商品的界面，管理員登錄成功之后，點擊左邊的菜單欄中的商品列表，就會顯示以下界面，界面包含了一些功能按鈕，如下圖所示：圖4-6商品列表界面當管理員需要添加圖書，在上圖書列表界面點擊添加圖書的按鈕，會彈出填寫圖書信息的窗口，如下圖所示：圖4-7添加商品界面4.5.2刪除商品功能的實現(xiàn)圖4-8刪除商品界面4.5.3修改商品功能的實現(xiàn)修改商品效果圖，如下圖所示：4.5.4查詢/搜索商品功能的實現(xiàn)查詢/搜索商品效果圖，如下圖所示：圖4-9查詢/搜索商品界面4.6分頁功能的實現(xiàn)分頁功能效果圖，如下圖所示：圖4-10分頁功能界面4.7用戶登錄/注冊的實現(xiàn)用戶登錄/注冊效果圖，如下圖所示：圖4-11用戶登陸界面4.8商城首頁的實現(xiàn)用戶成功登錄后進入商城首頁，如下圖所示：圖4-12商城首頁界面4.9查詢圖書的實現(xiàn)4.9.1查詢全部圖書用戶點擊頭部的全部商品即可查詢到所有的圖書，如下圖所示：圖4-13查詢全部圖書界面4.9.2搜索圖書用戶可以在利用搜索，查詢自己要找的圖書，如果存在圖書就會跳轉到以下頁面，否則返回查詢不到該圖書的提示信息，如下圖所示：圖4-14搜索圖書界面4.9.3查詢商品詳情點擊相關的圖書信息即可跳轉到商品詳情頁面，包含了圖書的基本信息，如下圖所示：圖4-15商品詳情界面4.10購物車的實現(xiàn)用戶可以在商城看到喜歡的圖書，可以點擊加入購物車，并且可以在個人主頁選擇我的購物車查詢所選的圖書，如下圖所示：圖4-16購物車界面4.11訂單頁面的實現(xiàn)用戶可以進入個人主頁，然后點擊我的訂單即可查詢所有的個人訂單信息，如下圖所示：圖4-17訂單界面4.12結算頁面的實現(xiàn)下圖是進入結算頁面，如下圖所示：圖4-18結算界面4.13反饋信息的實現(xiàn)用戶可以點擊頭部的反饋進入反饋頁面，用戶可以把個人的意見提交給商家，輸入內容后即可提交到后臺處理，如下圖所示：圖4-19客戶反饋界面4.14收貨地址的實現(xiàn)用戶可以進入個人主頁，點擊收貨地址，對其進行管理，可以新增收貨地址、修改收貨地址和刪除收貨地址，如下圖所示：圖4-20收貨地址界面4.15本章小結本章分別給出了前臺商城和后臺管理系統(tǒng)主要功能實現(xiàn)的效果圖，能夠清楚地展示該系統(tǒng)的真實展示效果。

第5章系統(tǒng)測試5.1系統(tǒng)測試5.1.1測試的意義測試作為系統(tǒng)開發(fā)的最后一項工作，在整個開發(fā)中占很重要的地位，通過測試，往往開發(fā)人員在開發(fā)系統(tǒng)的時候，因為存在主觀性，無法發(fā)現(xiàn)系統(tǒng)存在的一些問題，導致后期交互給客戶可能出現(xiàn)問題，因此在交互系統(tǒng)最后做測試，是非常必要的。一款軟件或者網(wǎng)站如果不加以測試就提交給用戶，出現(xiàn)BUG會大大影響用戶的體驗感，因此測試在軟件設計中具有很重要的意義。5.1.2測試的目的測試的的最終目的是找出系統(tǒng)的Bug以及存在的缺陷，而不是為了修改錯誤。圖書銷售系統(tǒng)作為商城系統(tǒng)，測試是必不可少的任務，因為系統(tǒng)可能存在登錄異常、商品顯示失效和無法加入購物車這些在開發(fā)設計無法發(fā)現(xiàn)的問題。系統(tǒng)測試并不能找到所有的Bug，但是卻可以減少系統(tǒng)的問題，給商家的利益損失減到最小化?？偠灾瑴y試的目的是做Bug，為完善系統(tǒng)做好了鋪墊。5.1.3軟件測試方法軟件測試有各種各樣的方式，可以根據(jù)不同的標準劃分為不同的類型。例如在測試中是否需要查看內部結構劃分為黑盒測試和白盒測試，黑盒測試不用查看系統(tǒng)的內部結構和代碼，只需要測試功能是否能正常運行即可。而白盒測試需要查看系統(tǒng)的內部結構，對測試人員的要求較高。本系統(tǒng)采用的是黑盒測試，測試系統(tǒng)的各種功能是否能像用戶需求那樣正常運行。下面給出了一部分的系統(tǒng)測試用例和結果。5.2測試計劃黑盒測試是在已知產(chǎn)品所應具有的功能上，經(jīng)過測試來檢測每個功能是否都能正常使用。本系統(tǒng)的測試采用黑盒測試，整個過程采用自頂向下，逐個集成的方法，依次對各主要功能進行測試。測試所采用的用例分別是合理和不合理的條件。具體的測試計劃如下所示：1.前臺商城測試：測試1：名稱：登錄測試目的：測試用戶登錄功能內容：用戶名和密碼輸入，驗證是否能登錄，是否存儲token和userid到SessionStorage測試2：名稱：注冊測試目的：測試能否正常注冊內容：非空校驗，輸入錯誤格式驗證，輸入正確的賬號和密碼測試3：名稱：購物車測試目的：測試購物車是否能實現(xiàn)內容：驗證加入購物車和立即購買按鈕，驗證能否查看購物車的全部商品信息，點擊購物車結算按鈕測試4：名稱：搜索商品測試目的：測試搜索商品功能內容：輸入關鍵字搜索能顯示商品信息或者查無此書測試5：名稱：商品詳情測試目的：測試商品詳情功能內容：點擊商品能顯示商品詳情頁面測試6：名稱：收貨地址測試目的：測試收貨地址功能內容：能正常顯示收貨地址列表，包括收貨人名稱，收貨人電話，收貨地址；測7：名稱：查詢訂單測試目的：測試查詢訂單功能內容：進入訂單頁面能正常顯示詳細的個人訂單信息，例如訂單編號、訂單數(shù)量、訂單總價、訂單狀態(tài)、收貨地址、聯(lián)系電話等信息測試8：名稱：計算商品總價測試目的：測試計算總價功能內容：在勾選商品和改變數(shù)量的時候可以實現(xiàn)總價的計算求和2.后臺管理測試：測試9：名稱：添加商品測試目的：測試添加商品功能內容：點擊添加商品按鈕能顯示添加商品的窗口，顯示要添加的圖書名稱、圖書類型下拉框、圖書價格、作者、圖片。驗證添加信息的格式合法性，點擊取消能返回商品列表并清空之前填寫的信息，點擊確定能成功添加圖書。測試10：名稱：編輯商品測試目的：測試編輯商品功能內容：在商品列表頁點擊編輯按鈕能彈出窗口并商品的基本信息，修改其中的信息，驗證格式，能提交成功測試11：名稱：刪除商品測試目的：測試刪除功能內容：在商品列表頁點擊刪除按鈕能彈出是否刪除的提示框，點擊確定能刪除商品并刷新返回商品列表頁面測試12：名稱：發(fā)貨測試目的：測試發(fā)貨功能內容：在訂單列表里訂單，如果訂單的付款狀態(tài)是顯示未付款和未發(fā)貨的時候，操作列有一個發(fā)貨的按鈕，如果顯示已付款和已發(fā)貨則沒有發(fā)貨的按鈕。管理員點擊發(fā)貨會改變訂單的狀態(tài)，改為已發(fā)貨。測試13：名稱：分頁測試目的：測試分頁功能內容：分頁能顯示一共有多少條數(shù)據(jù)，能通過下拉選擇每頁顯示多少條數(shù)據(jù)，能實現(xiàn)點擊頁碼跳轉具體的頁面測試14：名稱：商品分類測試目的：測試商品分類功能內容：通過點擊商品管理下的商品分類，可以顯示所有的分類，也可以通過添加按鈕增加新的圖書分類、編輯圖書分類和刪除圖書分類。5.3測試用例及測試結果 5.3.1登錄測試測試描述：登錄測試分為前臺用戶登錄測試和后臺管理員登錄測試，表5-1用戶/管理員登錄測試用例表序列測試目的測試輸入輸出結果測試說明用戶名密碼空用戶名（為空）123456賬號不能為空請輸入賬號空密碼user（為空）密碼不能為空，請重新輸入請輸入密碼空用戶名、空密碼（為空）（為空）賬號和密碼不能為空請輸入賬號和密碼用戶名、密碼錯誤輸入user123用戶名或密碼不正確用戶名或密碼錯誤用戶名、密碼錯誤輸入zhangsan123456用戶名或密碼錯誤用戶名或密碼錯誤用戶名、密碼正確輸入adminadmin登陸成功進入商城主界面5.3.2注冊測試表5-2用戶注冊測試用例表序列測試目的測試輸入輸出結果測試說明用戶名密碼空用戶名（為空）123456賬號不能為空請輸入賬號空密碼user（為空）密碼不能為空，請重新輸入請輸入密碼空用戶名、空密碼（為空）（為空）賬號和密碼不能為空請輸入賬號和密碼驗證是否存在user123456該用戶已存在用戶存在驗證賬號、密碼格式zhangsan123密碼必須在6到10位數(shù)密碼格式不正確用戶名、密碼正確輸入zhangsan123456注冊成功成功跳轉到登錄頁面5.3.3購物車測試表5-3購物車測試用例表序列前置條件內容結果1進入商品詳情頁面點擊加入購物車商品能加入購物車2進入商品詳情頁面點擊“+”“-”能更改商品數(shù)量3進入商品詳情頁面點擊立即購買能跳轉到訂單支付頁面4當月沒有賬單記錄選擇“月度賬單”列表顯示為空5進入購物車點擊刪除可以刪除具體的購物車商品6進入購物車勾選購物車的商品可以自動算出商品總價7進入購物車點擊結算按鈕可以把選中的商品信息傳到訂單頁面5.3.4搜索商品測試表5-4搜索商品測試用例表序列前置條件內容結果1在搜索框輸入完整書名輸入“十年”搜索頁面能顯示出相關的圖書信息2在搜索框輸入不完整書名輸入“十”能通過模糊查詢搜索到商品3搜索框不輸入信息點擊搜索顯示查無此書4搜索框輸入不存在的書名輸入“是多少大”顯示查無此書5.3.5商品詳情測試表5-5商品詳情測試用例表序列前置條件內容結果1在商城首頁的任意圖書界面點擊商品封面能跳轉到商品詳情頁面2進入到商品詳情界面可以顯示商品的詳細信息顯示成功5.3.6收貨地址測試表5-6收貨地址測試用例表序列前置條件內容結果1進入個人主頁點擊收貨地址列表能顯示收貨地址2在地址列表點擊刪除按鈕彈出“是否刪除該收貨地址”的提示刪除收貨地址成功3進入刪除提示框點擊取消取消刪除，返回地址列表4進入地址列表點擊修改地址按鈕彈出原本的收貨地址信息窗口5進入修改地址窗口修改地址信息修改成功5.3.7查看訂單測試表5-7查看訂單測試用例表序列前置條件內容結果1進入個人主頁點擊個人訂單能顯示所有訂單列表信息2進入訂單列表顯示完整的訂單信息正常3進入訂單列表發(fā)貨狀態(tài)顯示已發(fā)貨或者是未發(fā)貨顯示正常5.3.8計算商品總價測試表5-8計算商品總價測試用例表序列前置條件內容結果1進入購物車選擇“+”或者“-”改變商品數(shù)量能計算單個商品的總價2選中購物車的商品改變數(shù)量底下結算總價會隨著改變3進入購物車在購物車全選中商品結算總結可以正確得出4進入支付訂單統(tǒng)計選中的訂單總價支付訂單正常顯示5.3.9添加商品測試表5-9添加商品測試用例表序列前置條件內容結果1進入商品列表界面點擊添加商品按鈕顯示添加商品的窗口2輸入圖書名稱“三國演義”輸入正常3輸入圖書名稱不輸入任何內容提示“請輸入圖書名稱”4未輸入添加的完整信息，例如圖書價格點擊確定添加按鈕彈出“請完善添加信息再提交”的提示5已經(jīng)輸入了部分商品信息點擊取消按鈕返回商品列表頁面，重新進入會清除原本輸入的信息6填寫完整的商品信息點擊確定按鈕添加商品成功5.3.10編輯商品測試表5-10編輯商品測試用例表序列前置條件內容結果1進入商品列表界面點擊修改按鈕顯示原商品信息的窗口2清空任意的圖書信息，例如價格鼠標離開文本框彈出請輸入商品價格3修改完整的商品信息點擊確定提示修改成功并返回商品列表頁4未輸入完整的修改信息，例如作者名點擊確定添加按鈕彈出“請完善添加信息再提交”的提示5.3.11刪除商品測試表5-10刪除商品測試用例表序列前置條件內容結果1進入商品列表界面點擊刪除按鈕顯示“是否刪除該圖書”提示框2點擊刪除按鈕點擊取消提示取消刪除并返回商品列表3點擊刪除點擊確定提示成功并返回商品列表5.3.12發(fā)貨測試表5-10發(fā)貨測試用例表序列前置條件內容結果1進入訂單列表頁面訂單狀態(tài)是未發(fā)貨和付款狀態(tài)已付款操作列顯示發(fā)貨按鈕2進入訂單列表頁面訂單狀態(tài)是未發(fā)貨和付款狀態(tài)未付款沒有顯示發(fā)貨的按鈕3進入訂單列表頁面已發(fā)貨和已付款隱藏發(fā)貨按鈕4付款狀態(tài)是已付款和訂單狀態(tài)未發(fā)貨點擊發(fā)貨按鈕提示發(fā)貨成功，訂單狀態(tài)改為已發(fā)貨狀態(tài)5.3.13分頁測試表5-10添加商品測試用例表序列前置條件內容結果1進入訂單列表界面分頁組件能顯示總數(shù)據(jù)數(shù)量顯示共“18”條訂單2進入訂單列表界面改變下拉選擇框選擇每頁顯示的數(shù)量，選擇8刷新訂單頁面，頁面正常顯示8條訂單3進入訂單列表界面點擊>和<成功切換頁碼4進入訂單列表界面在分頁輸入框輸入具體的頁碼跳轉到相應的訂單頁面5.3.14商品分類測試表5-10添加商品測試用例表序列前置條件內容結果1選擇商品管理的商品分類欄目進入商品分類顯示所有的商品分類2進入商品分類列表點擊刪除按鈕彈出刪除確認框3進入商品分類并點擊刪除按鈕點擊確定提示刪除成功并返回商品分類的頁面4進入商品分類然后點擊編輯按鈕在編輯窗口修改分類信息修改成功5.4本章小結利用黑盒測試對系統(tǒng)做了完整的功能測試，給出了詳細的測試用例結果。

第6章結束語6.1全文總結本文基于圖書銷售管理系統(tǒng)編寫了開發(fā)的過程。前端采用了Vue+Element技術作為頁面的渲染和優(yōu)化，其核心是JavaScript腳本，后端采用Node語言做為支持，數(shù)據(jù)庫采用強大的Mysql存儲數(shù)據(jù)。在有了技術前提下，首先對網(wǎng)上書店的發(fā)展現(xiàn)狀和需求做了大量的數(shù)據(jù)調查，在確認此系統(tǒng)具有前景性的基礎下，開始了系統(tǒng)的設計。根據(jù)需求分析的結果，把系統(tǒng)劃分為了前臺商城和后臺管理。前臺商城的系統(tǒng)功能大概分為登錄注冊、搜索商品、購物車和訂單信息等幾個功能模塊。而后臺管理大致劃分為用戶管理、圖書管理、訂單管理和圖書分類等幾個功能模塊。另外，文中給出了一些詳細的流程圖、數(shù)據(jù)流圖等信息，充分闡述了系統(tǒng)的功能。接著在系統(tǒng)的實現(xiàn)方面，給出了部分實現(xiàn)的效果界面圖，并且給出了每個圖的實現(xiàn)簡介。在文中結尾給出了對系統(tǒng)的測試結果，詳細論證了系統(tǒng)的可實行性。到此整個系統(tǒng)的開發(fā)過程基本接近尾聲，本文采取了面向過程的方法闡述了系統(tǒng)的實現(xiàn)過程，可以清楚地展示系統(tǒng)的實現(xiàn)效果。6.2課題展望至此，圖書銷售管理系統(tǒng)1.0版本基本完成，一個商城系統(tǒng)所需要的功能基本都具備了，例如商家管理圖書、用戶瀏覽、購買圖書和付款功能等。但是由于個人技術和時間的局限性，該系統(tǒng)還存在很多尚未完善的功能和不足，例如：在前臺商城UI方面，還要優(yōu)化界面，給用戶帶去更加炫酷和良好的交互界面，以增加用戶的興趣。另外在對商品的詳情中，只是做了簡單的介紹，還需要完善更加詳細的圖書信息。在后臺管理系統(tǒng)中，并未劃分超級管理員和普通管理員功能，可能會出現(xiàn)管理員數(shù)據(jù)的誤刪。此外對提交密碼尚未加密，存在一定的風險。因此，該系統(tǒng)還需要去完善，我會在加強我技術和空閑的時間繼續(xù)去晚上該系統(tǒng)。參考文獻[1]梁灝,Vue.js實戰(zhàn)清華大學出版社，2017.10。[2]張海藩，軟件工程導論.北京：清華大學出版社,2003。[3]張海藩.《軟件工程導論[M]》.北京：清華大學出版社，2003.[4]周之英，現(xiàn)代軟件工程〔M〕.北京:科學出版社,2000。[5]余久久編著．軟件工程簡明教程：清華大學出版社，2015.05[6]周佩德．數(shù)據(jù)庫原理及應用〔M〕．北京：電子工業(yè)出版社，2004[7]王珊，李盛恩.數(shù)據(jù)庫基礎與應用[M].北京:人民郵電出版社,2008。[8]AdamFreeman，ExtendingVue.js.<<ProVue.js2>>,2018.09.11。[9]吳婉蓮.基于XML的異構數(shù)據(jù)庫集成技術研究[D].華東師范大學,2006[10]姚昱旻,劉衛(wèi)國.Android的架構與應用開發(fā)研究.計算機系統(tǒng)應用,2014,(11):37-39[11]黎連業(yè)、王華、李淑春.《軟件測試與測試技術[M]》.清華大學出版社.2009.321-322[12]杜波依斯.《MySQL技術內幕[M]》.第4版.人民郵電出版社,2011年07月[13]RaymondFrost.數(shù)據(jù)庫設計與開發(fā)（影印版）[M].北京：清華大學出版社,2007引用期刊雜志論文：[14]劉妍,劉超.一種數(shù)字化校園異構數(shù)據(jù)庫集成方案[J].軟件導刊,2009,(01):163-164引用學位論文：[15]Surhone,LambertM，Tennoe,MariamT，Henssonow,SusanF.Node.js<<EducationWeek>>2010.9.30

致謝時間飛逝，四年的大學時光就在不經(jīng)意中即將結束了。我大學的最后一份答卷--畢業(yè)論文，在老師的指導下，也在不斷完善，首先我要感謝的是導師黃長存，從論文定題到最終完成，黃老師給了我極大的幫助，其次要感謝家人的支持和鼓勵，最后感謝同學們在這幾年的幫助和關懷，在此衷心祝福老師們身體安康，也希望各位同窗早日暴富！

ExcelXP的八則快速輸入技巧如果我們在用ExcelXP處理龐大的數(shù)據(jù)信息時，不注意講究技巧和方法的話，很可能會花費很大的精力。因此如何巧用ExcelXP，來快速輸入信息就成為各個ExcelXP用戶非常關心的話題，筆者向大家介紹幾則這方面的小技巧。1、快速輸入大量含小數(shù)點的數(shù)字如果我們需要在ExcelXP工作表中輸入大量的帶有小數(shù)位的數(shù)字時，按照普通的輸入方法，我們可能按照數(shù)字原樣大小直接輸入，例如現(xiàn)在要在單元格中輸入0.05這個數(shù)字時，我們會把“0.05”原樣輸入到表格中。不過如果需要輸入若干個帶有小數(shù)點的數(shù)字時，我們再按照上面的方法輸入的話，每次輸入數(shù)字時都需要重復輸入小數(shù)點，這樣工作量會變大，輸入效率會降低。其實，我們可以使用ExcelXP中的小數(shù)點自動定位功能，讓所有數(shù)字的小數(shù)點自動定位，從而快速提高輸入速度。在使用小數(shù)點自動定位功能時，我們可以先在ExcelXP的編輯界面中，用鼠標依次單擊“工具”/“選項”/“編輯”標簽，在彈出的對話框中選中“自動設置小數(shù)點”復選框，然后在“位數(shù)”微調編輯框中鍵入需要顯示在小數(shù)點右面的位數(shù)就可以了。以后我們再輸入帶有小數(shù)點的數(shù)字時，直接輸入數(shù)字，而小數(shù)點將在回車鍵后自動進行定位。例如，我們要在某單元格中鍵入0.06的話，可以在上面的設置中，讓“位數(shù)”選項為2，然后直接在指定單元格中輸入6，回車以后，該單元格的數(shù)字自動變?yōu)椤?.06”，怎么樣簡單吧？2、快速錄入文本文件中的內容現(xiàn)在您手邊假如有一些以純文本格式儲存的文件，如果此時您需要將這些數(shù)據(jù)制作成ExcelXP的工作表，那該怎么辦呢？重新輸入一遍，大概只有頭腦有毛病的人才會這樣做；將菜單上的數(shù)據(jù)一個個復制/粘貼到工作表中，也需花很多時間。沒關系！您只要在ExcelXP中巧妙使用其中的文本文件導入功能，就可以大大減輕需要重新輸入或者需要不斷復制、粘貼的巨大工作量了。使用該功能時，您只要在ExcelXP編輯區(qū)中，依次用鼠標單擊菜單欄中的“數(shù)據(jù)/獲取外部數(shù)據(jù)/導入文本文件”命令，然后在導入文本會話窗口選擇要導入的文本文件，再按下“導入”鈕以后，程序會彈出一個文本導入向導對話框，您只要按照向導的提示進行操作，就可以把以文本格式的數(shù)據(jù)轉換成工作表的格式了。3、快速輸入大量相同數(shù)據(jù)如果你希望在不同的單元格中輸入大量相同的數(shù)據(jù)信息，那么你不必逐個單元格一個一個地輸入，那樣需要花費好長時間，而且還比較容易出錯。你可以通過下面的操作方法在多個相鄰或不相鄰的單元格中快速填充同一個數(shù)據(jù)，具體方法為：首先同時選中需要填充數(shù)據(jù)的單元格。若某些單元格不相鄰，可在按住Ctrl鍵的同時，點擊鼠標左鍵，逐個選中；其次輸入要填充的某個數(shù)據(jù)。按住Ctrl鍵的同時，按回車鍵，則剛才選中的所有單元格同時填入該數(shù)據(jù)。4、快速進行中英文輸入法切換一張工作表常常會既包含有數(shù)字信息，又包含有文字信息，要錄入這樣一種工作表就需要我們不斷地在中英文之間反復切換輸入法，非常麻煩，為了方便操作，我們可以用以下方法實現(xiàn)自動切換：首先用鼠標選中需要輸入中文的單元格區(qū)域，然后在輸入法菜單中選擇一個合適的中文輸入法；接著打開“有效數(shù)據(jù)”對話框，選中“IME模式”標簽，在“模式”框中選擇打開，單擊“確定”按鈕；然后再選中輸入數(shù)字的單元格區(qū)域，在“有效數(shù)據(jù)”對話框中，單擊“IME模式”選項卡，在“模式”框中選擇關閉（英文模式）；最后單擊“確定”按鈕，這樣用鼠標分別在剛才設定的兩列中選中單元格，五筆和英文輸入方式就可以相互切換了。5、快速刪除工作表中空行刪除ExcelXP工作表中的空行，一般的方法是需要將空行都找出來，然后逐行刪除，但這樣做操作量非常大，很不方便。那么如何才能減輕刪除工作表中空行的工作量呢？您可以使用下面的操作方法來進行刪除：首先打開要刪除空行的工作表，在打開的工作表中用鼠標單擊菜單欄中的“插入”菜單項，并從下拉菜單中選擇“列”，從而插入一新的列Ｘ，在Ｘ列中順序填入整數(shù)；然后根據(jù)其他任何一列將表中的行排序，使所有空行都集中到表的底部。刪去所有空行中Ｘ列的數(shù)據(jù)，以Ｘ列重新排序，然后刪去Ｘ列。按照這樣的刪除方法，無論工作表中包含多少空行，您就可以很快地刪除了。6、快速對不同單元格中字號進行調整在使用ExcelXP編輯文件時，常常需要將某一列的寬度固定，但由于該列各單元格中的字符數(shù)目不等，致使有的單元格中的內容不能完全顯示在屏幕上，為了讓這些單元格中的數(shù)據(jù)都顯示在屏幕上，就不得不對這些單元格重新定義較小的字號。如果依次對這些單元格中的字號調整的話，工作量將會變得很大。其實，您可以采用下面的方法來減輕字號調整的工作量：首先新建或打開一個工作簿，并選中需要ExcelXP根據(jù)單元格的寬度調整字號的單元格區(qū)域；其次單擊用鼠標依次單擊菜單欄中的“格式”/“單元格”/“對齊”標簽，在“文本控制”下選中“縮小字體填充”復選框，并單擊“確定”按鈕；此后，當你在這些單元格中輸入數(shù)據(jù)時，如果輸入的數(shù)據(jù)長度超過了單元格的寬度，ExcelXP能夠自動縮小字符的大小把數(shù)據(jù)調整到與列寬一致，以使數(shù)據(jù)全部顯示在單元格中。如果你對這些單元格的列寬進行了更改，則字符可自動增大或縮小字號，以適應新的單元格列寬，但是對這些單元格原設置的字體字號大小則保持不變。7、快速輸入多個重復數(shù)據(jù)在使用ExcelXP工作表的過程中，我們經(jīng)常要輸入大量重復的數(shù)據(jù),如果依次輸入，無疑工作量是巨大的?，F(xiàn)在我們可以借助ExcelXP的“宏”功能,來記錄首次輸入需要重復輸入的數(shù)據(jù)的命令和過程,然后將這些命令和過程賦值到一個組合鍵或工具欄的按鈕上,當按下組合鍵時,計算機就會重復所記錄的操作。使用宏功能時，我們可以按照以下步驟進行操作:首先打開工作表，在工作表中選中要進行操作的單元格；接著再用鼠標單擊菜單欄中的“工具”菜單項，并從彈出的下拉菜單中選擇“宏”子菜單項，并從隨后彈出的下級菜單中選擇“錄制新宏”命令；設定好宏后，我們就可以對指定的單元格，進行各種操作，程序將自動對所進行的各方面操作記錄復制。8、快速處理多個工作表有時我們需要在ExcelXP中打開多個工作表來進行編輯，但無論打開多少工作表，在某一時刻我們只能對一個工作表進行編輯，編輯好了以后再依次編輯下一個工作表，如果真是這樣操作的話，我們倒沒有這個必要同時打開多個工作表了，因為我們同時打開多個工作表的目的就是要減輕處理多個工作表的工作量的，那么我們該如何實現(xiàn)這樣的操作呢？您可采用以下方法：首先按住“Shift"鍵或“Ctrl"鍵并配以鼠標操作，在工作簿底部選擇多個彼此相鄰或不相鄰的工作表標簽，然后就可以對其實行多方面的批量處理；接著在選中的工作表標簽上按右鍵彈出快捷菜單，進行插入和刪除多個工作表的操作；然后在“文件”菜單中選擇“頁面設置……”，將選中的多個工作表設成相同的頁面模式；再通過“編輯”菜單中的有關選項，在多個工作表范圍內進行查找、替換、定位操作；通過“格式”菜單中的有關選項，將選中的多個工作表的行、列、單元格設成相同的樣式以及進行一次性全部隱藏操作；接著在“工具”菜單中選擇“選項……”，在彈出的菜單中選擇“視窗”和“編輯”按鈕，將選中的工作表設成相同的視窗樣式和單元格編輯屬性；最后選中上述工作表集合中任何一個工作表，并在其上完成我們所需要的表格，則其它工作表在相同的位置也同時生成了格式完全相同的表格。高效辦公Excel排序方法"集中營"排序是數(shù)據(jù)處理中的經(jīng)常性工作，Excel排序有序數(shù)計算（類似成績統(tǒng)計中的名次）和數(shù)據(jù)重排兩類。本文以幾個車間的產(chǎn)值和名稱為例，介紹Excel2000/XP的數(shù)據(jù)排序方法。一、數(shù)值排序1.RANK函數(shù)RANK函數(shù)是Excel計算序數(shù)的主要工具，它的語法為:RANK（number，ref，order），其中number為參與計算的數(shù)字或含有數(shù)字的單元格，ref是對參與計算的數(shù)字單元格區(qū)域的絕對引用，order是用來說明排序方式的數(shù)字（如果order為零或省略，則以降序方式給出結果，反之按升序方式）。例如圖1中E2、E3、E4單元格存放一季度的總產(chǎn)值，計算各車間產(chǎn)值排名的方法是:在F2單元格內輸入公式“=RANK（E2，$E$2:$E$4）”，敲回車即可計算出鑄造車間的產(chǎn)值排名是2。再將F2中的公式復制到剪貼板，選中F3、F4單元格按Ctrl+V，就能計算出其余兩個車間的產(chǎn)值排名為3和1。如果B1單元格中輸入的公式為“=RANK（E2，$E$2:$E$4，1）”，則計算出的序數(shù)按升序方式排列，即2、1和3。需要注意的是:相同數(shù)值用RANK函數(shù)計算得到的序數(shù)（名次）相同，但會導致后續(xù)數(shù)字的序數(shù)空缺。假如上例中F2單元格存放的數(shù)值與F3相同，則按本法計算出的排名分別是3、3和1（降序時）。2.COUNTIF函數(shù)COUNTIF函數(shù)可以統(tǒng)計某一區(qū)域中符合條件的單元格數(shù)目，它的語法為COUNTIF（range，criteria）。其中range為參與統(tǒng)計的單元格區(qū)域，criteria是以數(shù)字、表達式或文本形式定義的條件。其中數(shù)字可以直接寫入，表達式和文本必須加引號。仍以圖1為例，F(xiàn)2單元格內輸入的公式為“=COUNTIF（$E$2:$E$4，">"&E2）+1”。計算各車間產(chǎn)值排名的方法同上，結果也完全相同，2、1和3。此公式的計算過程是這樣的:首先根據(jù)E2單元格內的數(shù)值，在連接符&的作用下產(chǎn)生一個邏輯表達式，即“>176.7”、“>167.3”等。COUNTIF函數(shù)計算出引用區(qū)域內符合條件的單元格數(shù)量，該結果加一即可得到該數(shù)值的名次。很顯然，利用上述方法得到的是降序排列的名次，對重復數(shù)據(jù)計算得到的結果與RANK3.IF函數(shù)Excel自身帶有排序功能，可使數(shù)據(jù)以降序或升序方式重新排列。如果將它與IF函數(shù)結合，可以計算出沒有空缺的排名。以圖1中E2、E3、E4單元格的產(chǎn)值排序為例，具體做法是:選中E2單元格，根據(jù)排序需要，單擊Excel工具欄中的“降序排序”或“升序排序”按鈕，即可使工作表中的所有數(shù)據(jù)按要求重新排列。假如數(shù)據(jù)是按產(chǎn)值由大到小（降序）排列的，而您又想賦予每個車間從1到n（n為自然數(shù)）的排名?？梢栽贕2單元格中輸入1，然后在G3單元格中輸入公式“=IF（E3=E2，G3,G3+1）”，只要將公式復制到G4等單元格，就可以計算出其他車間的產(chǎn)值排名。二、文本排序選舉等場合需要按姓氏筆劃為文本排序，Excel提供了比較好的解決辦法。如果您要將圖1數(shù)據(jù)表按車間名稱的筆劃排序，可以使用以下方法:選中排序關鍵字所在列（或行）的首個單元格（如圖1中的A1），單擊Excel“數(shù)據(jù)”菜單下的“排序”命令，再單擊其中的“選項”按鈕。選中“排序選項”對話框“方法”下的“筆畫排序”，再根據(jù)數(shù)據(jù)排列方向選擇“按行排序”或“按列排序”，“確定”后回到“排序”對話框（圖2）。如果您的數(shù)據(jù)帶有標題行（如圖1中的“單位”之類），則應選中“有標題行”（反之不選），然后打開“主要關鍵字”下拉列表，選擇其中的“單位”，選中排序方式（“升序”或“降序”）后“確定”，表中的所有數(shù)據(jù)就會據(jù)此重新排列。此法稍加變通即可用于“第一名”、“第二名”等文本排序，請讀者自行摸索。三、自定義排序如果您要求Excel按照“金工車間”、“鑄造車間”和“維修車間”的特定順序重排工作表數(shù)據(jù)，前面介紹的幾種方法就無能為力了。這類問題可以用定義排序規(guī)則的方法解決:首先單擊Excel“工具”菜單下的“選項”命令，打開“選項”對話框中的“自定義序列”選項卡（圖3）。選中左邊“自定義序列”下的“新序列”，光標就會在右邊的“輸入序列”框內閃動，您就可以輸入“金工車間”、“鑄造車間”等自定義序列了，輸入的每個序列之間要用英文逗號分隔，或者每輸入一個序列就敲回車。如果序列已經(jīng)存在于工作表中，可以選中序列所在的單元格區(qū)域單擊“導入”，這些序列就會被自動加入“輸入序列”框。無論采用以上哪種方法，單擊“添加”按鈕即可將序列放入“自定義序列”中備用（圖3）。使用排序規(guī)則排序的具體方法與筆劃排序很相似，只是您要打開“排序選項”對話框中的“自定義排序次序”下拉列表，選中前面定義的排序規(guī)則，其他選項保持不動?；氐健芭判颉睂υ捒蚝蟾鶕?jù)需要選擇“升序”或“降序”，“確定”后即可完成數(shù)據(jù)的自定義排序。需要說明的是:顯示在“自定義序列”選項卡中的序列（如一、二、三等），均可按以上方法參與排序，請讀者注意Excel提供的自定義序列類型。談談Excel輸入的技巧在Excel工作表的單元格中，可以使用兩種最基本的數(shù)據(jù)格式：常數(shù)和公式。常數(shù)是指文字、數(shù)字、日期和時間等數(shù)據(jù)，還可以包括邏輯值和錯誤值，每種數(shù)據(jù)都有它特定的格式和輸入方法，為了使用戶對輸入數(shù)據(jù)有一個明確的認識，有必要來介紹一下在Excel中輸入各種類型數(shù)據(jù)的方法和技巧。一、輸入文本Excel單元格中的文本包括任何中西文文字或字母以及數(shù)字、空格和非數(shù)字字符的組合，每個單元格中最多可容納32000個字符數(shù)。雖然在Excel中輸入文本和在其它應用程序中沒有什么本質區(qū)別，但是還是有一些差異，比如我們在Word、PowerPoint的表格中，當在單元格中輸入文本后，按回車鍵表示一個段落的結束，光標會自動移到本單元格中下一段落的開頭，在Excel的單元格中輸入文本時，按一下回車鍵卻表示結束當前單元格的輸入，光標會自動移到當前單元格的下一個單元格，出現(xiàn)這種情況時，如果你是想在單元格中分行，則必須在單元格中輸入硬回車，即按住Alt鍵的同時按回車鍵。二、輸入分數(shù)幾乎在所有的文檔中，分數(shù)格式通常用一道斜杠來分界分子與分母，其格式為“分子/分母”，在Excel中日期的輸入方法也是用斜杠來區(qū)分年月日的，比如在單元格中輸入“1/2”，按回車鍵則顯示“1月2日”，為了避免將輸入的分數(shù)與日期混淆，我們在單元格中輸入分數(shù)時，要在分數(shù)前輸入“0”（零）以示區(qū)別，并且在“0”和分子之間要有一個空格隔開，比如我們在輸入1/2時，則應該輸入“01/2”。如果在單元格中輸入“81/2”，則在單元格中顯示“81/2”，而在編輯欄中顯示“三、輸入負數(shù)在單元格中輸入負數(shù)時，可在負數(shù)前輸入“-”作標識，也可將數(shù)字置在（）括號內來標識，比如在單元格中輸入“（88）”，按一下回車鍵，則會自動顯示為“-88”。四、輸入小數(shù)在輸入小數(shù)時，用戶可以向平常一樣使用小數(shù)點，還可以利用逗號分隔千位、百萬位等，當輸入帶有逗號的數(shù)字時，在編輯欄并不顯示出來，而只在單元格中顯示。當你需要輸入大量帶有固定小數(shù)位的數(shù)字或帶有固定位數(shù)的以“0”字符串結尾的數(shù)字時，可以采用下面的方法：選擇“工具”、“選項”命令，打開“選項”對話框，單擊“編輯”標簽，選中“自動設置小數(shù)點”復選框，并在“位數(shù)”微調框中輸入或選擇要顯示在小數(shù)點右面的位數(shù)，如果要在輸入比較大的數(shù)字后自動添零，可指定一個負數(shù)值作為要添加的零的個數(shù)，比如要在單元格中輸入“88”后自動添加3個零，變成“88000”，就在“位數(shù)”微調框中輸入“-3”，相反，如果要在輸入“88”后自動添加3位小數(shù)，變成“0.088”，則要在“位數(shù)”微調框中輸入“3”。另外，在完成輸入帶有小數(shù)位或結尾零字符串的數(shù)字后，應清除對“自動設置小數(shù)點”符選框的選定，以免影響后邊的輸入；如果只是要暫時取消在“自動設置小數(shù)點”中設置的選項，可以在輸入數(shù)據(jù)時自帶小數(shù)點。五、輸入貨幣值Excel幾乎支持所有的貨幣值，如人民幣（￥）、英鎊（￡）等。歐元出臺以后，Excel2000完全支持顯示、輸入和打印歐元貨幣符號。用戶可以很方便地在單元格中輸入各種貨幣值，Excel會自動套用貨幣格式，在單元格中顯示出來，如果用要輸入人民幣符號，可以按住Alt鍵，然后再數(shù)字小鍵盤上按“0165”即可。六、輸入日期Excel是將日期和時間視為數(shù)字處理的，它能夠識別出大部分用普通表示方法輸入的日期和時間格式。用戶可以用多種格式來輸入一個日期，可以用斜杠“/”或者“-”來分隔日期中的年、月、日部分。比如要輸入“2001年12月1日”，可以在單元各種輸入“2001/12/1”或者“2001-12-1七、輸入時間在Excel中輸入時間時，用戶可以按24小時制輸入，也可以按12小時制輸入，這兩種輸入的表示方法是不同的，比如要輸入下午2時30分38秒，用24小時制輸入格式為：2:30:38，而用12小時制輸入時間格式為：2:30:38p，注意字母“p”和時間之間有一個空格。如果要在單元格中插入當前時間，則按Ctrl+Shift+;鍵。了解Excel公式的錯誤值經(jīng)常用Excel的朋友可能都會遇到一些莫名奇妙的錯誤值信息：#N/A！、#VALUE！、#DIV/O！等等，出現(xiàn)這些錯誤的原因有很多種，如果公式不能計算正確結果，Excel將顯示一個錯誤值，例如，在需要數(shù)字的公式中使用文本、刪除了被公式引用的單元格，或者使用了寬度不足以顯示結果的單元格。以下是幾種常見的錯誤及其解決方法。1．#####！原因：如果單元格所含的數(shù)字、日期或時間比單元格寬，或者單元格的日期時間公式產(chǎn)生了一個負值，就會產(chǎn)生#####！錯誤。解決方法：如果單元格所含的數(shù)字、日期或時間比單元格寬，可以通過拖動列表之間的寬度來修改列寬。如果使用的是1900年的日期系統(tǒng)，那么Excel中的日期和時間必須為正值，用較早的日期或者時間值減去較晚的日期或者時間值就會導致#####！錯誤。如果公式正確，也可以將單元格的格式改為非日期和時間型來顯示該值。2．#VALUE!當使用錯誤的參數(shù)或運算對象類型時，或者當公式自動更正功能不能更正公式時，將產(chǎn)生錯誤值#VALUE!。原因一：在需要數(shù)字或邏輯值時輸入了文本，Excel不能將文本轉換為正確的數(shù)據(jù)類型。解決方法：確認公式或函數(shù)所需的運算符或參數(shù)正確，并且公式引用的單元格中包含有效的數(shù)值。例如：如果單元格A1包含一個數(shù)字，單元格A2包含文本"學籍"，則公