III摘要在科技日益發(fā)展的今天，書籍借閱信息量增長(zhǎng)的很快。有效管理和快速檢索這些信息成為圖書館等借閱服務(wù)機(jī)構(gòu)面臨的主要挑戰(zhàn)。本論文提出并實(shí)現(xiàn)了基于Web的書籍借閱系統(tǒng)，本系統(tǒng)書籍借閱端通過(guò)小程序供用戶使用，書籍借閱管理端則通過(guò)Web網(wǎng)頁(yè)供管理員訪問管理，該系統(tǒng)旨在通過(guò)數(shù)字化手段優(yōu)化書籍借閱流程和借閱信息的管理流程并提高查詢效率，從而減少書籍借閱的難度和借閱管理的工作量。在系統(tǒng)架構(gòu)設(shè)計(jì)上，本系統(tǒng)對(duì)前臺(tái)的設(shè)計(jì)采用了Java等技術(shù)來(lái)完成用戶訪問交互的可視化圖形頁(yè)面，以其強(qiáng)大的跨平臺(tái)特性，提供了較為良好的用戶交互感受。對(duì)于后端所需要的數(shù)據(jù)庫(kù)相關(guān)的技術(shù)則選取了被廣大開發(fā)用戶所鐘愛的MySQL數(shù)據(jù)庫(kù)來(lái)存放數(shù)據(jù)，一定程度上給在存儲(chǔ)大量圖書數(shù)據(jù)時(shí)的數(shù)據(jù)提供了穩(wěn)定性和安全性，并通過(guò)有效地?cái)?shù)據(jù)結(jié)構(gòu)設(shè)計(jì)，提升了檢索和查詢的響應(yīng)速度。最后再?gòu)捻?xiàng)目需求的分析、不斷測(cè)試和調(diào)整，又根據(jù)書籍借閱在真實(shí)的環(huán)境下所顯露出的條件進(jìn)行微調(diào)和契合，確保了系統(tǒng)設(shè)計(jì)的針對(duì)性和實(shí)用性，最終設(shè)計(jì)實(shí)現(xiàn)書籍借閱系統(tǒng)。關(guān)鍵詞：書籍借閱；用戶交互；小程序；Java；MySQL

IVAbstractIntoday'srapidlyevolvingtechnologicallandscape,thevolumeofbooklendinginformationisexperiencingexplosivegrowth.Effectivemanagementandrapidretrievalofthisinformationposemainchallengesforlibraryandborrowingserviceinstitutions.Thispaperproposesandimplementsaweb-basedbooklendingsystem.Thesystemprovidesbooklendingservicestousersthroughamini-programonthebookborrowingendandallowsadministratorstoaccessandmanagebooklendingthroughawebinterfaceontheadministrativeend.Thesystemaimstooptimizethebooklendingprocessandinformationmanagementflowthroughdigitalmeans,therebyenhancingqueryefficiencyandreducingthecomplexityofbookborrowingandtheadministrativeworkload.Inthesystemarchitecturedesign,thesystememploysJavaandothertechnologiesforbasicpagedesignonthefrontend,leveragingitsrobustcross-platformfeaturestoofferefficientandintuitiveuserinteractionexperiences.ThebackenddatabaseutilizeswidelyadoptedMySQL,ensuringstabilityandsecuritywhenhandlinglargevolumesofbookdata.Througheffectivedatastructuredesign,retrievalandqueryresponsetimesareenhanced,providingaconduciveenvironmentforbooklending.Finally,throughrequirementanalysis,testing,andadjustmentsalignedwithactualbookborrowingneeds,thesystemdesignensuresspecificityandpracticality,culminatinginthesuccessfulcreationofthebooklendingsystem.Keywords:booklending;userinteraction;mini-program;Java;MySQL

