【正文】 通過這次畢業(yè)設計我還明白了作為一名 IT 工作者 ，我們要會的不僅僅是編寫代碼，更重要的是要有整體把握系統(tǒng)設計的能力。格林 ).AngularJS開發(fā)下一代 Web應用 .北京：電子工業(yè)出版社， 2020. [6]孫涌 .現(xiàn)代軟件工程 .北京：北京希望電子 出版社 ,2020. [7]王智廣，陳濤，陳明等 .軟件開中動態(tài)表單的解決方案 [j].內(nèi)蒙古師范大學學報 .自然科學版，2020. 致 謝 在本次畢業(yè)設計過程中，我得到了指導老師的幫助和支持。盡量讓自己處在一個能掌控的層面。因此老師給了我很多的幫助。 在開發(fā)系統(tǒng)上，我們首先還是需要了解需求，我們要做什么，做成什么樣，還要了解應用環(huán)境，有了準確定位，我們才能做出符合要求的系統(tǒng)，從需求分析到項目檢測，需要沉著的分析和耐心的調(diào)試。只能慢慢的調(diào)試。目的是發(fā)現(xiàn)錯誤，并修改錯誤和小 bug，以此來提高軟件系統(tǒng)的可靠性和安全性。但另一類錯誤是在程序執(zhí)行時由于不當?shù)牟僮骰驅(qū)δ承┻壿嬪e誤導致的錯誤結(jié)果。 圖 6 宿舍文化宣傳頁面 其他模塊的功能實現(xiàn)上就如我上邊所講的類似。 (detail)。 if(adc){ adc[state] = figer。 留言管理頁面如下： 圖 5 留言管理頁面 留言頁面功能實現(xiàn) 當有學生提出寶貴的建議或意見并提交時，在留言管理頁面就會添加上相關信息，關于哪個類型管理的留言，發(fā)布時間，是否推薦，是否采納，在操作列是我們要顯示的 留言內(nèi)容，當點擊 ” 查看詳情 ” ，會彈出一個模態(tài)框，顯示留言內(nèi)容，目的就是為了顯示更多的字數(shù)，不受局限。 }}} 在 添加信息和修改信息中，我們都用到了提交按鈕，一個按鈕需要實現(xiàn)兩個方法，所以我們要進行判斷，在控制器中我們定義一個變量 op，這個變量用來識別是提交哪個模塊的信息，如果是添加信息，則把它定義為 ” add” ，在按鈕中實現(xiàn)的方法用三目運算符，相對應的執(zhí)行添加信息的方法，而如果是修改信息，則執(zhí)行修改信息的函數(shù)，以此來分辨執(zhí)行的添加信息的操作還是修改信息的操作。 }) if(hh){ (確定嗎 ?)。 }else{ alert(請選擇要修改的數(shù)據(jù)！ )。 if(h){ (houseModal)。 } 修改信息 當點擊修改按鈕時，我們需要判斷是哪條數(shù)據(jù)要修改，確定后彈出一個修改的 模態(tài)框，里面能拿到顯示在頁面中的各類對應的值，當修改內(nèi)容時，同樣利用了雙向綁定，直接修改模態(tài)框中的內(nèi)容相應的頁面中的內(nèi)容也會跟著改變，然后點擊提交按鈕關閉模態(tài)框，提交到頁面中，就實現(xiàn)了修改的操作。 $ = {}。這時則顯示 ngmodel的優(yōu)點了，一個綁定，在輸入框里輸入的內(nèi)容保存到定義的 newUser 對象里，要想提交到頁面中，直接是添加到遍歷顯示的對象中， 用一個構(gòu)造函數(shù)初始化， 再定義一個變量拿到所輸入的值用 put()方法推入到遍歷 的對象中，當點擊提交按鈕時直接關閉模態(tài)框就能顯示在頁面中了。 ){ //() [] = 。也就是說只有對象的屬性 key 和 value 相等的時候才能查詢出結(jié)果。 首先說圖片上顯示的數(shù)據(jù)，我們要在 HTML 頁面書寫時用到 ngview 代碼，它是視圖來顯 示我們要顯示的數(shù)據(jù)，我們要寫一個 json 文件，里邊有 json 格式的數(shù)據(jù)，這個 json 文件相當于我們后臺操作的數(shù)據(jù)庫，我們的取值存值都是對它的對象操作，對于父模塊和子模塊我們要做出判斷，當 parentCategory:null 時，說明他是父模塊，所以在父模塊位置顯示，當 parentCategory 屬性有對應的值時，說明他是子模塊，給他們定義 url 屬性值，我們要操作的各個子頁面有相應的 url 值，與之對應的js文件中我們會寫到當 url 相同時，就會顯示出相應的 html 頁面， url=” /house”時頁面顯示的 是宿舍樓信息， ” /room” 是宿舍息， ” /staff” 的是員工信息顯示。 圖 2 登錄頁面 圖 3 管理主頁面 公寓管理頁面 包括的宿舍樓管理、宿舍管理、員工管理，宿舍樓管理信息包括宿舍樓號、宿舍樓學生的性別、宿舍樓的宿舍數(shù)和宿舍樓的負責人。從圖中可以看出，本系統(tǒng)的用戶面向的是管理人員和在校住宿學生，但是因為我們是前端工程師，外加時間緊迫和我們還沒有學習到前端和后臺的交互，所以我只能做到這 步，實現(xiàn)基本的功能。 Controller 控制Views 的顯示，可以用 Strategy Pattern 實現(xiàn)。 MVC 模式 MVC 模式是 ” ModelViewController” 的縮寫。而 HTML5 仍處于完善之中。 HTML5有兩大特點：首先，強化了 web網(wǎng)頁的表現(xiàn)性能。 Bootstrap 在推出后頗受歡迎，一直是 GitHub 上的熱門開源項目，包括 NASA 的 MSNBC(微軟全國廣播公司 )的 Breaking News 都使用了該項目。 Bootstrap Bootstrap，來自 Twitter，是目前最受歡迎的前端框架。用過 AngularJS的人應該都知道，它是非常便捷的，因為他幫我們做的事情太多了，一個雙向綁定，凡是與存取值相關的操作，基本上都不用自己寫代碼。 AngularJS() AngularJS 誕生于 2020 年，由 Misko Hevery 等人創(chuàng)建，后為 Google 所收購。鄧肯 Tomcat Tomcat 是一個小型的輕量級應用服務器，在中小型系統(tǒng)和并發(fā)訪問用戶不是很多的場合下被普遍使用，是開發(fā)和調(diào)試 JSP 程序的首選。 WebStorm WebStorm 是 jetbrains 公司 發(fā)行的 一款 JavaScript 開發(fā)工具。而在技術上，雖然說我們的后臺沒能完善，但是我們前端工程在基本的功能上還是能實現(xiàn)的，能做出符合管理應用的模塊。 技術可行性分析 本系統(tǒng)可以運行在任何一個主流的操作系統(tǒng)中。因此，建立管理系統(tǒng)的意義甚是重大。所以我校有必要跟上時代的腳步，參照其他成功的案例，建立一套屬于包頭師范學院的完整系統(tǒng)。而由于其他國外一些發(fā)達國家數(shù)字化校園的建設應用早、起點高和速度快等特點，所以在建設發(fā)展過程中，國外院校較為關注的是對資源的提供，而較少的強調(diào)高度系統(tǒng)的集成，他們對學生活動關注度較高，而在實際的管理過程中弱化了信息管理系統(tǒng)在數(shù)字校園建設中的地位。 本系統(tǒng)設計了寢室管理的幾個大方面的模型，包括公寓管理、學生管理、寢室文化宣傳、物品出入情況，從實際出發(fā)，以包頭師范學院的寢室為基本，設計一款符合學校實際管理情況的寢室管理系統(tǒng)。 本文主要以學生寢室管理工作為背景，開發(fā)一款管理系統(tǒng)來滿足目前寢室管理的需求，