基于angularjs的學生寢室管理系統畢業設計論文(編輯修改稿)

　

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