【文章內(nèi)容簡介】 ，我校想要凸顯出自己的特點，先要接受各種新事物，創(chuàng)新各種有益的校園建設，然后才能走到各大高校的前列。因此，建立管理系統(tǒng)的意義甚是重大。 經(jīng)濟可行性分析 本系統(tǒng)主要目的是對寢室日常管理的優(yōu)化，學校要對住校學生負責，而住校學生又是占了高校學生比例的 90%，所以在管理方面，學校要投入的很多，首先在經(jīng)濟方面分析，如果是人工化管理，投入 的包括管理費用、維護費用、人員工資在內(nèi)的財力也是一大筆開銷。而如果建立一套管理系統(tǒng)，從投入來說，財力和物力都是很小的，只要一部電腦和一個管理員，系統(tǒng)就能夠運行，發(fā)揮計算機的優(yōu)勢，操作簡單，工作高效。學校在硬件條件上都符合條件，所以這方面的花銷基本為零。 技術(shù)可行性分析 本系統(tǒng)可以運行在任何一個主流的操作系統(tǒng)中。當然，在校園方面，我們還是使用 Windows 比較多，此系統(tǒng)更加穩(wěn)定主流，運行系統(tǒng)更是輕松。因此，該系統(tǒng)有開發(fā)的必要性和可行性。在硬件支持上，現(xiàn)如今的電腦運行內(nèi)存都在 4G以上， CPU支持都可行 。而在技術(shù)上，雖然說我們的后臺沒能完善，但是我們前端工程在基本的功能上還是能實現(xiàn)的，能做出符合管理應用的模塊。因此，綜上所述，本系統(tǒng)是可行的。 2 系統(tǒng)開發(fā)的相關(guān)技術(shù) 本系統(tǒng)是偏向前端的，設計頁面時，我們要使用 HTML 與 CSS，當然也會使用方便快捷的 bootstrap，而基于 AngularJS 實現(xiàn)需要的功能，利用這些在前端方向?qū)儆谙冗M的技術(shù)把系統(tǒng)架構(gòu)完善，使其更加合理化、實用化。以下是對開發(fā)工具和關(guān)鍵技術(shù)的簡單介紹。 WebStorm WebStorm 是 jetbrains 公司 發(fā)行的 一款 JavaScript 開發(fā)工具。被廣大 的 中國JS開發(fā)者 稱 為 最強大的 HTML5編輯器 、 Web前端開發(fā)神器 、 最智能的 JavaScript IDE等。與 IntelliJ IDEA 同源， 延續(xù) 了 IntelliJ IDEA 部分 強大的 開發(fā) JS功能。 它是基于 DOM，特定瀏覽器完成 : 編碼導航和用法查詢、支持 ECMAScript、支持CoffeeScript、支持結(jié)點 、 JavaScript 重構(gòu)、 JavaScript 單元測試、代碼檢測和快速修復、 JSLint/JSHint、基于 Mozilla 的 JavaScript 調(diào)試器。 Tomcat Tomcat 是一個小型的輕量級應用服務器，在中小型系統(tǒng)和并發(fā)訪問用戶不是很多的場合下被普遍使用，是開發(fā)和調(diào)試 JSP 程序的首選。對于一個初學者來說，可以這樣認為，當在一臺機器上配置好 Apache 服務器，可利用它響應對 HTML 頁面的訪問請求。實際上 Tomcat 部分是 Apache 服務器的擴展，但它是獨立運行的， 所以當你運行 tomcat 時，它實際上作為一個與 Apache 獨立的進程單獨運行的。 Tomcat 最初是由 Sun 的軟件構(gòu)架師詹姆斯鄧肯戴維森開發(fā)的。后來他幫助將其變?yōu)殚_源項目，并由 Sun 貢獻給 Apache 軟件基金會。由于大部分開源項目都會出一本相關(guān)的書，并且將其封面設計成某個動物的素描，因此他希望將此項目以一個動物的名字命名。 AngularJS() AngularJS 誕生于 2020 年，由 Misko Hevery 等人創(chuàng)建，后為 Google 所收購。它是 一款非常優(yōu)秀的前端工程師編寫 JS的框架，雖然還沒有大量的被使用，但是，它是一種趨勢，現(xiàn)在谷歌很多產(chǎn)品都使用了它作為框架。 AngularJS 有著諸多特性，最為核心的是 :模態(tài)化、數(shù)據(jù)的雙向綁定、控制器注入依賴的服務，等等。 AngularJS 是為了克服 HTML 在構(gòu)建應用上的某些不足而設計的， HTML 是一門很好的超文本標記語言，但要完整構(gòu)建頁面應用的話它就顯得乏力了。用過 AngularJS的人應該都知道，它是非常便捷的，因為他幫我們做的事情太多了，一個雙向綁定，凡是與存取值相關(guān)的操作，基本上都不用自己寫代碼。但是 ，如果因為這個就全都用angular，那還有些早。因為它只是框架，不是類庫。所謂框架的含義就是，它的約束性更強，而并非作為輔助功能來提供的。 Bootstrap Bootstrap，來自 Twitter，是目前最受歡迎的前端框架。 Bootstrap 是基于 HTML、 CSS、 JAVASCRIPT 的，它簡潔靈活，使得 Web 開發(fā)更加快捷。它由 Twitter的設計師 Mark Otto 和 Jacob Thornton 合作開發(fā)，是一個 CSS/HTML 框架。 Bootstrap規(guī)范了 HTML 和 CSS，它即 是由動態(tài) CSS 語言寫成。 Bootstrap 在推出后頗受歡迎，一直是 GitHub 上的熱門開源項目，包括 NASA 的 MSNBC(微軟全國廣播公司 )的 Breaking News 都使用了該項目。 此次設計使用了 下拉菜單、按鈕組、按鈕下拉菜單、導航、 導航條 、路徑導航、分頁、排版、縮略圖、警告對話框 等組件。還使用了模態(tài)框來實現(xiàn)添加功能。 HTML5() HTML5 是用于取代 1999 年所制定的 和 標準的 HTML（標準通用標記語言下的一個應用）標準版本；但大部分瀏覽器已經(jīng)支持某些 HTML 技術(shù)。 HTML5有兩大特點：首先，強化了 web網(wǎng)頁的表現(xiàn)性能。其次，追加了本地數(shù)據(jù)庫等 web應用的功能。廣義論及 HTML5 時，實際指的是包括 HTML、 CSS 和 JavaScript 在內(nèi)的一套技術(shù)組合。 HTML5 草案的前身名為 ，于 2020 年被 WHATWG 提出，與 2020年被 W3C 接納，并成立了新的 HTML 工作團隊。而 HTML5 仍處于完善之中。然而，大部分的瀏覽器已經(jīng)具備了某些 HTML5 的支持。 本系統(tǒng)就利用了 HTML5 的一些多媒體特性，比如 Video 視頻功能，功能實現(xiàn)與一些插件類似，運用方便。 在它的可使用范圍內(nèi)， HTML5 確實是優(yōu)秀的，隨著互聯(lián)網(wǎng)的發(fā)展， B/S 結(jié)構(gòu)的應用越來越多，而 HTML5 旨在豐富互聯(lián)網(wǎng)應用，能夠改善 B/S 結(jié)構(gòu)應用的用戶體驗，是互聯(lián)網(wǎng)應用的趨勢之一。 MVC 模式 MVC 模式是 ” ModelViewController” 的縮寫。 MVC 應用程序總是由 ” 模式 視圖 控制器這三部分組成。 View 可以看做一棵樹，顯然可以用 Composite Pattern 來實現(xiàn)。 Views 和 Models 之間的關(guān)系可以用 Observer Pattern 體現(xiàn)。 Controller 控制Views 的顯示，可以用 Strategy Pattern 實現(xiàn)。 3 系統(tǒng)總體設計 根據(jù)我對本校的了解做出相應的需求分析，我們得出一個寢室管理系統(tǒng)需要的模塊有：公寓管理、學生管理、宿舍文化、對于宿舍的留言管理、物品出入管理、宿舍繳費 信息。公寓管理又分為：宿舍樓信息、宿舍信息、員工信息，學生管理包含的是學生信息管理，留言管理包括：留言發(fā)布和留言發(fā)布管理，另外宿舍為了安全，借出東西需要登記；宿舍的繳費情況，在我校宿舍方面的繳費只收電費，因此，在繳費模塊只有收電費的信息登記。具體的系統(tǒng)總結(jié)構(gòu)如下： 圖 1系