題目圖書管理系統(tǒng)的設計與實現摘要這是一個對圖書館進行網絡平臺管理的系統(tǒng)，該設計的適用者是某某學院圖書館，靈感載體來源為B/S模式下的網絡書籍借讀，選取的網絡服務設施為PHP+MYSQL模式。圖書館是一個整合了眾多資源的平臺，館內圖書眾多，所保存的借書資料也繁雜，涵蓋了眾多數據的操控，雖然當今時代，眾多的圖書館都是選用的單機操控模式和部分局域網覆蓋管理系統(tǒng)，但總的來說，仍舊沒有適應這個追隨網絡腳步進步的時代的需要。該系統(tǒng)不僅是學習了原有系統(tǒng)在信息處理層面的各種優(yōu)點，而且添補了網絡化服務方面的管理，在保證圖書館的服務質量的同時，能夠更加親近用戶，為用戶提供更多便利。這個系統(tǒng)就設計而言，選用的是三層建構和WebService技術，從而于平臺的選取和技術的運用兩方面保證了它的與時俱進感、延伸感和前瞻感，讓系統(tǒng)也具備一定的穩(wěn)定性和擴展性。此系統(tǒng)遵循標配和統(tǒng)一合格的要求來分層設計，按照構件感來完成。選取軟化構件化的研發(fā)模式，讓業(yè)務和現實相分層，讓邏輯和數據相分開；采取規(guī)范的接口和開放準則，就其功能而看，該系統(tǒng)較為完善，通過Web頁面和用戶聯(lián)系，給予他們一定的數據和操控，并將相關內容存進數據庫。此系統(tǒng)不僅可對數據的查閱、增減、管理等進行操作管理，還選擇了模塊設計的方法，來依照用戶的不同需要和程序的適用性、維護的容易性，把不同塊放于各模塊內，使程序的應用、開拓、維護都變得輕松。除此之外，還構建了程序功能的自我復用基礎。關鍵詞：PHP圖書管理網上借閱數據庫MYSQL目錄目錄5074_WPSOffice_Level11.引言 116449_WPSOffice_Level12.圖書管理系統(tǒng)的基本情況介紹 11043_WPSOffice_Level13.相關理論、可行性分析、章節(jié)介紹 19134_WPSOffice_Level23.1相關理論、可行性分析 128756_WPSOffice_Level23.2論文各章簡介 2497_WPSOffice_Level14.系統(tǒng)的需求分析 314495_WPSOffice_Level24.1業(yè)務流分析 37033_WPSOffice_Level24.2數據流分析 416874_WPSOffice_Level24.3數據字典 516289_WPSOffice_Level15.系統(tǒng)功能設計、過程設計與數據庫設計 820719_WPSOffice_Level25.1系統(tǒng)功能設計 812019_WPSOffice_Level25.2過程設計 102393_WPSOffice_Level25.3數據庫概念結構設計 1024776_WPSOffice_Level25.4數據庫邏輯結構設計 1224839_WPSOffice_Level16.系統(tǒng)的實現 169226_WPSOffice_Level26.1首頁界面設計 1723835_WPSOffice_Level26.2管理員首頁設計 1922408_WPSOffice_Level26.3管理員操作舉例 2126009_WPSOffice_Level17.系統(tǒng)測試、存在的問題及措施 2619360_WPSOffice_Level27.1系統(tǒng)主界面的測試 2628843_WPSOffice_Level27.2模塊功能的測試 2714272_WPSOffice_Level27.3數據庫客戶端的測試 275962_WPSOffice_Level27.4系統(tǒng)的特點 2818949_WPSOffice_Level27.5系統(tǒng)的不足和改進 2811746_WPSOffice_Level18.小結 291.引言由于計算機技術的不斷發(fā)展，網絡人口呈現出持續(xù)增長的趨勢，進而使得人們對于網絡的需求逐步生活化的同時，電子服務從而脫穎而出。最為突出的。是傳統(tǒng)行業(yè)通通拓展到網絡上，以方面為目的，在生活、工作以及學習等方面上提供便利。可行性的深入探討，是以便盡可能的使用最低的付出，而在最節(jié)儉的時間內明確難題是否能夠被攻克。看此目標可否達到，其著眼點是權衡主要的幾類解決方式的好與不好之處，從而判斷出本來的目標能否實現，同時，以研究開發(fā)所會產生的有利收益去斟酌其是否是一個值得去研發(fā)和投入時間、金錢的系統(tǒng)項目。圖書管理系統(tǒng)的基本情況介紹通常而言，每所高校均設置了圖書館，對于圖書館而言可以向學生提供學習知識、查閱書籍、整合數據的開放性平臺。就一貫的圖書館管理體系來說，它屬于單機模式，部分系統(tǒng)較為先進，加入了局域網板塊，但卻僅涉及到館內。學生若要借讀一些書本，則需要他帶著本人的借書卡前往書庫找尋所需圖書，接著去借書平臺加以登記或手寫進行相關信息的存入，更或者有的可直接通過電子系統(tǒng)進行刷錄，然后再需要在場的工作人員進行后續(xù)工作，以便完成整個的借書流程。歸還書本的過程與之類似，都要求借書人到達現場，和相關人員實現當面交接，使得整個環(huán)節(jié)十分繁瑣、古老化。相關理論、可行性分析、章節(jié)介紹3.1相關理論、可行性分析對于此系統(tǒng)是否可行，需要對其進行透徹了解，而此分析則要從經濟實力的可操作性、技術是否支持兩個方面入手。對于網絡借書系統(tǒng)一定具有的硬性設備（計算機和有關設施）與軟設備，在現實中、網絡上都是能夠買到的，系統(tǒng)的成本基本上集中表現在管理系統(tǒng)方面，也就是開發(fā)與維護，所以并非造成學校負擔。如果開始運用此系統(tǒng)，還能夠減輕圖書館工作人員的工作量，或者減小工作人員的投入量，在借書層面還顯著上升了工作的速度，為使用的人帶來了簡易性。此系統(tǒng)的開發(fā)工作簡單，時間投入少，經濟方面投入量不高，進而能省下較多的時間、金錢、勞動量，并且?guī)淼睦孢h高于其開發(fā)成本，所以在成本耗費方面而言，進行開發(fā)該系統(tǒng)是可取的。對于網絡書籍借閱系統(tǒng)而言，其相關的開發(fā)工作均是基于B/S模式，相關的工作可以劃分為兩個方面，即前端應用程序的開發(fā)以及后臺數據庫的建立工作。相關的開發(fā)工作應當達到功能齊全、使用方便快捷等要求，并且數據庫的建設工作應當保證數據的一致性以及保持其完整性以及確保數據庫的安全。本系統(tǒng)選取PersonalHomePage與MSMYSQL來充當系統(tǒng)的前后兩側的研發(fā)技術，PHP為當今社會使用較多并且用于開發(fā)動態(tài)頁面。使用那些例如VBScript的這一類簡潔、便于理解的腳本，并且綜合采用HTML的代碼，便能夠迅速達到修改系統(tǒng)的目的，不需要借助編譯就可以在服務器端進行直接的編寫。同時，它與瀏覽器沒有一點關系，毋庸執(zhí)行該種語言，客戶端采用的僅能夠查閱網站網頁就可行了，PHP采取的腳本語言皆在Web的服務器端進行。MYSQL是微軟所開發(fā)出來的一個信息庫，從它開創(chuàng)至今，很容易就得到了大眾的諸多認可和肯定，由此可見，那些把自己業(yè)務構建于Windows平臺內的人群，都對之存有自身的依賴性和親近性，因此，站在技術的角度而言，該系統(tǒng)的開發(fā)工作具有較好的操作性。我們學校的圖書館藏書量巨大，局域網覆蓋面廣闊，相關系統(tǒng)十分完善，在整個書本的數據操控方面做得非常細致、姣好。同時，有著直接在計算機平臺統(tǒng)一進行歸還和借書的可供實施性。以上我認為，我們學校在有基礎的前提下，是迫切的需要構造一個這樣的管理系統(tǒng)的，它不但具有便利性，還能較大的滿足大家的需要。3.2論文各章簡介第1章節(jié)為引言部分第2章主要內容是：圖書管理系統(tǒng)的基本介紹以及運用流程第3章主要內容是：關于系統(tǒng)設計的相關理論以及可行性進行描述第4章主要內容是：對系統(tǒng)的需求進行分析第5章主要內容是：主要進行管理界面的設計工作，數據信息進行深入了解，然后加以數據庫概念的建構和數據庫邏輯構圖的設計。第6章主要內容是：注重講述對用戶主頁和用戶各界面的結構設計，將用戶數據和圖書類別兩個模塊加以分析，外加呈現借書和退出登錄兩個板塊的構建。第7章主要內容是：系統(tǒng)的測試以及存在的問題，問題的解決方案等文末，涉及到總結性語言、謝詞和參考書籍等內容。4.系統(tǒng)的需求分析4.1業(yè)務流分析圖書管理系統(tǒng)的具體運行流程為：首先啟動該系統(tǒng)，便可以呈現出登錄頁，屆時，用戶便可輸入相關信息進行登錄，所有用戶均可以進入系統(tǒng)的主頁面。此外，該系統(tǒng)還擁有權限分配的功能，也就是所普通的用戶只能查找信息，然而對于注冊用戶而言，他們能在此基礎上，有權對自身注冊資料進行存入、補刪、修正等舉措，同時，還能夠對冊本作出搜尋、借覽的行為。圖書的管理者，有權對系統(tǒng)的數據加以增刪和修正，可以全面掌控該系統(tǒng)的所有功能。該系統(tǒng)整個業(yè)務過程由下2-1體現：圖4-1系統(tǒng)業(yè)務流程圖該系統(tǒng)的建成是在借鑒與時俱進的電腦技術各借書管理手段的基礎之上，比對了借書管理的整個服務模式。與之相伴應的而生還有對服務范圍的延伸，并相應打造了一個銷售平臺，來完成對數據的發(fā)布、掌控。想要讓該系統(tǒng)在每個環(huán)節(jié)都可以展現自身的最大意義，從而保證工作的速度與質量，達到整個過程的計算機化，因而，對之有一些可實現的目標：主要的目標有以下幾點：（1）操作簡單、界面友好：對整個系統(tǒng)進行緊密操作和監(jiān)控，達到數據錄入簡易化的效果，使得眾多選項的加載僅靠點鼠標便可實現，比如圖書的名字、撰寫者、類別和出版商等等。（2）即時可見：當將信息行了刪補、修正等舉措后，可以實時呈現于相應的一些界面，進而實現了“實時操作，實時有用”的功能。（3）功能完善：該系統(tǒng)不僅要具有日常的一些功能，比如對數據的存入、查找、修正、刪補等等，在這種對實時信息完整化操控的同時，還要掌握一種對會員的管理功能。該功能主要用來審核會員信息和對相應文件進行傳輸。（4）方便移植：整個體系在有著適用性、可操作性和有用的同時，還要發(fā)展其先進性。爭取在面對各類客戶時，可以僅變動其中的一小部分就創(chuàng)造出貼近自身特點的圖書管理系統(tǒng)。對于系統(tǒng)界面而言，需要的數據均應當儲存在數據文件之中，而對該文件的細微操作，便可達到對界面的實時更新，從而降低了更新的難度，使之變得輕松、簡易。（5）動態(tài)管理：以動態(tài)的手段對待整個數據庫，可以完成對數據庫的動態(tài)分析、更新?lián)Q代、修正以及數據的存入。4.2數據流分析常言的對整個數據過程做透析，其實就是指深入了解信息的走向、傳輸、處理和保存各個方面。對數據過程的透析，主要是想要挖掘出該過程存在的一些漏洞，并試圖加以填補。當今對其的整個分析，是借以各層次的數據流程圖（略稱為DFD）而完成。完整的數據流程體系為下圖4-2-1：進入系統(tǒng)登錄界面進入系統(tǒng)登錄界面瀏覽頁面用戶注冊用戶登錄選擇圖書個人資料數據庫借閱登記歸還退出管理員登錄類別管理圖書信息維護圖書維護借閱信息維護用戶管理維護注銷登錄操作頁面圖書搜索系統(tǒng)參數管理圖3-2客戶界面的系統(tǒng)功能模塊圖圖4-2-1系統(tǒng)數據流程圖圖4-2-1系統(tǒng)數據流程圖該完整體系的分支模塊的體系頂層數據流圖為下的4-2-2所體現：圖4-2-2頂層數據流圖圖4-2-2頂層數據流圖圖書管理系統(tǒng)普通用戶新用戶注冊信息圖書信息注冊用戶借閱信息登錄后的注冊會員會員信息圖書信息數據庫系統(tǒng)會員信息圖書信息新用戶注冊信息圖書管理系統(tǒng)會員信息圖書借閱維護管理員信息圖書分類管理管理員登錄信息登錄后的管理員管理員信息修改信息4.3數據字典對于數據字典而言，主要的含義為一切與數據相關的信息的包涵體，換一句話說，實則為是數據對流圖里面涉及到的全部元素的總概括。比較有體系的邏輯模型，常靠數據字典、流圖一起建構。4.3.1圖書館管理系統(tǒng)的數據字典（1）數據字典列表——數據流（2）數據字典列表——數據（3）數據字典列表——數據存儲4.3.2圖書管理的數據項管理員數據項：用戶數據項：圖書數據項借閱數據項續(xù)閱數據項5.系統(tǒng)功能設計、過程設計與數據庫設計5.1系統(tǒng)功能設計5.1.1頁面模塊化設計系統(tǒng)時，實施了數據庫與conn兩者之間的連接工作。使用PHP文件的時候，運用數據庫的同時，需要做到與Include語句進行結合。與此同時，系統(tǒng)頁面中往往會存在著一個具體結構，則會被放置于模板文件template.PHP中，然后再對其定義進行確定。在一個系統(tǒng)中，通常情況下都會存在著固定的基本頁面，此時就能夠依靠該文件展開分析了解。對模板頁面擁有的構成情況進行熟悉，能夠在特定處進行頁面代碼輸入，就能夠使該頁面完整的擁有相應的功能。5.1.2注重安全性（1）在使用MYSQL數據庫的時候，不能讓其出現在網站內部在出現該現象的情況下，可能會使得惡意人士利用數據庫路徑對相應的重要信息進行盜取，甚至會出現偷換內容的情況。（2）過濾字符串中存續(xù)的單引號在對SQL語句進行組織的時候，如果使用了字符串，那么就會出現值得引起注意的問題，就是系統(tǒng)中使用的過濾字符串會存在著一個對應的引號，并且使用SQL語句能夠發(fā)現，其擁有的字符通常情況下都是將單引號作為判斷標準來進行分界。5.1.3代碼的復用在此次系統(tǒng)里，整個代碼復用機構安置得科學合理，在接下來的開發(fā)環(huán)節(jié)中，基本上都會選擇該系統(tǒng)中原有的完成了驗證的代碼，并且也會選擇部分項目積累獲得的代碼，通常情況下有上傳類和分頁，同時也會針對于系統(tǒng)中的E-mail實施檢查，獲取函數信息。5.1.4系統(tǒng)功能模塊劃分在系統(tǒng)擁有的各個功能的基礎上，我們可以對功能模塊圖紙進行熟悉和了解，同時以管理者的身份對其進行解說和描述。在相應的管理界面處，一定具備相應的系統(tǒng)功能模塊構造，在圖5-1里有著詳細的介紹：圖5-1系統(tǒng)功能模塊劃分5.2過程設計用戶數量較大，所以其具體的需求情況更會表現為多種多樣，但是從整體來說，主要包括信息的提供與更新，還有就是相應的保存工作與查詢，所以在對數據庫進行完善的時候，應該確保大量的信息能夠正常的進行輸出與輸入。對基本數據進程整理，建立合理的數據結構，并進行數據處理，組成數據字典，并且擁有豐富的查閱數據，以更好的完成具有設計。5.3數據庫概念結構設計完成上述提及的數據項與相應的數據結構，在此基礎上構建出符合客戶的多樣化需求的實體結構，并且能夠促進后期進行的邏輯結構更好的進行。通過這些實體，我們能夠發(fā)現很多有效的信息，并且它們能夠在相互作用的過程中完成數據流動。圖書類別借閱信息圖5-3-1實體間的關系E-R圖用戶借閱圖書NMN圖書類別借閱信息圖5-3-1實體間的關系E-R圖用戶借閱圖書NMN11管理員信息實體E-R圖如圖5-3-2所示：管理員管理員帳號姓名密碼圖5-3-2管理員信息實體ER圖注冊用戶信息實體ER圖如圖5-3-3所示：注冊用戶注冊用戶會員帳號姓名密碼地址圖5-3-3注冊用戶信息實體ER圖圖書實體ER圖如圖5-3-4所示：圖書信息圖書信息作者出版社名稱館藏編號作者出版社名稱館藏編號圖5-3-4圖書實體ER圖圖5-3-4圖書實體ER圖圖書借閱信息圖書借閱信息實體ER圖如圖5-3-5所示：圖書借閱信息圖書編號編號圖書編號編號圖5-3-5圖書借閱信息實體ER圖借閱時間讀者編號圖5-3-5圖書借閱信息實體ER圖借閱時間讀者編號5.4數據庫邏輯結構設計確定數據庫擁有的概念結構，然后再對其進行修改和合理的調整，在數據庫系統(tǒng)里，這個時候就能夠存在實際數據庫模型，一般被定義為邏輯結構。針對于相關的在線圖書書店，能夠對其中的數據庫實施深入了解，從而發(fā)現其每一個表擁有的具體設計結果都在該表中進行了詳細的介紹。并且各個表格在整個數據庫中必然會存在著一個相對應的表。表1為管理員信息表，存儲系統(tǒng)中的管理員信息。allusers表:序號字段名稱字段類型大小允許為空最大長度備注1IDInt4自增編號10