[4]。（2）技術(shù)可行性本系統(tǒng)在技術(shù)上使用的是廣受歡迎的Java技術(shù)、B/S架構(gòu)技術(shù)，并且還用了更優(yōu)秀的系統(tǒng)策略即模塊化部署，所以對(duì)平時(shí)的管理和修復(fù)來(lái)說(shuō)將會(huì)更加的方便快捷，與此同時(shí)還帶來(lái)讓代碼向低耦合的方向契合。（3）管理可行性用戶端的小程序設(shè)計(jì)得易于管理，管理員在連接了學(xué)校內(nèi)網(wǎng)的計(jì)算機(jī)上通過(guò)瀏覽器驗(yàn)證通過(guò)后訪問Web網(wǎng)頁(yè)管理端，就能簡(jiǎn)單明了地完成各項(xiàng)功能操作。這些功能的操作包括界面首頁(yè)、用戶中心、學(xué)生數(shù)據(jù)管理、書籍類型數(shù)據(jù)管理、借閱數(shù)據(jù)管理、還書數(shù)據(jù)管理、續(xù)借數(shù)據(jù)等進(jìn)行刪除、修改和添加。3.3系統(tǒng)功能分析系統(tǒng)一般來(lái)說(shuō)有業(yè)務(wù)需求和用戶需求兩個(gè)方面。當(dāng)我們?cè)诹私庥脩袅?xí)慣、開發(fā)人員技術(shù)能力和其他相關(guān)因素的基礎(chǔ)上，通過(guò)調(diào)查分析，掌握對(duì)系統(tǒng)功能的各種需求。而在了解了系統(tǒng)的基本需求后，我們最終確定了以下的基本功能：功能需求包括業(yè)務(wù)需求和用戶需求，因此在分析用戶習(xí)慣和開發(fā)人員的實(shí)際情況后，進(jìn)行具體分析如下：本系統(tǒng)主要有學(xué)生模塊，管理員模塊。（1）學(xué)生模塊：學(xué)生可以通過(guò)系統(tǒng)實(shí)現(xiàn)對(duì)首頁(yè)、圖書信息和個(gè)人信息的訪問。在個(gè)人信息頁(yè)面，學(xué)生可以管理借書信息、還書信息、續(xù)借信息和收藏信息。學(xué)生用例如下圖所示：圖3-1學(xué)生用例圖（2）管理員模塊：管理員主要負(fù)責(zé)管理系統(tǒng)首頁(yè)、個(gè)人中心、學(xué)生信息、圖書類型、圖書信息、借書信息、還書信息、續(xù)借信息和系統(tǒng)設(shè)置等相關(guān)功能。管理員用例如下圖所示：圖3-2管理員用例圖3.4系統(tǒng)流程分析3.4.1登錄流程學(xué)生通過(guò)注冊(cè)學(xué)校提供的用戶名和密碼進(jìn)行登錄驗(yàn)證后，進(jìn)入借閱系統(tǒng)。管理員則通過(guò)學(xué)校提供的賬號(hào)進(jìn)入后臺(tái)系統(tǒng)，登錄過(guò)程如下圖3-3所示：圖3-3登錄流程圖3.4.2添加信息流程管理層人員有添加角色功能。增加信息的流程如下圖3-4所示：圖3-4添加信息流程圖3.4.3修改信息流程管理員具有更改學(xué)生信息的功能權(quán)限。具體信息更改過(guò)程如下圖3-5所示：圖3-5修改信息流程圖4系統(tǒng)功能與數(shù)據(jù)庫(kù)設(shè)計(jì)4.1系統(tǒng)功能設(shè)計(jì)系統(tǒng)的基本功能的設(shè)計(jì)是極為重要的，可以把其比作整個(gè)系統(tǒng)的地基，一個(gè)好的地基，是通過(guò)最初的設(shè)計(jì)需求再經(jīng)過(guò)不斷的完善和改進(jìn)后經(jīng)過(guò)驗(yàn)證，最后通過(guò)計(jì)算機(jī)系統(tǒng)的方式展現(xiàn)出來(lái)。經(jīng)過(guò)對(duì)眾多類似的圖書館系統(tǒng)的開發(fā)經(jīng)驗(yàn)以及傳統(tǒng)圖書館的需求調(diào)查分析以及研究，最后總結(jié)分析出本系統(tǒng)的大體規(guī)劃。如下圖所示：圖4-1總體規(guī)劃結(jié)構(gòu)圖4.2數(shù)據(jù)庫(kù)的設(shè)計(jì)在一個(gè)項(xiàng)目中，數(shù)據(jù)庫(kù)設(shè)計(jì)細(xì)節(jié)是不可以忽略的。本系統(tǒng)中提供的針對(duì)數(shù)據(jù)庫(kù)的權(quán)限有：（1）學(xué)生登錄權(quán)限：能夠在前臺(tái)系統(tǒng)中查看圖書借閱系統(tǒng)信息，查看自己的信息，并能修改個(gè)人資料等。（2）管理員登錄權(quán)限，管理員具備本系統(tǒng)的全功能權(quán)限，下面簡(jiǎn)要列舉幾個(gè)常用功能：學(xué)生信息管理功能、書籍管理功能、借閱數(shù)據(jù)管理、還書數(shù)據(jù)管理和續(xù)集信息管理等。4.2.1數(shù)據(jù)庫(kù)E-R圖目前開發(fā)者們較為喜歡使用的也是使用廣泛的莫過(guò)于關(guān)系型數(shù)據(jù)庫(kù)，它是面向?qū)ο笙到y(tǒng)而設(shè)計(jì)。因?yàn)楸鞠到y(tǒng)的首要目標(biāo)是完成類的持久化操作，通俗來(lái)說(shuō)通過(guò)操作將對(duì)象類和關(guān)系數(shù)據(jù)庫(kù)的二維表相結(jié)合。經(jīng)過(guò)分析，當(dāng)下我們可以選擇數(shù)據(jù)庫(kù)建模工具來(lái)完成這一目標(biāo)。接下來(lái)，我們會(huì)根據(jù)項(xiàng)目需求，拆分系統(tǒng)的E-R圖，獲取幾種實(shí)體-關(guān)系模型。下圖是主要實(shí)體-關(guān)系模型的展示。(1)圖書信息實(shí)體屬性圖，如下圖4-2所示：圖4-2圖書信息實(shí)體屬性圖(2)學(xué)生實(shí)體屬性圖，如下圖4-3所示：圖4-3學(xué)生實(shí)體屬性圖(3)還書信息實(shí)體屬性圖，如下圖4-4所示：圖4-4還書信息實(shí)體屬性圖(4)借閱信息實(shí)體屬性圖，如下圖4-5所示：圖4-5借閱信息實(shí)體屬性圖 （5）續(xù)借信息實(shí)體屬性圖，如下圖4-6所示：圖4-6續(xù)借信息實(shí)體屬性圖4.2.2數(shù)據(jù)庫(kù)表本系統(tǒng)所使用的是眾多開發(fā)者優(yōu)先選擇的MySQL數(shù)據(jù)庫(kù)對(duì)用戶數(shù)據(jù)信息進(jìn)行管理，下面則是本系統(tǒng)所使用的數(shù)據(jù)表的部分內(nèi)容展示如下表所示。表4-1：token表字段名稱類型長(zhǎng)度字段說(shuō)明主鍵默認(rèn)值idbigint主鍵主鍵useridbigint用戶idusernamevarchar100用戶名tablenamevarchar100表名rolevarchar100角色tokenvarchar200密碼addtimetimestamp新增時(shí)間CURRENT_TIMESTAMPexpiratedtimetimestamp過(guò)期時(shí)間CURRENT_TIMESTAMP表4-2：關(guān)于我們字段名稱類型長(zhǎng)度字段說(shuō)明主鍵默認(rèn)值idbigint主鍵主鍵addtimetimestamp創(chuàng)建時(shí)間CURRENT_TIMESTAMPtitlevarchar200標(biāo)題subtitlevarchar200副標(biāo)題contentlongtext4294967295內(nèi)容picture1longtext4294967295圖片1picture2longtext4294967295圖片2picture3longtext4294967295圖片3表4-3：收藏表字段名稱類型長(zhǎng)度字段說(shuō)明主鍵默認(rèn)值idbigint主鍵主鍵addtimetimestamp創(chuàng)建時(shí)間CURRENT_TIMESTAMPuseridbigint用戶idrefidbigint商品idtablenamevarchar200表名namevarchar200名稱picturelongtext4294967295圖片typevarchar200類型(1:收藏,21:贊,22:踩,31:競(jìng)拍參與,41:關(guān)注)1inteltypevarchar200推薦類型remarkvarchar200備注表4-4：借書信息字段名稱類型長(zhǎng)度字段說(shuō)明主鍵默認(rèn)值idbigint主鍵主鍵addtimetimestamp創(chuàng)建時(shí)間CURRENT_TIMESTAMPshujibiaotivarchar200書籍標(biāo)題fengmianlongtext4294967295封面tushuleixingvarchar200圖書類型zuozhevarchar200作者chubanshevarchar200出版社qijieriqidate起借日期zhongzhiriqidate終止日期jiagevarchar200價(jià)格xuehaovarchar200學(xué)號(hào)xueshengxingmingvarchar200學(xué)生姓名jieshuriqidate借書日期jieshuzhuangtaivarchar200借書狀態(tài)useridbigint用戶id表4-5：公告信息字段名稱類型長(zhǎng)度字段說(shuō)明主鍵默認(rèn)值idbigint主鍵主鍵addtimetimestamp創(chuàng)建時(shí)間CURRENT_TIMESTAMPtitlevarchar200標(biāo)題introductionlongtext4294967295簡(jiǎn)介picturelongtext4294967295圖片contentlongtext4294967295內(nèi)容表4-6：還書信息字段名稱類型長(zhǎng)度字段說(shuō)明主鍵默認(rèn)值idbigint主鍵主鍵addtimetimestamp創(chuàng)建時(shí)間CURRENT_TIMESTAMPshujibiaotivarchar200書籍標(biāo)題fengmianlongtext4294967295封面tushuleixingvarchar200圖書類型zuozhevarchar200作者chubanshevarchar200出版社qijieriqivarchar200起借日期zhongzhiriqivarchar200終止日期jiagevarchar200價(jià)格xuehaovarchar200學(xué)號(hào)xueshengxingmingvarchar200學(xué)生姓名beizhuvarchar200備注jieshuriqivarchar200借書日期haishuriqidate還書日期haishubeizhuvarchar200還書備注sfshvarchar200是否審核待審核shhflongtext4294967295審核回復(fù)useridbigint用戶id表4-7：續(xù)借信息字段名稱類型長(zhǎng)度字段說(shuō)明主鍵默認(rèn)值idbigint主鍵主鍵addtimetimestamp創(chuàng)建時(shí)間CURRENT_TIMESTAMPshujibiaotivarchar200書籍標(biāo)題fengmianlongtext4294967295封面tushuleixingvarchar200圖書類型zuozhevarchar200作者chubanshevarchar200出版社qijieriqivarchar200起借日期zhongzhiriqivarchar200終止日期jiagevarchar200價(jià)格表4-7：續(xù)字段名稱類型長(zhǎng)度字段說(shuō)明主鍵默認(rèn)值xuehaovarchar200學(xué)號(hào)xueshengxingmingvarchar200學(xué)生姓名jieshuriqivarchar200借書日期xujietianshuint續(xù)借天數(shù)shenqingriqidate申請(qǐng)日期xujieyuanyinlongtext4294967295續(xù)借原因sfshvarchar200是否審核待審核shhflongtext4294967295審核回復(fù)useridbigint用戶id表4-8：圖書信息評(píng)論表字段名稱類型長(zhǎng)度字段說(shuō)明主鍵默認(rèn)值idbigint主鍵主鍵addtimetimestamp創(chuàng)建時(shí)間CURRENT_TIMESTAMPrefidbigint關(guān)聯(lián)iduseridbigint用戶idavatarurllongtext4294967295頭像nicknamevarchar200用戶名contentlongtext4294967295評(píng)論內(nèi)容replylongtext4294967295回復(fù)內(nèi)容表4-9：學(xué)生字段名稱類型長(zhǎng)度字段說(shuō)明主鍵默認(rèn)值idbigint主鍵主鍵addtimetimestamp創(chuàng)建時(shí)CURRENT_TIMESTAMPxuehaovarchar200學(xué)號(hào)mimavarchar200密碼xueshengxingmingvarchar200姓名xingbievarchar200性別youxiangvarchar200郵箱shoujihaomavarchar200手機(jī)號(hào)碼touxianglongtext4294967295頭像表4-10：配置文件字段名稱類型長(zhǎng)度字段說(shuō)明主鍵默認(rèn)值idbigint主鍵主鍵namevarchar100配置參數(shù)名valuevarchar100配置參數(shù)值表4-11：用戶表字段名稱類型長(zhǎng)度字段說(shuō)明主鍵默認(rèn)值idbigint主鍵主鍵usernamevarchar100用戶名passwordvarchar100密碼rolevarchar100角色管理員addtimetimestamp新增時(shí)間CURRENT_TIMESTAMP表4-12：圖書信息字段名稱類型長(zhǎng)度字段說(shuō)明主鍵默認(rèn)值idbigint主鍵主鍵addtimetimestamp創(chuàng)建時(shí)間CURRENT_TIMESTAMPshujibiaotivarchar200書籍標(biāo)題fengmianlongtext4294967295封面tushuleixingvarchar200圖書類型bancivarchar200版次chubanshijiandate出版時(shí)間chubanshevarchar200出版社zuozhevarchar200作者loucengshuvarchar200樓層數(shù)shujiashuvarchar200書架數(shù)shujiacengshuvarchar200書架層數(shù)jiagevarchar200價(jià)格zhuangtaivarchar200狀態(tài)neirongjianjielongtext4294967295內(nèi)容簡(jiǎn)介clicktimedatetime最近點(diǎn)擊時(shí)間clicknumint點(diǎn)擊次數(shù)0表4-13：圖書類型字段名稱類型長(zhǎng)度字段說(shuō)明主鍵默認(rèn)值idbigint主鍵主鍵addtimetimestamp創(chuàng)建時(shí)間CURRENT_TIMESTAMPtushuleixingvarchar200圖書類型

