項目實戰(zhàn)會議考勤系統(tǒng)(ppt 92頁).ppt

1、第10章項目實戰(zhàn):會議考勤系統(tǒng),本章要點,C/S和B/S結構的聯(lián)合應用 會議考勤系統(tǒng)開發(fā)流程 導出Excel功能實現(xiàn) TreeView控件高級應用 AJAX技術應用,10.1 系統(tǒng)功能概述,本系統(tǒng)是為淮安市交通局開發(fā)的基于.NET平臺的會議考勤系統(tǒng)，本系統(tǒng)分前臺系統(tǒng)和后臺系統(tǒng)，后臺系統(tǒng)由數據庫服務器和Web應用程序服務器構成，前臺系統(tǒng)由考勤機、考勤狀態(tài)顯示機和會務管理機構成，整個系統(tǒng)拓撲結構如圖10.1所示。,1數據庫服務器：安裝Windows Sever2003操作系統(tǒng)和SQL Server2005數據庫系統(tǒng)。 2Web服務器：安裝IIS6.0，.NET Framework2.0和考勤管理軟

2、件。該軟件采用B/S結構，其界面如圖10.2所示，其主要功能如圖10.3所示。,圖10.2 考勤管理軟件界面 圖10.2 考勤管理軟件界面,3考勤簽到機：在考勤簽到機上安裝了考勤簽到軟件，其界面如圖10.4所示：,用戶可以通過輸入員工編號或者刷卡（通過讀卡器設備）兩種形式實現(xiàn)考勤登錄功能，考勤簽到軟件則將用戶輸入的信息通過局域網保存到后臺SQL Server數據庫上，其程序流程圖如圖10.5所示。,圖10.5 考勤簽到流程圖,4考勤狀態(tài)顯示機：由PC機和投影儀構成，輸入http:/Web服務器的IP地址，即可查看當前會議出勤情況，如圖10.6所示，按F11鍵，可全屏投影顯示。,在人數上單擊鼠標

3、，可顯示相關人員列表，如圖7所示： 圖10.7 應到人員明細,5會務管理機：主要應對員工請假、臨時添加參會人員等突發(fā)情況，該操作主要通過http:/Web服務器的IP地址后，登錄到后臺會議考勤管理軟件，執(zhí)行相應操作，其中系統(tǒng)登錄界面如圖10.8所示，請假管理界面如圖10.9所示。,10.2 系統(tǒng)分析,通過對系統(tǒng)功能進行分析，可以歸納出本系統(tǒng)包含單位部門、職工信息、會議信息、參會人員設置、當前會議設置、請假信息、會議簽到信息、系統(tǒng)用戶等信息，其中主要信息的E-R圖如圖10.10所示：,8個數據表結構如表10-1表10-8所示。 表10-1部門信息表（Department）,表10-2職工信息表（

4、Employee）,表10-3 會議信息表（MeetingInfo）,表10-4 參會人員設置表（AttendEmpShedule）,表10-5 會議簽到信息表（AttendCard）,表10-6 請假信息表（AskForLeave）,表10-7 當前會議設置標（CurrentMeeting） 表10-8 系統(tǒng)用戶表（Admin）,10.3 SQL Server數據庫的創(chuàng)建,我們將利用SQL Server2005提供的圖形界面工具“SQL Server Management Studio”創(chuàng)建會議考勤系統(tǒng)的數據庫。具體步驟如下： 1）選擇“開始”“所有程序”“Microsoft SqlServ

5、er 2005” “SQL Server Management Studio”，打開SQL Server管理平臺，將彈出如圖10.11所示的登錄界面,圖10.11 SQL Server2005登錄界面,2）選擇SQL Server身份驗證，輸入用戶名和密碼后，即可進入系統(tǒng)主界面，如圖10.12所示： 圖10.12 SQL Server Management Studio,3在） “對象資源管理器”選擇“數據庫”，右鍵，執(zhí)行“新建數據庫”命令，如圖10.13所示： 圖10.13 新建數據庫,4）在彈出的“新建數據庫”對話框中，在數據庫名稱文本框中輸入“Meeting”，注意在“數據庫文件”列表選

