徐州工業職業技術學院2015屆畢業生畢業論文期末報告徐州系統的設計與分析班級軟件142學生姓名秦泗奇學細設計及實現一、總體方案本系統采用的是MicrosoftVisualStudio2010結構開發的，采用MicrosoftSQLServer數據庫，采用的模型為B/S結構，系統是通過華德福學園的實際要求模擬開發，能夠完成一個教育機構網站應有的所有功能，為了提高系統的創建速度，我們在編排時候沒有采用現在比較流行的三層架構，而是采用了較為傳統的雙層結構，節約網站的時間，使組員更容易了解代碼的意思。徐州悅心之家華德福實踐學園基本功能包括：在線報名、在線留言、上傳下載資料、上傳圖片、考勤管理、健康管理等功能模塊，整個系統的布局是一個前臺，兩個后臺的形式，管理員后臺擁有最高的權限，教師的后臺只能管理學生信息，而前臺的數據大多為管理員后臺里添加的數據。而我做的功能有三大項，主頁圖片管理，資料信息管理和互動信息管理。（1）在線報名功能模塊，只有在線報名后才可以進行一些操作，在線報名時主要填寫信息為基本資料、用戶名、密碼即可，基本資料里的很多字段都有檢測格式是否正確的功能（如：郵箱）。（2）報名后的用戶可以對自己報名的信息進行修改，也可以對報名時的明碼進行修改。（3）教師用戶有如下的功能：查看公告信息，查看本班學生信息，查看、下載資料、添加考勤健康信息等，發布公告與上傳資料是管理員的權限，只有管理員可以有此功能，教師可以對自己的基本信息進行修改，如姓名電話，用戶密（4）管理員是對用戶的數據進行管理的，如教師信息管理，互動信息管理等，管理是擁有最高權限的，并且可以擁有教師的所有權限，可以管理刪除教師信息，為整個系統的前臺和后臺提供數據支持。二、前臺界面設計本系統采用DIV+CSS網頁的布局方法，它有別于傳統的HTML網頁設計語言中的表格定位方式，可實現網頁頁面內容與表現分離，它系統中還使用了現在較流行的HTML5語言，它實際就是包括HTML、CSS和JavaScript在內的一套技術組合，通過JavaScript中的Jquery實現動畫的效果，它是輕量級的js庫，它兼容CSS3還兼容各種瀏覽器，例如IE6.0+,IE8,IE9，等，jQuery能夠使用戶的html頁保持代碼和html內容分離，也就是說，不用再在html里面插入一堆js來調用命令了，只需定義id即可，通過以上的技術使頁面更絢麗，美觀。用戶的界面在設計上是模擬華德福教育理念而設計的，主要以大自然的綠色為主色調，所以在使用上就能讓人們感受到華德福教育理念的特點，主界面使用Iframe嵌套，它的采用的是異步加載技術，現在大多數網站會經常使用iframes來加載第三方的內容、廣告或者插件。使用iframe是因為它可以和主頁面并行加載，不會阻塞主頁面。2.1模板頁展示與實現我負責系統的前臺主要功能有三部分：主頁圖片的展示，資料信息的查看與下載，開放日的預約。還有一個整個前臺模板頁的布局與排版。前臺模板頁采用人性化布局設計，集成了系統前臺初始的布局模樣。前期我們通過對系統要求的分析，將模板頁菜單分為網站首頁，公告通知，資料下載，開放日，父母成長中心，在線報名，華德福微博，個人記錄八大功能模塊。每個功能模塊在模板頁里就已經鏈接到相對應的頁面，所以在設計其他網頁的時候減輕了工作強度和縮短了工作時間。在網站前臺的下方，我們也留了兩個端口來進入教師和管理員的后臺。網站的左側是一個注冊用戶的登陸，注冊過的用戶可以通過登陸的方式修改個人資料，也可以查看個人記錄，個人記錄只有登陸后才能查看。如圖所示。圖5.1模板頁的設計2.2網站首頁的布局與實現網站首頁主要由徐州悅心之家華德福實踐學園的理念與介紹和校園風采的展示兩部分組成。因為學園理念與介紹在一般情況下是一成不變的，所以在設計的時候，我才用了直接填寫的方式，而沒有和后臺相聯系。校園風采是學校各種活動圖片的展示中心，主要是由標題和圖片組成，在設計上采用了讀取數據庫前八張圖片的特點，由數據庫數據傳播到前臺DataList控件里，在布局上將DataList布局為四列，圖片在上，標題在下的形式使得校園展示看起來更美觀整潔。如圖所示。圖5.2網站首頁的設計2.3資料下載的布局與實現經過實際的分析與考察，一個學校網站至關重要的一項便是資料與信息的下載，資料的下載意味著資源的共享與傳播，開源！公益！資源的利用價值得到了大大提升，而他獲得的途徑也變的簡易，一般人們想要學校或者學習資料都必須上網找好長時間，甚至最后還是無功而返，而這一功能恰恰是你可以從學校網下載專用的資料，并且不用擔心病毒，和丟失等一系列風險。本網站資料下載采用以標題顯示，點擊標題獲得詳細信息和下載權限的布局方式，為了避免資料過多，使得頁面美化受到影響。所以采用分頁的方式實現資料的排版。如圖所示。圖5.3資料的設計資料的下載需要點擊標題進入詳細界面下載，在詳細界面里，用戶可以查看資料的名稱，資料添加的時間，以及資料的詳細介紹。點擊下載后跳出下載任務，可以選擇下載的路徑。如圖所示。圖5.4資料下載的設計2.4開放日預約的布局與實現開放日是學校對外開放的日子，每年都會對校外人事開放幾次，作為校外人員學習成長的平臺，這就需要對校外人員做一個統計。針對開放日。除了基本的資料外，我們還對他們的預約時間和預約部門做了明確的分類，電子郵箱格式也做了驗證。如圖所示。圖5.5開放日預約的設計2.5公告通知的實現公告通知用于顯示現階段內園內信息的展示，方便大齡兒童了解自己的具體情況，并且加強對學園的了解；另一方面，家長也可以通過這些內容幫助孩子更好的適應學校里的生活。首先創建數據源，可以使用SqlDataSource控件，之后在DataList控件的智能按鈕功能中選擇數據源即可；也可以在后臺自定義數據源，并將DataList對象的DataSource指定為自定義的數據源，然后要為DataList控件綁定數據，另外我們還進行了分頁設計，可以使頁面更為整潔。如圖所示。圖5.6公告通知頁面2.6父母成長中心此功能主要就是介紹華德福的特色，家長可以在此學習，并參加學校舉行的手工坊、讀書會、公益性等課程，并且此模塊當中嵌入了留言系統，可以給家長們一些參考，本模塊的設計主要用了Textbox控件，是屬于我們常用的控件，我們還進行了非空驗證、驗證，信息填寫完成后各個字段就會插入到后臺數據庫Running表當中，從而實現了申請。留言的展示還是利用了DataList，可方便的讀取留言。如圖所示。圖5.7父母成長中心預約申請圖5.8父母成長中心預約申請成功2.7用戶登錄的實現登錄系統控制的基礎上，不同的人物角色對應不同的密碼登錄。由于訪問控制基于角色的管理用戶的邏輯隔離和訪問，此策略的權限管理極大地方便了實現。研究表明，人的變化不是用戶相對慢得多，并分配用戶角色的變化之間的關系并不需要很多的技術，可以由管理人員來完成，并配置權限角色工作是復雜的，需要一定的技術，可以通過承擔專業技術人員，而不是給他們的用戶的權限，這種情況與實際相符。除了方便的權限管理，基于用戶的訪問控制方法也可以很好的描述角色層次之間的關系，實現最小權限和職責分離的原則的原則。采用人性化設計，布局系統登錄窗口，綜合完整性檢查系統初始化。如圖所示。圖5.9登錄窗口管理用戶信息如圖所示。圖5.10修改用戶信息窗口2.8在線報名在線注冊登錄后，家長可以進行報名操作。整個報名模塊由網上報名、報名信息查詢功能組成。其中網上報名要確定報名的時間、幼兒、班級等信息。快速方便。更體現了軟件的信息化。快速化。如圖所示。圖5.11在線報名界面三、管理員管理功能展示與實現一般管理員在管理數據都要經過四個步驟來實現，先要添加，然后修改，刪除，如果可以下載就下載。如圖所示。圖5.12管理員管理流程圖3.1主頁圖片的管理在前臺網站首頁下面的校園展示功能是由管理員添加管理的，我用了兩個頁面來完成圖片的管理。第一個界面主要是用于圖片的添加，在圖片的格式上我們做了很多要求，可以上傳".xls",".doc",".mpp",".rar",".zip",".vsd",".txt",".jpg",".gif",".bmp",".png",".swf",".avi",".mp3",".rm",".wma",".wmv"這些格式的圖片。而查看圖片頁面，我們只允許它刪除和查看，并沒有修改的選項，因為我們考慮到主頁圖片設計上只允許存在八張圖片來展示，因為圖片不算多，管理起來方便，所以只給你后臺刪除功能。具體的方式如圖所示。圖5.13圖片管理后臺設計3.2資料信息的管理資料信息是本網站的重要組成部分，也是管理員界面難度最大的項目之一，它不僅需要傳統信息的添加，還需要資料信息的上傳。本功能采用優先上傳資料的方法，先行把資料上傳到指定文件夾內后，再整體上傳數據庫。雖然過程復雜了一些，但這樣上傳可以保證數據與文件的安全性和下載穩定性。資料信息管理功能用了三個界面來實現，分別是添加資料界面，查看、下載、刪除資料界面，修改資料界面。查看、下載、刪除資料界面用GridVieW來存儲數據，方便管理員的查看，下載和刪除，從頁面上就可以直觀的看到各類資料的信息，也為修改資料提供了方便。修改資料頁面是由GridVieW里設置的修改頁面跳轉得到的，修改頁面先讓TextBox控件讀取相應的信息，并顯示在TextBox控件中，再由管理員根據需要修改的項進行修改，這樣做的目的是為了讓管理員能清楚自己改動的地方，而不會改錯地方。具體的方式如圖所示。圖5.14資料信息管理后臺設計3.3開放日信息的管理開放日是學校對外開放的日子，每年都會對校外人事開放幾次，作為校外人員學習成長的平臺，這就需要對校外人員做一個統計。后臺主要是對前臺報名的數據進行統計查看和刪除，相對比較簡單具體的方式如圖所示。圖5.15開放日信息管理后臺設計3.4系統管理后臺主頁面的設計創新采用了生成靜態頁面的設計，方便快捷，簡單的拖拖拉拉就可以使用，而且排版不容易亂，一共有8個功能模塊，如圖5.6所示。圖5.16后臺管理員主頁面1、賬號管理主要是用于顯示后臺管理員的信息，用于修改和刪除。此功能的實現主要是利用GridView控件，使用該控件應首先綁定行的數據，觸發RowDataBound事件，實現綁定；當點擊修改時，觸發PageIndexChanging事件，實現修改功能；當點擊刪除時，觸發RowDeleting事件，執行deletefromAdminwhereid='"+ID+"'"語句，實現刪除功能，如圖所示。圖5.17后臺管理員賬號管理添加管理員賬號此處添加賬號設計頁面的時候，密碼對應的TextBox的TextMode屬性設置為Password，這樣在運行的時候，密碼隱藏顯示，加大了用戶賬號的安全性，在執行添加時，創建數據庫連接，寫出SQL語句“insertintoAdmin(Apwd,Aname)values(@Apwd,@Aname”如圖所示。圖5.18添加新賬號成功3、管理教師這一模塊主要是用于顯示園內教師的姓名、賬號、密碼、聯系電話、管理的班級等信息，管理員還可以對其信息進行修改、刪除。實現功能時同樣是利用了GridView控件，首先進行行的數據的綁定，觸發RowDataBound事件，在此同時還設置了鼠標移動前后所變的顏色；當點擊“修改”時觸發PageIndexChanging事件，并且可以把姓名傳值到修改頁面，可以更改教師姓名和聯系電話等基本信息；當點擊“刪除”時，觸發RowDeleting事件，創建數據庫連接，寫出刪除的SQL語句"deletefromClassAdminwhereid='"+ID+"'"。如圖。圖5.19管理教師頁面添加教師此處為管理員添加教師模塊，利用DropDownList從ClassTable中綁定管理班級的信息，創建數據庫的連接，打開數據庫，寫出SQL添加語句"insertintoClassAdmin(Tel,Aname,ClassName,LName,Lpwd)values(@Tel,@Aname,@ClassName,@LName,@Lpwd)"，添加成功后跳轉到管理教師信息頁面。如圖所示。圖5.20添加教師成功頁面3.5互動信息管理1、父母成長中心后臺管理本模塊做的主要是對應前臺父母開放中心的留言回復預約信息的刪除。利用GridView控件綁定顯示前臺父母的預約信息及相關的留言、問題。點擊“刪除”時，觸發RowDeleting時間，編寫SQL刪除語句“deletefromRunningwhereid='"+ID+"'”數據庫表為Running表；點擊“回復”時，跳轉到HuiFu頁面，留言人的姓名和內容是用Label控件直接讀取出來，管理員只需直接輸入回復的內容即可。隨后頁面會跳轉到EditRuning頁面上，顯示回復內容，updateRunning表中HuiFu字段的內容，如圖所示。圖5.21回復留言頁面考勤信息管理分為：1.添加幼兒的考勤信息，2.管理幼兒的考勤信息3.幼兒的出勤率4.班級的考勤率①添加幼兒的出勤率有添加幼兒的類型，如：幼兒是上學，還是放學還是請假。幼兒屬于哪個班級如：徐州悅心之家還是小學。學生的姓名必須要填寫。以及當天所屬的日期調用日歷表。填寫時間。②管理幼兒的考勤信息主要是對幼兒的信息進行添加以及修改刪除。③幼兒的出勤率，看某個幼兒的出勤率首先要選擇這個幼兒屬于哪個班級幼兒的大名叫啥，可以查看這個幼兒幾月份的出勤率，主要是看這個幼兒請假幾天曠假幾天來算出勤率。④班級出勤率主要是看班級的出勤率。以班級為集體。如圖所示。圖5.22班級出勤率圖5.23幼兒出勤率3.6健康信息管理健康信息管理主要分為兩大塊1.添加幼兒的健康信息2.管理幼兒的健康信息。添加幼兒的健康信息寫個健康的標題幼兒所屬的班級以及幼兒的姓名。然后在內容處詳細描述。管理健康信息主要是對幼兒健康信息進行修改刪除。如圖所示圖5.24管理幼兒健康信息四、教師管理功能展示與實現4.1登錄的實現隨著信息化時代的到來，計算機應用技術已經在各行各業中發揮著無法取代的地步。現在越來越多的軟件已經認識到了對于軟件用戶管理的重要性，計算機技術已經廣泛的應用于日常的生活工作中。科學的實用計算機技術對管理工作不但可以讓管理工作更加規范化系統化和自動化而且還能節省大量的勞動力、物力。它能夠讓每一個企業走上良好運轉軌道，為其快速發展奠定著堅定基礎。在使用同一款軟件的時候我們會牽扯到用戶管理和權限的問題，怎樣合理的使用的軟件，權限管理是相當重要的。因為有職位于功能的不同，所以在功能的劃分上也要有所不同，這樣才有合理有效快捷的使用一款軟件。權限管理系統就是根據不同的權限分配不同的權利，主要分為管理員和普通用戶，而本系統有三級用戶即為最高權限的高級管理員、教師管理權限和普通用戶。普通用戶通過登錄界面可以進入前臺界面，管理員通過后臺進行添加。在登錄界面輸入用戶名和密碼，通過控制層進行判斷用戶的種類，根據用戶的種類進入到不同的界面，在相應的界面行駛不同的功能。下圖為教師管理員登陸的頁面：圖5.25教師管理登錄窗口4.2主界面的布局系統主界面基于角色設計，不同用戶登錄后基于其歸屬角色顯示和激活不同的操作，三級管理其中以教師管理員登錄所顯示的頁面又不同于管理員管理的頁面，教師管理員所登陸管理主頁左側是下拉框式是菜單欄，根據下拉菜單選項的不同，所顯示的信息也不同。如圖所示。圖5.26系統主界面系統的主界面左側是菜單欄，下拉式菜單欄的實際情況是基于實際情況所選擇的的最佳選項。下拉式菜單欄的設計，可以使主頁面界面顯得更加人性化。設計的重要性有這么幾個原因：首先，用戶界面越直觀，就越易用，越易用就越便宜。本系統界面的優越性主要體現界面元素一致、字體字號一致、重要功能突出、符合流行操作系統如windows的主體界面元素等方面。整個操作界面整潔美觀，使用起來非常的舒服，功能強大容易上手。4.3修改個人信息作為模塊主要功能，主功能有各個小功能組合而成，缺一不可。教師登陸的后臺，左側第一欄為個人信息的修改和密碼的修改，此項為系統管理最基礎的功能，修改教師登陸的個人信息。教師信息的修改，極大地體現了系統的靈活性，如教師連自身信息都無法修改，會讓整個系統顯得略有掣肘，會讓管理員的任務加劇，所以，必要的基礎信息修改也尤為重要，如圖所示：圖5.27教師登陸管理個人信息圖4.4資料信息添加1、信息的及時性可以讓家長隨時了解學校發布的各種信息，讓家長放心的把孩子交給幼兒園。資料信息添加中，文件上傳可令家長資料下載。家長及時掌握學園發布信息，及時，快捷，方便，有效的提高效率個家長的重視性。拋開傳統紙張，電子模式的信息更新，可以讓家長不需要為長旅途奔波而顯得麻煩，節約了時間，讓家長有更多的時間來了解自己孩子的一舉一動。文檔的上傳與下載是資料添加頁面的一大亮點，家長可通過文檔對信息進一步了解，實現功能如下圖所示：圖5.28資料信息的添加2、當教師把資料信息上傳至數據庫的時候，如若上傳錯誤還可以對上傳錯誤的資料進行修改。這是作為教師管理權限之一。單一的上傳不能保證數據上傳的準確性，所以上傳之后，對上傳資料的查看是為必須。教師管理上傳資料，針對上傳的文檔修改，實現功能如下圖所示：圖5.29資料信息管理窗口4.5學生信息管理做為班級負責人，教師是有權對每個學生的信息進行管理。例如：當一個學生出現轉校等，教師可對學生信息進行刪除與修改，極大地提高了管理的靈活性。無需重復管理員登陸操作，既方便管理員管理，又可以讓老師更加了解學生的各種去向，充分了解每個學生的個人信息。實現功能如圖所示：圖5.32學生信息管理窗口4.6考勤信息管理在人工管理的模式上，也存有考勤信息，不過區別在于一個是記錄在紙張上，一個是記錄于后臺數據。在每一所學校，都存在考勤表，老師點名，學生應答。而本系統除卻正常記錄之外，還有著針對著記錄數據的統計，計算出每一個學員當月的出勤率。學員的出勤率，可更利于教師對該學生平時成績的評判，具體功能實現如圖所示。圖5.33考勤信息管理窗口4.7健康信息健康是家長和老師非常關注的問題。孩子健康、安全，家長才能放心的把孩子交給老師。所以考慮到這種情況，做一個健康管理是非常有必要的。健康的管理系統實際運行效果如圖所示：圖5.34健康信息管理窗口目錄TOC\o"1-2"\h\z\u第一章工程概況 3第一節強電系統 3第二節照明系統 4第三節弱電系統 5第四節給水系統 6第五節排水系統 7第二章采用的施工技術規范、規程、圖集及標準 8第三章安裝組織機構 10第四章工程工期及保證措施 12第五章主要施工機具及儀器 14第六章主要施工工藝及措施 15第一節室內給水管道施工 15第二節閥門的耐壓及嚴密性試驗 17第三節磚墻內暗設水管施工 17第四節排水PVC施工要點及步驟 20第五節道系統的通水措施 33第六節氣工程施工程序措施 34第七節電纜的敷設 35第八節氣配管配線及作法 37第九節定式鍍鋅鋼管的施工作法 38第十節架及纜線在橋架里的安裝 38第十一節燈具、面板、的安裝及作法 40第十二節線安裝施工措施 42第七章水電安裝施工工藝流程圖 45第八章主要的針對性措施 47第九章安裝質量控制管理措施 54H