5系統(tǒng)前后臺(tái)功能實(shí)現(xiàn)5.1前臺(tái)書籍借閱功能實(shí)現(xiàn)（1）首先，用戶需要雙擊打開小程序客戶端，并確保已經(jīng)連接到網(wǎng)絡(luò)。一旦連接成功，系統(tǒng)的登錄界面就會(huì)顯示出來(lái)?！暗卿洝表?yè)面也就是連接以太網(wǎng)后的小程序的主頁(yè)面，在進(jìn)入登錄界面后學(xué)生用戶就能夠通過(guò)注冊(cè)或者登錄來(lái)進(jìn)入書籍借閱系統(tǒng)體驗(yàn)所有功能。登錄界面如下圖5-1所示：圖5-1登錄界面部分關(guān)鍵代碼：onRegisterTap(tableName){onRegisterTap(tableName){uni.setStorageSync("loginTable",tableName); this.$utils.jump('../register/register') }, asynconLoginTap(){if(!this.username){ this.$utils.msg('請(qǐng)輸入用戶名') return }if(!this.password){ this.$utils.msg('請(qǐng)輸入用戶密碼') return } } letres=awaitthis.$api.login(`${this.optionsValues[this.index]}`,{ username:this.username, password:this.password });（2）新生用戶打開借閱系統(tǒng)，他們應(yīng)該根據(jù)學(xué)校提供的信息比如學(xué)號(hào)等來(lái)進(jìn)行注冊(cè)。注冊(cè)成功后，小程序會(huì)自動(dòng)進(jìn)入注冊(cè)頁(yè)面。在該頁(yè)面，學(xué)生需要把自己的學(xué)生信息按要求填寫輸入欄中。確保信息無(wú)誤后點(diǎn)擊“注冊(cè)”，程序刷新頁(yè)面并回到登錄主界面。在學(xué)生成功登錄后，就成功進(jìn)入系統(tǒng)并使用。注冊(cè)界面如下圖5-2所示：圖5-2注冊(cè)界面部分關(guān)鍵代碼：//注冊(cè)//注冊(cè)asyncregister(){ if((!this.ruleForm.xuehao)&&`xuesheng`==this.tableName){ this.$utils.msg(`學(xué)號(hào)不能為空`); return } if((!this.ruleForm.mima)&&`xuesheng`==this.tableName){ this.$utils.msg(`密碼不能為空`); return }if(`xuesheng`==this.tableName&&(this.ruleForm.mima!=this.ruleForm.mima2)){this.$utils.msg(`兩次密碼輸入不一致`);return} if((!this.ruleForm.xueshengxingming)&&`xuesheng`==this.tableName){ this.$utils.msg(`學(xué)生姓名不能為空`); return } if(`xuesheng`==this.tableName&& awaitthis.$api.register(`${this.tableName}`,this.ruleForm); this.$utils.msgBack('注冊(cè)成功');;（3）對(duì)于已經(jīng)注冊(cè)并登錄的學(xué)生，他們首先會(huì)看到的是小程序的首頁(yè)。學(xué)生可以在首頁(yè)導(dǎo)航欄查詢系統(tǒng)推薦的書籍和系統(tǒng)公告或者選擇圖書信息功能自行搜索查詢所需要的圖書進(jìn)行借閱，若是需要查看個(gè)人信息則點(diǎn)擊“我的”功能選項(xiàng)可以上傳頭像或者修改密碼。具體功能選項(xiàng)樣式，如下圖5-3所示：圖5-3小程序首頁(yè)界面圖//公告信息 //公告信息 res=awaitthis.$api.list('news',{ page:1, limit:6 }); this.news=res.data.listmethods:{ //輪播圖跳轉(zhuǎn) onSwiperTap(e){ },asyncgetAboutUs(){letres=awaitthis.$('aboutus',1)this.aboutUsDetail=res.data;},asyncgetSystemIntroduction(){letres=awaitthis.$('systemintro',1)this.systemIntroductionDetail=res.data;},} if((!this.ruleForm.xueshengxingming)&&`xuesheng`==this.tableName){ this.$utils.msg(`學(xué)生姓名不能為空`); return } if(`xuesheng`==this.tableName&& awaitthis.$api.register(`${this.tableName}`,this.ruleForm); this.$utils.msgBack('注冊(cè)成功');;（4）書籍信息：進(jìn)入圖書信息功能頁(yè)面以后可以自行搜索書籍名查詢所需要的圖書進(jìn)行借閱的同時(shí)還能查看所選書籍的各種信息包括但不限于書籍的出借情況以及學(xué)生評(píng)論和出借次數(shù)。如下圖5-4所示：圖5-4圖書信息詳情界面圖部分關(guān)鍵代碼：//類別搜索categoryClick(categoryName){ this.categoryName=categoryName; this.mescroll.resetUpScroll();},asyncupCallback(mescroll){ letparams={ page:mescroll.num, limit:mescroll.size } if(this.categoryName!='全部'){ params.tushuleixing='%'+this.categoryName+'%' } if(this.searchForm.shujibiaoti){ params['shujibiaoti']='%'+this.searchForm.shujibiaoti+'%' } if(this.searchForm.zuozhe){ params['zuozhe']='%'+this.searchForm.zuozhe+'%' } if(this.searchForm.shujiashu){ params['shujiashu']='%'+this.searchForm.shujiashu+'%' } if(this.searchForm.zhuangtai){ params['zhuangtai']='%'+this.searchForm.zhuangtai+'%' }letres={}if(this.userid){res=awaitthis.$api.page(`tushuxinxi`,params);}else{res=awaitthis.$api.list(`tushuxinxi`,params);}（5）學(xué)生登錄成功后，在個(gè)人中心頁(yè)面即“我的”頁(yè)面，可以對(duì)我的頁(yè)面提供的各種功能進(jìn)行詳細(xì)操作，具體的學(xué)生功能界面如下圖5-5所示：圖5-5學(xué)生功能界面圖 //跨表 //跨表 this.cross=options.cross; if(options.cross){ varobj=uni.getStorageSync('crossObj'); for(varoinobj){ if(o=='xuehao'){ this.ruleForm.xuehao=obj[o]; this.ro.xuehao=true; continue; } if(o=='mima'){ this.ruleForm.mima=obj[o]; this.ro.mima=true; continue; } if(o=='xueshengxingming'){ this.ruleForm.xueshengxingming=obj[o]; this.ro.xueshengxingming=true; continue; } this.ro.youxiang=true; continue; if(o=='touxiang'){ this.ruleForm.touxiang=obj[o].split(",")[0]; this.ro.touxiang=true; continue;5.2后臺(tái)書籍借閱管理功能實(shí)現(xiàn)（1）當(dāng)后臺(tái)管理員登錄后，輸入正確的賬號(hào)和密碼，點(diǎn)擊登錄將會(huì)成功進(jìn)入系統(tǒng)，若是輸入錯(cuò)誤的信息將會(huì)觸發(fā)錯(cuò)誤反饋提示登錄人員及時(shí)查證修改。如下圖5-6所示：圖5-6管理員登錄界面部分關(guān)鍵代碼：//登陸//登陸login(){if(!this.rulesForm.username){ this.$message.error("請(qǐng)輸入用戶名"); return;}if(!this.rulesForm.password){ this.$message.error("請(qǐng)輸入密碼"); return;}if(this.roles.length>1){ if(!this.rulesForm.role){ this.$message.error("請(qǐng)選擇角色"); return;} letmenus=this.menus; for(leti=0;i<menus.length;i++){ if(menus[i].roleName==this.rulesForm.role){ this.tableName=menus[i].tableName; } }}else{ this.tableName=this.roles[0].tableName; this.rulesForm.role=this.roles[0].roleName;}（2）當(dāng)管理員進(jìn)入主界面后，他們可以進(jìn)行一系列的操作。這些操作主要包括對(duì)系統(tǒng)首頁(yè)瀏覽系統(tǒng)的主頁(yè)。對(duì)學(xué)生信息進(jìn)行查詢、新增、刪除、查看、修改等操作。管理自己的個(gè)人信息，如密碼、聯(lián)系方式等，以及查看書籍的詳細(xì)信息，記錄借書的相關(guān)數(shù)據(jù)，如借書日期。記錄還書的相關(guān)數(shù)據(jù)，如還書日期、逾期情況等、續(xù)借信息管理等操作。管理員用戶主界面如下圖5-7所示：圖5-7管理員主界面部分關(guān)鍵代碼：jieshuxinxiChat1(){jieshuxinxiChat1(){this.$nextTick(()=>{varjieshuxinxiChart1=echarts.init(document.getElementById("jieshuxinxiChart1"),'macarons');this.$http({url:"jieshuxinxi/group/jieshuriqi",method:"get",}).then(({data})=>{if(data&&data.code===0){letres=data.data;letxAxis=[];letyAxis=[];letpArray=[]for(leti=0;i<res.length;i++){xAxis.push(res[i].jieshuriqi);yAxis.push(parseFloat((res[i].total)));pArray.push({value:parseFloat((res[i].total)),name:res[i].jieshuriqi})}（3）學(xué)生管理：管理員，在學(xué)生管理功能的頁(yè)面輸入學(xué)生的主要信息如學(xué)號(hào)等，然后檢索相關(guān)學(xué)生的信息、添加學(xué)校剛報(bào)到的學(xué)生到學(xué)生列表中或從學(xué)生列表中移除不需要的學(xué)生，并根據(jù)需要對(duì)學(xué)生的信息進(jìn)行編輯，如更改姓名、聯(lián)系方式等操作；如下圖5-8所示：圖5-8學(xué)生管理界面methods:{xueshengtouxiangUploadChange(fileUrls){methods:{xueshengtouxiangUploadChange(fileUrls){this.ruleForm.touxiang=fileUrls;},onUpdateHandler(){if((!this.ruleForm.xuehao)&&'xuesheng'==this.flag){this.$message.error('學(xué)號(hào)不能為空');return}if((!this.ruleForm.mima)&&'xuesheng'==this.flag){this.$message.error('密碼不能為空');return}if((!this.ruleForm.xueshengxingming)&&'xuesheng'==this.flag){this.$message.error('學(xué)生姓名不能為空');return}if('xuesheng'==this.flag&&this.ruleForm.youxiang&&(!isEmail(this.ruleForm.youxiang))){this.$message.error(`郵箱應(yīng)輸入郵箱格式`);return}（4）書籍管理：管理員點(diǎn)擊進(jìn)入圖書類型管理頁(yè)面。在進(jìn)入書籍類型頁(yè)鍵入圖書的類別，檢索相關(guān)圖書的信息，從圖書列表中移除不需要的圖書類別，也可點(diǎn)擊圖書類別的名稱或編號(hào)，查看圖書類別的具體信息、或更改書籍名稱、描述等；如下圖5-9所示：圖5-9書籍類型管理界面部分關(guān)鍵代碼：//當(dāng)前頁(yè)currentChangeHandle(val){this.pageIndex=val;this.getDataList();},//多選selectionChangeHandler(val){this.dataListSelections=val;},//添加/修改addOrUpdateHandler(id,type){this.showFlag=false;this.addOrUpdateFlag=true;this.crossAddOrUpdateFlag=false;if(type!='info'){type='else';}},（5）書籍信息操作功能：管理員//當(dāng)前頁(yè)currentChangeHandle(val){this.pageIndex=val;this.getDataList();},//多選selectionChangeHandler(val){this.dataListSelections=val;},//添加/修改addOrUpdateHandler(id,type){this.showFlag=false;this.addOrUpdateFlag=true;this.crossAddOrUpdateFlag=false;if(type!='info'){type='else';}},圖5-10書籍信息管理界面部分關(guān)鍵代碼：rules:{rules:{ shujibiaoti:[ {required:true,message:'書籍標(biāo)題不能為空',trigger:'blur'}, ], fengmian:[ ], tushuleixing:[ {required:true,message:'圖書類型不能為空',trigger:'blur'}, ], banci:[], chubanshijian:[], chubanshe:[ {required:true,message:'出版社不能為空',trigger:'blur'}, ], zuozhe:[ {required:true,message:'作者不能為空',trigger:'blur'}, ], loucengshu:[ {required:true,message:'樓層數(shù)不能為空',trigger:'blur'}, ], shujiashu:[ {required:true,message:'書架數(shù)不能為空',trigger:'blur'}, ],（6）借書信息管理：管理員點(diǎn)擊借書信息管理?？稍诮钑畔㈨?yè)面選擇導(dǎo)出借書信息列表，也可以查看每日借書的人數(shù)統(tǒng)計(jì)，還能對(duì)借書詳情信息進(jìn)行詳情、修改、或刪除操作；如下圖5-11所示：圖5-11借書信息管理界面//統(tǒng)計(jì)接口chartDialog1(){//統(tǒng)計(jì)接口chartDialog1(){this.chartVisiable1=!this.chartVisiable1;this.$nextTick(()=>{varjieshuriqiChart1=echarts.init(document.getElementById("jieshuriqiChart1"),'macarons');this.$http({url:"jieshuxinxi/group/jieshuriqi",method:"get",})（7）還書信息管理：管理員進(jìn)入還書信息管理。在還書信息頁(yè)選擇是否通過(guò)申請(qǐng)還書學(xué)生的申請(qǐng)，并根據(jù)需要對(duì)還書詳情信息進(jìn)行詳情操作；如下圖5-12所示：圖5-12還書信息管理界面//批量審核shBatchHandler(){//批量審核shBatchHandler(){this.$confirm(`確定一鍵審核操作?`,"提示",{confirmButtonText:"確定",cancelButtonText:"取消",type:"warning"}).then(()=>{this.$http({url:"haishuxinxi/shBatch?sfsh="+this.shBatchForm.sfsh+"&shhf="+this.shBatchForm.shhf,method:"post",data:this.batchIds}).then(({data})=>{if(data&&data.code===0){this.$message({message:"操作成功",type:"success",duration:1500,onClose:()=>{this.getDataList();this.shBatchDialog()}});}else（8）續(xù)借信息管理：管理員在點(diǎn)擊并進(jìn)入續(xù)借信息管理功能后?？梢栽诶m(xù)借信息的功能頁(yè)面選擇通過(guò)或者拒絕申請(qǐng)續(xù)借的學(xué)生的請(qǐng)求，并根據(jù)需要對(duì)續(xù)借詳情信息進(jìn)行詳情操作例如在同意學(xué)生續(xù)借時(shí)失誤點(diǎn)擊拒絕。如下圖5-13所示：圖5-13續(xù)借信息管理界面部分關(guān)鍵代碼：xujietianshu:[xujietianshu:[ {required:true,message:'續(xù)借天數(shù)不能為空',trigger:'blur'}, {validator:validateIntNumber,trigger:'blur'},],（9）系統(tǒng)的管理功能：管理員在登錄借閱系統(tǒng)后，可在公告信息頁(yè)查詢、刪除或新增公告信息等進(jìn)行操作，如下圖5-14所示：圖5-14系統(tǒng)管理界面部分關(guān)鍵代碼：this.$http({ url:"systemintro/page", method:"get", this.$http({ url:"systemintro/page", method:"get", params:params}).then(({ data})=>{ if(data&&data.code===0){ if(data.data.total>=crossoptnum){ this.$message.error(this.$storage.get('tips')); returnfalse; } 6系統(tǒng)測(cè)試系統(tǒng)開發(fā)等項(xiàng)目軟件在上市前通常都需要經(jīng)過(guò)嚴(yán)格的系統(tǒng)測(cè)試以確保項(xiàng)目的安全性，穩(wěn)定性以及可靠性。一般采用的主要測(cè)試方法是測(cè)試訪問請(qǐng)求的延遲時(shí)間，以及對(duì)于一些未知命令的執(zhí)行和響應(yīng)等具有一定風(fēng)險(xiǎn)的問題，需要嚴(yán)格的測(cè)試和解決方案。6.1系統(tǒng)測(cè)試的重要性可以驗(yàn)