6、項中可以設置數據庫的初始大小、自動增長、文件存儲路徑、文件名等信息，這里采用默認值，點擊最下方的“確定”按鈕，完成數據庫的添加，如圖10.14所示：,圖10.14 新建數據庫對話框,5）在“對象資源管理器”選擇數據庫“Meeting”，在“表”子項目上點擊右鍵，執(zhí)行“新建表”命令，如圖10.15所示,6)根據表10-1到表10-8的字段要求，創(chuàng)建數據庫表的各個字段，注意修改各個字段的數據類型，如圖10.16所示：,7)按保存該表，在彈出的對話框中輸入“Department”，實現(xiàn)表的命名。 8)選擇DeptID列，在“列屬性”列表中，找到“表設計器”“標識規(guī)范”，將“（是標識）”項改為“是”，

7、如圖10.17所示。標志列的作用是，當向該表添加記錄時，標識列的數據自動增加，增加值由標識增量決定。例如，對于DeptID列，第一條記錄該列值為1，第二條記錄值為2，以此類推。,圖10.17 修改標識列,9)保持選中DeptID列，點擊左上角的 圖標，為DeptID列添加主鍵，從而規(guī)定該列的值具備唯一性。 10)根據以上步驟，創(chuàng)建會議考勤系統(tǒng)的其他表格。,10.4考勤后臺管理軟件架構,本系統(tǒng)在同一“Visual Studio解決方案”下包含三個項目，分別為系統(tǒng)類庫，后臺管理系統(tǒng)網站和考勤前臺簽到系統(tǒng)，采用同一解決方案的作用是方便代碼管理和維護。,10.4.1 系統(tǒng)解決方案及類庫創(chuàng)建,系統(tǒng)解決方

8、案和類庫的創(chuàng)建步驟為: 1）打開Microsoft Visual Studio，在菜單欄選擇“文件”“新建”“項目”，在彈出的“新建項目”對話框中選擇“Visual Studio解決方案” “空白解決方案”，項目名稱輸入“MeetingSys”，保存位置可自行設置，如圖10.18所示,圖10.18 新建項目,2）點擊確定按鈕，Visual Studio將為我們創(chuàng)建項目的解決方案，在“解決方案資源管理器”下的“解決方案MeetingSys（0個項目）”欄目上單擊鼠標右鍵，從彈出的下拉菜單中執(zhí)行“添加”“新建項目”命令，如圖10.19所示。,3）在彈出的“添加新項目”對話框中，選擇“Visual

9、C#語言”“類庫”，名稱為“MeetingLib”，如圖10.20 所示。,4）在解決方案“MeetingSys”下將會添加“MeetingLib”項目，在該項目上單擊鼠標右鍵，從彈出的下拉菜單中執(zhí)行“添加”“類”命令，如圖10.21所示。,5）在彈出的“添加新項”對話框中，輸入名稱“DbHelper.cs”后，點擊“添加”按鈕。 6）雙擊“DbHelper.cs”文件，修改代碼為如下所示： 鍵入代碼 7）在解決方案資源管理器的“MeetingLib”項目上單擊鼠標右鍵，從彈出的下拉菜單中執(zhí)行“添加引用”命令，在彈出的“添加引用”對話框中，選擇“System.Configuration”項，按

10、住鍵，再次選擇“System.Data.OracleClient”項后，點擊“確定”按鈕，如圖10.22所示。,圖10.22添加引用,8）在解決方案資源管理器的“MeetingLib”項目上單擊鼠標右鍵，從彈出的下拉菜單中執(zhí)行“生成”命令，如果上述步驟沒有出現(xiàn)錯誤，將在VS工具的左下角輸出如圖10.23所示項目生成信息。,9）繼續(xù)添加名為“MyMD5”的類，用來加密用戶密碼等敏感信息，代碼如下： 鍵入代碼 10）再次在解決方案資源管理器的“MeetingLib”項目上單擊鼠標右鍵，從彈出的下拉菜單中執(zhí)行“生成”命令，如果上述步驟沒有出現(xiàn)錯誤，繼續(xù)添加名為“SysUtility”的類，該類代碼如

