1 概述 背景與意義
對于學校宿舍處而言，最主要的是管理宿舍的信息。如果使用一般的方法來管理，會比較繁瑣，管理起來也很有可能出錯。為了方便宿舍人員的管理工作，提高工作效率，同時為了更好地為學生提供服務，有必要開發學生宿舍管理系統，使學校的宿舍管理走上信息化之路，克服人為的種種弊端。
學生宿舍管理系統的開發不僅可以減少人力、物力和財力資源的浪費，更重要的是有助于提高宿舍管理的效率。宿舍管理人員管理學生信息、管理宿舍信息時是一項復雜的組織工作，這種復雜性不僅僅指學生學籍變更快，變更人數眾多，更突出地表現在宿舍管理主要對象（即學生）的數據量大，管理起來帶來不便，所以開發一個實用、高效的宿舍管理信息系統是很有必要的。
1.2 研究現狀
然而目前許多學生宿舍管理系統在使用時，效率低下容易出錯，學生、教師資料不易整理，大量丟失，這些無疑都已成為管理學生宿舍的障礙。這就要求學校能夠建立高效的學生宿舍管理系統學生信息管理系統類圖，對學生的宿舍、管理等操作及流程進行規范化管理，簡化業務流程，提高工作效率并防止中間的漏洞；迅速、準確地捕捉用戶要求，并加以高效回應。同時需要不斷完善系統，增加模塊，更好的滿足用戶需求，簡化宿舍人員的管理工作，盡量做到一切信息化。
1.3本文的組織結構
第一章是緒論，本文章的開頭部分，對本題目的研究背景和研究意義等一些做文字性的描述。
第二章研究了學生宿舍管理系統的所采用的開發技術和開發工具。
第三章是系統分析部分，包括系統總體需求描述、功能性角度分析系統需求、非功能性等各個方面分析系統是否可以實現。
第四章是系統設計部分，本文章的重要部分學生信息管理系統類圖，提供了系統架構的詳細設計和一些主要功能模塊的設計說明。
第五章是系統的具體實現，介紹系統的各個模塊的具體實現。
第六章在前幾章的基礎上對系統進行測試和運行。
最后對系統進行了認真的總結，以此對未來有一個新的展望。
2 關鍵技術介紹
開發技術
本系統前端框架采用了比較流行的漸進式框架Vue.js。使用Vue-和Vuex實現動態路由和全局狀態管理,Ajax實現前后端通信， UI組件庫使頁面快速成型。后端部分：采用作為開發框架，同時集成、Redis等相關技術。
2.2 MVVM模式
MVVM是Model-View-的簡寫。它本質上就是MVC 的改進版。MVVM 就是將其中的View 的狀態和行為抽象化，讓我們將視圖 UI 和業務邏輯分開。當然這些事 已經幫我們做了，它可以取出 Model 的數據同時幫忙處理 View 中由于需要展示內容而涉及的業務邏輯。微軟的WPF帶來了新的技術體驗，如、音頻、視頻、3D、動畫……，這導致了軟件UI層更加細節化、可定制化。同時，在技術層面，WPF也帶來了 諸如、 、 、、、等新特性。MVVM（Model-View-）框架的由來便是MVP（Model-View-）模式與WPF結合的應用方式時發展演變過來的一種新型架構框架。它立足于原有MVP框架并且把WPF的新特性糅合進去，以應對客戶日益復雜的需求變化。
2.3 MySQL數據庫
科技的進步，給日常帶來許多便利：教室的投影器用到了虛擬成像技術，數碼相機用到了光電檢測技術，比如超市貨物進出庫的記錄需要一個信息倉庫。這個信息倉庫就是數據庫，而這次的計算機硬件售賣系統也需要這項技術的支持。
用MySQL這個軟件，是因為它能接受多個使用者訪問，而且里面存在等。它會先把數據進行分類，然后分別保存在表里，這樣的特別操作就會提高數據管理系統自身的速度，讓數據庫能被靈活運用。MySQL的代碼是公開的，而且允許別人二次編譯升級。這個特點能夠降低使用者的成本，再搭配合適的軟件后形成一個良好的網站系統。雖然它有缺點，但是綜合各方面來說，它是使用者的主流運用的對象。
2.4B/S結構
B/S（瀏覽器/服務器）結構是目前主流的網絡化的結構模式，它能夠把系統核心功能集中在服務器上面，可以幫助系統開發人員簡化操作，便于維護和使用。只需要用戶在客戶端安裝360瀏覽器、谷歌瀏覽器、QQ瀏覽器等當前大眾瀏覽器，在電腦里面安裝、mysql數據庫等數據庫。安裝好的瀏覽器與服務器端的數據庫進行信息數據的交互。很多專門軟件能夠做到的事情，采用B/S結構模式也能實現，它能夠結合Web瀏覽器技術，技術以及多種腳本語言等技術。幫助程序開發者節約了不少開發成本。目前B/S結構成為程序開發主流結構，它最好的地方就是沒有地點限制還不用專門安裝軟件，筆記本或者電腦能夠上網就能訪問系統。系統使用B/S進行開發在后期系統維護上面就會很省事，不用什么問題都在服務器上面操作，簡單的客戶端處理就解決部分問題，開發出來的程序跟用戶交互性上面也會增強，還可以實時刷新瀏覽器進行程序局部的數據信息更新。
圖1-1 B/S模式三層結構圖
2. boot框架介紹
框架是Java平臺上的一種開源應用框架，提供具有控制反轉特性的容器。盡管框架自身對編程模型沒有限制，但其在Java應用中的頻繁使用讓它備受青睞，以至于后來讓它作為EJB（）模型的補充，甚至是替補。框架為開發提供了一系列的解決方案，比如利用控制反轉的核心特性，并通過依賴注入實現控制反轉來實現管理對象生命周期容器化，利用面向切面編程進行聲明式的事務管理，整合多種持久化技術管理數據訪問，提供大量優秀的Web框架方便開發等等。框架具有控制反轉（IOC）特性，IOC旨在方便項目維護和測試，它提供了一種通過Java的反射機制對Java對象進行統一的配置和管理的方法。框架利用容器管理對象的生命周期，容器可以通過掃描XML文件或類上特定Java注解來配置對象，開發者可以通過依賴查找或依賴注入來獲得對象。框架具有面向切面編程（AOP）框架，框架基于代理模式，同時運行時可配置；AOP框架主要針對模塊之間的交叉關注點進行模塊化。框架的AOP框架僅提供基本的AOP特性，雖無法與框架相比，但通過與的集成，也可以滿足基本需求。框架下的事務管理、遠程訪問等功能均可以通過使用技術實現。的事務管理框架為Java平臺帶來了一種抽象機制，使本地和全局事務以及嵌套事務能夠與保存點一起工作，并且幾乎可以在Java平臺的任何環境中工作。集成多種事務模板，系統可以通過事務模板、XML或Java注解進行事務配置，并且事務框架集成了消息傳遞和緩存等功能。的數據訪問框架解決了開發人員在應用程序中使用數據庫時遇到的常見困難。它不僅對Java:JDBC、iBATS/、、Java數據對象（JDO）、和等所有流行的數據訪問框架中提供支持，同時還可以與的事務管理一起使用，為數據訪問提供了靈活的抽象。框架最初是沒有打算構建一個自己的框架，其開發人員在開發過程中認為現有的框架的呈現層和請求處理層之間以及請求處理層和模型之間的分離不夠，于是創建了。
2.6 Vue.js 主要功能
Vue.js是一套構建用戶界面的漸進式框架。與其他重量級框架不同的是，Vue采用自底向上增量開發的設計。Vue 的核心庫只關注視圖層，并且非常容易學習，非常容易與其它庫或已有項目整合。另一方面，Vue 完全有能力驅動采用單文件組件和Vue生態系統支持的庫開發的復雜單頁應用。
Vue.js 的目標是通過盡可能簡單的 API 實現響應的數據綁定和組合的視圖組件。
Vue.js 自身不是一個全能框架——它只聚焦于視圖層。因此它非常容易學習，非常容易與其它庫或已有項目整合。另一方面，在與相關工具和支持庫一起使用時，Vue.js 也能驅動復雜的單頁應用。