2usernameVarChar50是255

3pwdVarChar50是255

4cxVarChar50是255

5addtimeDateTime8是23

jieyuejilu表:序號字段名稱字段類型大小允許為空最大長度備注1IDInt4自增編號10

2bianhaoVarChar50是255

3mingchengVarChar300是255

4leibieVarChar50是255

5zuozheVarChar50是255

6yujietianshuVarChar50是255

7shifouguihuanVarChar50是255

8guihuanshijianVarChar50是255

9beizhuVarChar500是255

10jieyuerenVarChar50是255

11isshVarChar2是255

12addtimeDateTime8是23

tushuleibie表:序號字段名稱字段類型大小允許為空最大長度備注1IDInt4自增編號10

2leibieVarChar50是255

3addtimeDateTime8是23

tushuxinxi表:序號字段名稱字段類型大小允許為空最大長度備注1IDInt4自增編號10

2bianhaoVarChar50是255

3mingchengVarChar300是255

4leibieVarChar50是255

5zuozheVarChar50是255

6chubansheVarChar300是255

7chubanriqiVarChar50是255

8fengmianVarChar50是255

9jianjieVarChar500是255

10zhuangtaiVarChar50是255

11addtimeDateTime8是23

yonghuzhuce表:序號字段名稱字段類型大小允許為空最大長度備注1IDInt4自增編號10