11、下： 鍵入代碼 11）重新生成項目，確保代碼正確,10.4.2 考勤后臺管理系統(tǒng)框架構建,考勤后臺管理系統(tǒng)采用FrameSet結構，具體實現(xiàn)步驟如下 1）利用搜索引擎查找或直接從微軟網站上下載“ASPAJAXExtSetup.msi”文件，并將該文件安裝到操作系統(tǒng)中，從而后臺系統(tǒng)可以支持微軟AJAX架構，該軟件的安裝界面如圖10.24所示。,2）重新啟動Visual Studio，打開“MeetingSys”解決方案，在“解決方案資源管理器”下的“解決方案MeetingSys（1個項目）”欄目上單擊鼠標右鍵，從彈出的下拉菜單中執(zhí)行“添加”“新建網站”命令，在彈出的“添加新網站”對話框中，選擇“

12、ASP.NET AJAX-Enabled Web Site”模板，并將該網站的保存位置設置在解決方案相應目錄下，例如本教程中為“D:learnMeetingSysMeetingManagement”，從而在解決方案下添加了“MeetingManagement”這一子目錄，網站文件將存放在里面。最后，確保項目語言為Visual C#，如圖10.25所示。,3）在新添加的網站項目上點擊鼠標右鍵，在彈出的下拉菜單中執(zhí)行“設為啟動項目”命令，從而可以通過點擊工具欄上的 圖標來運行項目。 4）在“解決方案資源管理器”選中網站項目，右鍵，執(zhí)行“新建文件夾”命令，并將新的文件夾命名為“Admin”。 6）在

13、Admin文件夾下添加css、image、js、My97DatePicker等子文件夾，并將隨案例提供的“案例素材.rar”文件解壓，將素材文件拷貝到相關目錄下。,7）在Admin文件夾上點擊鼠標右鍵，執(zhí)行“添加新項”命令，在彈出的“添加新項”對話框中選擇“Web窗體”，并將之命名為“Default.aspx”，如圖10.26所示。,8）修改Default.aspx的代碼為如下所示： 鍵入代碼 7）添加“FrameTop.aspx”窗體，HTML代碼如下： 鍵入代碼 8）添加“FrameLeft.aspx”窗體，HTML代碼如下： 鍵入代碼 9）添加“FrameBottom.aspx”窗體，H

14、TML代碼如下： 鍵入代碼 10）添加“FrameMain.aspx”窗體，HTML代碼如下： 鍵入代碼,11）在“解決方案資源管理器”中，選中網站項目下“Admin”文件夾中的“Default.aspx”文件后，點擊工具欄上的 圖標運行項目，運行結果如圖10.27所示。由于沒有添加具體的功能窗體，所以系統(tǒng)主界面上顯示為“無法找到資源”錯誤。,10.5 部門人員管理功能實現(xiàn),10.5.1 單位部門設置子模塊 單位部門設置功能實現(xiàn)步驟如下： 1）在“解決方案資源管理器”中，選中網站項目下“Admin”文件夾，右鍵，在彈出的下拉菜單中執(zhí)行“新建文件夾”命令，并將新的文件夾命名為“Departmen

15、t”。 2）在“Department”文件夾下添加名為“DeptSet.aspx”的窗體文件，并添加初始代碼如下： 鍵入代碼,4）從VS工具箱中選擇“TreeView”控件和“Literal”控件添加到Web窗體上，此時Web窗體布局如圖10.28所示。 4）后臺代碼中初始化TreeView控件代碼為： 鍵入代碼 5）初始化頁面代碼如下： 鍵入代碼,6）在“解決方案資源管理器”中，選中網站項目，右鍵，在彈出的下拉菜單中選擇“添加引用”，在彈出的“添加引用”對話框中，切換到“項目”標簽頁，選擇“MeetingLib”類庫，將10.4.1中創(chuàng)建的類庫添加到網站引用中，由此，在考勤后臺系統(tǒng)中，可以調

16、用類庫中的代碼，如圖10.29所示。,7）在“解決方案資源管理器”中，選中“Web.config”文件，雙擊打開，在“”上添加如下xml語句： 鍵入代碼 8）在“解決方案資源管理器”中，選中Admin文件下的Default.aspx文件，右鍵，選擇設為起始頁，運行項目，該頁首先被執(zhí)行。在左側導航欄中選擇“部門人員管理”“單位及部門設置”，執(zhí)行結果如圖10.30所示。,9）關閉瀏覽器，在“解決方案資源管理器”中選擇“Admin文件夾”“Department文件夾”“DeptSet.aspx”文件，在源文件的頂部添加如下所示JS代碼： 鍵入代碼 10）在源文件的底部添加如下代碼，也可以借助VS工具

17、欄中加快控件添加速度： 鍵入代碼 注意以上代碼需要添加在標簽之前。,11）添加以上代碼后，部門設置功能界面如圖10.31所示。 12）添加以下代碼，以支持各個界面的AJAX功能： 鍵入代碼,13）切換到界面的設計試圖，雙擊“添加單位”控件，在生成的 LinkButton1_Click事件中添加如下代碼： 鍵入代碼 14）添加單位信息代碼如下： 鍵入代碼 15）切換到界面的設計視圖，雙擊“修改單位”控件，在生成的LinkButton2_Click事件中添加如下代碼： 鍵入代碼 其中調用的GetCheckedUnit（）代碼如下： 鍵入代碼,16）修改單位代碼如下： 鍵入代碼 17）切換到界面的設

18、計視圖，雙擊“刪除單位”控件，在生成的LinkButton3_Click事件中添加如下代碼： 鍵入代碼 18）添加部門的操作步驟與添加單位基本類似，可自行通過案例素材中的案例源代碼學習。,10.5.2 職工信息設置子模塊 1、職工信息添加功能實現(xiàn)步驟如下： 1）在網站的AdminDepartment目錄下添加名為“EmployeeSet.aspx”的Web窗體，界面如圖10.32所示，注意設置驗證控件，用于驗證用戶輸入的合法性，在單位部門下利用SqlDataSource和Dropdownlist控件實現(xiàn)單位部門信息的二級聯(lián)動。,2）雙擊“提交”按鈕，添加如下代碼，實現(xiàn)添加用戶信息功能： 鍵入代

19、碼 3）在網站的AdminDepartment目錄下添加名為“EmployeeView.aspx”的Web窗體，界面如圖10.33所示。,其中SQLDataSource1控件的SQL語句為： SELECT ID, Name, CardID, DeptName, parentname,Position FROM V_EmployeeInfo，其對應于數據庫Meeting中的視圖V_EmployeeInfo。 另外在DataGridView中利用“HyperLinkField”控件，通過超鏈接的形式，將修改功能傳遞到了“EmployeeSet.aspx”上。如圖10.34所示：,4）職工管理界面對

20、應的查詢功能代碼如下： 鍵入代碼 5）在查詢按鈕的Click事件以及DataGridView控件的PageIndexChanged事件中添加對查詢功能SearchEmployee（）的調用即可。 6）修改AdminDepartment目錄下的EmployeeSet.aspx.cs代碼為如下所示： 鍵入代碼,10.6 會議管理功能實現(xiàn),10.6.1 會議信息添加模塊 會議信息添加模塊和職工信息設置子模塊功能類似，實現(xiàn)步驟如下： 1）在網站項目下的Admin文件夾下添加Meeting子文件夾，和會議管理功能相關的Web文件將存儲在這里。 2）在Meeting子文件夾下添加名為MeetingSet.