2yonghumingVarChar50是255

3mimaVarChar50是255

4xingmingVarChar50是255

5xingbieVarChar2是255

6dianhuaVarChar50是255

7youxiangVarChar50是255

8shenfenzhengVarChar20是255

9QQVarChar50是255

10dizhiVarChar100是255

11touxiangVarChar50是255

12beizhuVarChar300是255

13addtimeDateTime8是23

14isshVarChar2是255本文的表結構設計包括book_borrow，book_push，consult_info,notice_info,resource_info,user_info三張表，book_borrow用于存儲圖書借閱，book_push用于存儲新書放送，consult_info用于存儲讀者咨詢，notice_info用于存儲館內消息，resource_info用于存儲資源推薦,user_info用于存儲用戶信息及關聯(lián)微信賬號信息。（1）book_borrow表：設置id、no、title、status、create_time字段，no、title、數據類型設置為verchar，id、previllage數據類型為int，create_time數據類型datatime。圖書借閱表結構如圖5-4-1所示。圖5-4-1book_borrow表結構圖（2）book_push表：設置id、no、title、create_time字段，create_time數據類型為：datatime，id數據類型為int,no、title數據類型為verchar。新書放送表結構如圖5-4-2所示。圖5-4-2book_push表結構圖（3）consult_info表：設置id、title、summary、create_time字段，create_time數據類型為：title，summary數據類型為verchar，id數據類型為int。讀者咨詢表結構如圖5-4-3所示。圖5-4-3讀者咨詢表結構圖（4）notice_info表：設置id、title、summary、create_time字段，create_time數據類型為：title，summary數據類型為verchar，id數據類型為int。館內消息表結構如圖5-4-4所示。圖5-4-4館內消息表結構圖（5）resource_info表：設置id、title、summary、create_time字段，create_time數據類型為：title，summary數據類型為verchar，id數據類型為int。館內資源表結構如圖5-4-5所示。圖5-4-5館內資源表結構圖系統(tǒng)的實現對整個客戶界面進行了解，我們能夠發(fā)現其擁有的功能基本存在著一個相同的前提條件，那就是管理模塊。出現這一情況的背景是使用客戶模塊時，需要通過管理模塊才能夠實施添加環(huán)節(jié)。所以接下來會先對管理模塊的相關內容進行描述，讓我們能夠了解其開發(fā)內容與設計環(huán)節(jié)。與客戶模塊進行對比，就能夠發(fā)現管理模塊具有更高的復雜性，這不僅僅是受到信息維護的影響，同時還會受到瀏覽環(huán)節(jié)和修改過程的影響。接下來會針對于每一個頁面擁有的實際條件展開詳細的描述，其中是以首頁界面的相關設計為起點進行介紹的。6.1首頁界面設計圖6-1圖書館管理系統(tǒng)首頁對整個系統(tǒng)的首頁進行了解，可以準確的形成圖5-1，同時擁有明了易懂的整體界定，在整個頁面的上方，可以找到系統(tǒng)名稱，除此之外還有導航欄。對于頁面的左下方和右下方，則應該分別屬于登陸框與用戶指南。該系統(tǒng)的登錄框還進行了詳細的分類，一類是用戶（用戶）登陸，而另一類是管理員登陸。對于首頁界面的設置較為詳細明了，并且所有的功能也相對簡化，所以能夠很好的達到圖書館管理系統(tǒng)中設定的相關要求，同時還能夠使系統(tǒng)功能完整，在此基礎上使整個界面清晰。在實現本模塊使使用到的代碼情況在下面進行了記錄：<?php 6.2管理員首頁設計圖6-2管理員首頁輸入正確的管理員ID，同時核對密碼，確保其準確無誤后就能夠進入管理員首頁，在上面的圖6-3中進行了展示。它的具體基本框架從整體上來看類似于首頁頁面，但是也存在著一些差異，如其下方被設置為用戶指南，其左上角也設置了相應的歡迎辭。對整個界面進行了解和使用，最終可以使管理者順利的實現每一個操作環(huán)節(jié)。圖6-3關于管理員首頁導航欄的相關操作描述不管是普通級別的管理員，還是處于超級級別的管理員，他們同屬于管理組織，因為一個人的能力總是有限的，所以會將兩者進行適當的數量搭配，一起合作從而更好的實施管理，但是存在著一處不同，即當超級管理員的數量確定時，可以根據實際情況對普通管理員進行合理的調整，然而不能根據普通管理員的數量情況調整超級管理員數。這一規(guī)則主要是避免出現工作人員數量過多，同時還能夠更好的進行軟件工程設計。設計該模塊時，主要是思考了應該如何讓超級管理員更好的利用理由自己的優(yōu)勢與普通管理員進行合作，更好的對該系統(tǒng)進行科學合理的管理。能夠將此模塊進行詳細的劃分，最終得到兩個小塊，并且將上方的設置成添加新管理員，保留相應的用戶名，又有相應的密碼字段，并且設置了相關權限，即能夠對字段進行隱藏。對應的下面則為通過列表的模式將所有的管理者信息進行整理描述，直接明了。為防止整個系統(tǒng)中出現人員泛濫的情況，所以該模塊會被設置為只能由超級管理員獨自操作。在完成該模塊的過程中，會使用到的代碼在下面進行了記錄：6.3管理員操作舉例管理員所進行的具體操作具有一定的相似性，關鍵性的差別在于對象不同，所以在下面的解釋環(huán)節(jié)中主要針對于圖書管理環(huán)節(jié)中的具體界面設計。6.3.1圖書類別頁面圖6-3-1通過圖書類別來對相應的運行結果頁面進行表示通過該頁面，我們能夠了解到每一類圖書的具體情況。同時對列表進行仔細的分析，能夠發(fā)現其上方存在著能夠進行查閱的功能。6.3.2圖書信息頁面在當前系統(tǒng)里，該模塊是不可缺少的一個環(huán)節(jié)，其主要作用是使管理員能夠對相關的圖書信息進行調整，該程序的進行存在著兩個難點，首先是關于具體類別的選擇，因為需要通過動態(tài)的形式在數據庫里進行讀取；其次是進行圖片上傳，在接下來的內容中，主要針對于進行本模塊的相關代碼進行了介紹：}?>上傳文件的代碼如下所示：return$dir.$timestamp.$s.".".$exname；圖6-3-2圖書信息頁面通過該頁面，相應的管理員能夠對有效的圖書信息進行輸入和整理，對于所有的書籍，都會記錄其相關信息，如名稱、出版社合作者等等，以更好的進行圖書查找。6.3.3借閱管理頁面圖6-3-3借閱管理界面觀察頁面能夠發(fā)現，其最為重要的功能應該是管理圖書的借閱程序與歸還情況。借閱管理頁面關鍵代碼如下：<template><divclass=“addbookClass”><divclass=“Container”><divclass=“row-fluid”style=“padding-top:50px;min-height:500px;”><divclass=“widgetwidget-paddingspan12”><divclass=“widget-header”><iclass=“icon-group”></i><h5>借閱管理>>圖書查詢</h5></div><divclass=“widget-body”style=“overflow:hidden;display:block;”><formid=“bookClassFrom”action=“javascript:;”><sectionclass=“orders-body”><sectionclass=“orders-info”><divclass=“orders-info-context”><divclass=“content-control”><divclass=“content-label”><spanstyle=“color:red;”>*</span> 圖書名：</div><divclass=“content-text”><inputtype=“text”name=“menuTitle”check=“ckNull”message=“圖書名”v-model=“courseTypeName”/></div></div></div><divstyle=“clear:both;”></div></section><sectionstyle=“margin-top:20px;”><divclass=“search-textbtn-search”style=“float:right;margin-right:190px;”><ahref=>保存</a></div></section><divstyle=“clear:both”></div>import{Indicator,MessageBox,Toast}from“mint-ui”;exportdefault{name:‘addCourseClass’,data(){return{courseTypeName:‘’,classId:‘’,}},mounted(){this.classId=this.$route.query.classId;if(this.classId){//查找詳細this.searchDetails();}},methods:{/***添加圖書類別*/submit(){if(this.$stringUtil.validation(“courseClassFrom”)){varparam={};param[‘className’]=this.courseTypeName;param[‘classId’]=this.classId;var$this=this;$this.$httpService.saveCourseClass(param).then((res)=>{varmessage=$this.classId?“修改成功”:”添加成功”;if(res.code==‘1001’){Toast({duration:1500,message:message});Indicator.close();setTimeout(()=>{$this.$router.go(0);},1600);}*查找詳細*/searchDetails(){varparam={};param[‘classId’]=this.classId;this.$httpService.getCourseClassDetails(param).then((res)=>{if(res.code=‘1001’){vardata=res.data;this.courseTypeName=data.className;</script><style>@import‘../../../static/css/theme’;@import‘../../../static/css/alertify’;@import“addCourseClass.scss”;6.3.4普通用戶管理頁面 普通用戶管理頁面關鍵代碼如下：<template><divclass="account"><divclass="Container"><divclass="row-fluid"style="padding-top:50px;min-height:500px;"><divclass="widgetwidget-paddingspan12"><divclass="widget-header"><iclass="icon-group"></i><h5>用戶管理>>添加用戶</h5></div><divclass="widget-body"style="overflow:hidden;display:block;"><formid="userFrom"action="javascript:;"><sectionclass="orders-body"><sectionclass="orders-info"><divclass="orders-info-context"><divclass="content-control"><divclass="content-label"><spanstyle="color:red;">*</span> 用戶名稱：</div><divclass="content-text"><inputtype="text"name="userTitle"check="ckNull"message="用戶名稱"v-model="userTitle"/></div></div><divclass="content-control"><divclass="content-label"><spanstyle="color:red;">*</span> 用戶類別：</div><divclass="content-text"><selectv-model="classId"><optionv-for="(item,index)inclassList":value="item.classId">{{item.className}}</option></select></div></div><divclass="content-control"><divclass="content-label"><spanstyle="color:red;">*</span> 用戶名稱：</div><divclass="content-text"><inputtype="text"name="userName"check="ckNull"message="用戶名稱"v-model="userName"/></div></div><divclass="content-control"><divclass="content-label"><spanstyle="color:red;">*</span> 所屬種類：</div><divclass="content-text"><selectv-model="departmentId"><optionv-for="itemindepartmentList":value="item.departmentId">{{item.departmentName}}</option></select></div></div><divclass="content-control"><divclass="content-label"><spanstyle="color:red;">*</span> 總  積  分：</div><divclass="content-text"><inputtype="number"name="userHours"check="ckNull"message="總時長"v-model="userHours"/></div></div><divclass="content-control"><divclass="content-label"><spanstyle="color:red;">*</span> 學       分：</div><divclass="content-text"><inputtype="number"name="userCredit"check="ckNull"message="積分"v-model="userCredit"/></div></div><divclass="content-control"><divclass="content-label"><spanstyle="color:</div></div><divclass="content-control"><divclass="content-label"><spanstyle="color:red;">*</span> 是否再次借閱：</div><divclass="content-text"><selectv-model="userRecommend"><optionvalue="0">否</option><optionvalue="1">是</option></select></div></div><divstyle="clear:both"></div><divstyle="width:100%"><divstyle="float:left;width:10%"><spanstyle="color:red;">*</span> 描       述：</div><divstyle="float:left"><textareaclass="textarea"v-model="userDescribe"></textarea></div></div><divstyle="clear:both"></div><divstyle="width:100%;margin-top:20px;"><divstyle="float:left;width:10%"><spanstyle="color:red;">*</span> 內       容：</div><divstyle="float:left;width:80%"><textareaname="userContent"id="userContent"style="height:460px"></textarea></div></div></div><divstyle="clear:both;"></div></section><sectionstyle="margin-top:20px;"><divclass="search-textbtn-search"style="float:right;margin-right:190px;"><ahref=""@click="submit()">保存</a></div></section><divstyle="clear:both"></div></section></form></div></div></div></div></div></template><script>varuserContent;import{Indicator,MessageBox,Toast}from“mint-ui”;exportdefault{name:‘user’,data(){return{userId:‘’,userTitle:‘’,userName:‘’,userHours:‘’,userCredit:‘’,userTeacher:‘’,userRecommend:0,userDescribe:‘’,userContent:‘’,classList:[],departmentList:[],departmentId:‘’,classId:‘’,}},mounted(){userContent=CKEDITOR.replace(‘userContent’,{height:”300px”});this.setHeight();this.init();},methods:{init(){//查找用戶類別this.$httpService.getuserClass().then((res)=>{this.classId=res.data[0].classId;this.classList=res.data;});//查找院系this.$httpService.getDepartmentList().then((res)=>{this.departmentList=res.data;this.departmentId=res.data[0].departmentId;});this.userId=this.$route.query.userId;if(this.userId){//查找詳細this.searchDetails();}},/***查找詳細*/searchDetails(){//查找用戶詳細varparam={};param[‘userId’]=this.userId;this.$httpService.getuserDetails(param).then((res)=>{if(res.code=‘1001’){this.userTitle=res.data.userTitle;this.userId=res.data.userId;this.userName=res.data.userName;this.userHours=res.data.userHours;this.userCredit=res.data.userCredit;this.userTeacher=res.data.userTeacher;this.userRecommend=res.data.userRecommend;this.userDescribe=res.data.userDescribe;userContent.setData(res.data.userContent);this.classId=res.data.classId;this.departmentId=res.data.departmentId;}})},/***提交*/submit(){if(this.$stringUtil.validation(“userFrom”)){if(!this.userDescribe){Toast({duration:1500,message:‘描述不能為空’});return;}if(!userContent.getData()){Toast({duration:1500,message:‘內容不能為空’});return;}varparam={};param[‘userId’]=this.userId;param[‘classId’]=this.classId;param[‘departmentId’]=this.departmentId;param[‘userTitle’]=this.userTitle;param[‘userName’]=this.userName;param[‘userHours’]=this.userHours;param[‘userCredit’]=this.userCredit;param[‘userTeacher’]=this.userTeacher;param[‘userRecommend’]=this.userRecommend;param[‘userDescribe’]=this.userDescribe;param[‘userContent’]=userContent.getData();var$this=this;$this.$httpService.saveuser(param).then((res)=>{varmessage=$this.userId?“修改成功”:”添加成功”;if(res.code==‘1001’){Toast({duration:1500,message:message});Indicator.close();setTimeout(()=>{$this.$router.go(0);},1600);}})}},/***設置iframe的高度*/setHeight(){variframe=window.parent.document.getElementById(“iframe”);