21、aspx的web窗體文件，并將窗體布局設置為如圖10.35所示。,3）添加會議信息核心代碼： 鍵入代碼 4）修改會議信息核心代碼： 鍵入代碼 這里調用了設置當前會議信息的存儲過程，數據庫中的存儲過程代碼如下： 鍵入代碼,10.6.2 會議信息瀏覽與編輯模塊 會議信息瀏覽與編輯模塊實現(xiàn)過程如下： 1）在網站的AdminMeeting目錄下添加名為“MeetingView.aspx”的Web窗體，界面如圖10.36所示。 注意刷卡要求列字段為自定義模板，其代碼為： 鍵入代碼,2）會議信息修改功能通過HyperLinkField字段切換到MeetingSet.aspx頁面完成，主要通過將該字段的Da

22、taNavigateUrlFormatString屬性來實現(xiàn)，如圖10.37所示。,10.6.3 參加會議人員設置 參會人員設置從實現(xiàn)流程上可分為兩個步驟：首先顯示還未召開的會議，其次為相應的會議設置參會人員即可。具體實現(xiàn)步驟如下： 1）在網站AdminMeeting顯示未召開的會議 會議信息瀏覽與編輯模塊實現(xiàn)過程如下： 1）在網站的AdminMeeting目錄下添加名為“AttendShedule.aspx”的Web窗體文件，添加DataGridView控件和SqlDataSource控件，頁面布局類似會議信息瀏覽模塊。 2）SqlDataSource的Select語句為： 鍵入代碼,3）在

23、DataGridView控件上添加HyperLinkField字段，用于鏈接到會議參會人員具體設置界面，HyperLinkField字段對應的代碼為： 鍵入代碼 4）在網站的AdminMeeting目錄下添加名為“AttendSet.aspx”的Web窗體文件，其布局如圖10.38所示。,5）在參會人員設置中，主要涉及到了參會人員批量設置功能，可在GridView控件的最后一列添加模板列，而后在GridView控件上選擇編輯模板，再選擇HeaderTemplate，從工具箱中選擇checkbox控件放到模板列中，如圖10.39所示。 6）選擇ItemTemplate,再放入一個CheckBox

24、后，添加如下代碼： 鍵入代碼 7）選中GridView控件,在其DataBound事件中添加如下代碼： 鍵入代碼,8）確定參會人員代碼如下： 鍵入代碼,10.6.4 請假人員設置 請假人員設置功能（AskForLeaveSet.aspx）與會議信息添加、瀏覽功能基本類似，其界面如圖10.40所示。,這里要注意的是會議主題中對應的SQLDataSource代碼，注意已經召開完的會議是不允許請假的，對應SQL語句如下： SELECT ID, Title FROM MeetingInfo WHERE (OpenDate = DATEADD(dd, - 1, GETDATE() 請假人員瀏覽功能(As

25、kForLeaveView.aspx)主要是根據會議主題的不同，列出對應會議的請假人員，功能界面如圖10.41所示：,10.6.5 當前考勤會議設置 前會議召開功能通過在顯示的未召開會議信息的列表上，通過單選框按鈕選擇某項會議，然后按“設為當前考勤會議”按鈕來實現(xiàn)該功能，其運行界面如圖10.42所示： 該功能的主要技術應用體現(xiàn)在GridView上單選按鈕的設置，具體步驟如下： 1）在GridView空間上添加模板列，對應代碼如下： 鍵入代碼,2）在GridView的RowDataBound事件中添加如下代碼： 鍵入代碼 3）雙擊LinkButton控件，為其Click事件添加如下代碼，從而完成

26、設置當前考勤會議功能： 鍵入代碼,10.7 會議出勤情況統(tǒng)計功能實現(xiàn),會議出勤情況模塊主要統(tǒng)計會議應到人數、實到人數、遲到人數、未到人數、請假人數等信息，并可以查詢各種情況的詳細人員名單，實現(xiàn)步驟如下： 1）在網站項目下的Admin文件夾下添加Query子文件夾，和回憶出勤情況統(tǒng)計功能相關的Web文件將存儲在這里。 2）在Query子文件夾下添加名為MeetingStats.aspx的web窗體文件，并將窗體布局設置為如圖10.43所示。,3）這里大量應用了自定義模板列，GridView控件代碼如下所示： 鍵入代碼 4）導出Excel功能主要通過生成HTML代碼，將報表內容包含在標簽中，如下所

27、示： 鍵入代碼 5）在GridView控件的RowCommand事件中添加如下代碼，完成Excel導出功能： 鍵入代碼 6）查看應到、實到、遲到、未到、請假明細功能界面和代碼基本類似，主要通過訪問數據庫的不同視圖來實現(xiàn)，以查看應到人數為例，對應的SQLDataSource控件代碼為 鍵入代碼,10.8 用戶登錄功能實現(xiàn),在完成了會議考勤后臺管理的核心功能后，可以著手實現(xiàn)系統(tǒng)用戶登錄和權限控制等功能，將用戶登錄功能放在最后，是為了方便功能測試，提高開發(fā)效率。用戶登錄功能實現(xiàn)步驟如下： 1）在網站Admin文件夾下新建名為“Admin_Login.aspx”的Web窗體文件，并將界面設計為如圖10

28、.44所示：,2）登錄模塊后臺代碼如下： 鍵入代碼,10.9 用戶權限管理功能實現(xiàn),10.9.1 用戶信息添加模塊 用戶信息添加模塊實現(xiàn)步驟如下： 1）在網站項目下的Admin文件夾下添加User子文件夾，并在User子文件夾下添加名為“UserAdd.aspx”的Web窗體,該窗體控件布局如圖10.45所示。,2）本模塊仍然通過網頁參數兼顧添加與修改功能，其中添加功能代碼如下： 鍵入代碼 3）UserIsExit方法用來查看是否新增加的用戶已經存在于數據庫之中： 鍵入代碼 4）GetRightsSelect方法用來檢查CheckBox控件的選中狀態(tài)，用來組合權限控制字符串，代碼如下： 鍵入代

29、碼 5）修改用戶功能代碼如下： 鍵入代碼,10.9.2 用戶信息瀏覽模塊 用戶信息瀏覽模塊功能與會議信息瀏覽功能類似，其界面如圖10.46所示，讀者可自行查看案例代碼，完成該功能。,10.9.3 修改密碼模塊 修改密碼功能實現(xiàn)步驟如下： 1）在網站項目下的AdminUser文件夾下添加名為“ChangePd.aspx”的Web窗體,該窗體控件布局如圖10.47所示。 2）后臺代碼如下： 鍵入代碼,10.9.4 權限控制 權限控制功能可通過如下核心代碼： 鍵入代碼 將該段代碼添加到各個頁面的protected void Page_Load(object sender, EventArgs e)下

30、即可，讀者可自行完成，類似例子可以參考示例源文件下的“adminuseruserview.aspx.cs”。權限控制還可通過配置web.config、實現(xiàn)HttpModules接口等方式實現(xiàn)，讀者可查閱相關資料。,10.10 會議考勤情況顯示功能,考勤情況顯示功能實現(xiàn)步驟如下所示： 1）打開網站根目錄下的Default.aspx文件，從工具箱選擇“ScriptManager”、“UpdatePanel”和“Timer”三個AJAX控件，拖動到窗體布局頁面上。 2）放至Label、Literal和HyperLink等控件，整個界面布局如圖10.48所示:,其中會議標題為Label控件，時間為Literal控件，人數數字信息為HyperLink控件，整個頁面代碼為： 鍵入代碼 4）后臺代碼為： 鍵入代碼 5）在AttendDetails下通過數據庫的“AttendDetails”存儲過程來獲得顯示數據，該存儲過程代碼如下： 鍵入代碼,6）在網站根目錄下添加AllinOne.aspx、AskForLeave.aspx、DelayAttend.aspx、MustAttend.aspx、NotAttend.a