【正文】 用戶輸入的登錄信息被后臺的數據庫匹配了才能夠安全登錄。否則是非法登錄不能進入本系統主頁。 網絡辦公自動化系統 21 用戶輸入自己的“用戶名”和相匹配的“密碼”后，后臺的管理服務會對登錄的用戶的身份進行驗證，若匹配后進入系統首頁，否則會提示“用戶的用戶名或密碼不正確！” 人事管理模塊 該模塊總功能大體分為三部分 (如圖 51)： (1) 機構信息：對公司機構進行添加，修改和刪除。 (2) 部門信息：對公司部門進行添加，修改和刪除。 (3) 員工管理：對公司員工進行添加，修改和刪除以及角色的分配，并且可以查看員工的詳細信息。 圖 51 收人事文管理功能結構圖 消息傳遞模塊 用戶成功登錄后可操作左邊的功能菜單中的功能模塊，用戶單擊功能菜單欄的消息管理就可以創(chuàng)建和發(fā)表信息，也可以查看公司其他員工發(fā)來的信息，當點擊左側功能菜單的信箱，可以查看收件箱，草稿箱，已發(fā)送郵件，和垃圾箱里的郵件。 系統管理模 塊 (1) 角色管理：列出了公司里各種角色，點擊分配權限可以對角色進行權限的分配，也可以對公司里面的角色進行添加和擴展。 (2) 登錄日志：查看公司中員工登錄系統的時間日志，并且可以按條件本日， 網絡辦公自動化系統 22 本周，本月進行查詢和刪除指定的項目。 (3) 操作日志：通過操作日志可以了解員工使用系統在什么時間都做了什么，可以條件查詢和刪除指定項目。 結構如下 圖 52： 圖 52 系統管理功能結構圖 考勤管理模塊 （ 1） 員工考勤 通過此功能公司員工每人上班可以簽到和下班的簽退， 方便對公司員工的上下班進行管理，而且員工通過備注功能也可以上上司反映情況，加深公司上下級之間的溝通 （ 2） 考勤歷史查詢 通過條件查詢可以查看公司員工的考勤記錄，條件包括，按日，按月，按周，和范圍的查找。 （ 3）考勤統計 對公司員工的靠近進行統計，并且通過條件條件查詢可以精確的制動個人，部門員工的考勤狀況。 界面設計實現 優(yōu)美的界面效果是本系統的特點，下面要介紹登錄和退出兩大界面的實現過程。 登錄界面的實現 用戶在瀏覽器中輸入 進入本系統的登錄頁面如圖 53所示： 網絡辦公自動化系統 23 圖 53 登錄界面 該頁面 主要實現的是驗證用戶的身份及判斷用戶是否已經登錄，用戶輸入用戶名和密碼后，點擊“確定”按鈕，會執(zhí)行 中的 execute()方法，去數據庫查找用戶。關鍵代碼如下： table html:form action=/user/logon focus=username trtd colspan=3 background=image/ html:text property=username//td/tr trtd colspan=3 background=image/ html:passwordproperty=userpassword redisplay=false/ /td/tr trimg src=image//td tdhtml:submitstyle=background:url(image/)。 cursor:handvalue= //td tdhtml:reset style=background:url(39。image/39。)。 cursor:hand value= //td/tr /html:form /table 系統首頁設計的實現 用戶在登錄界面中輸入匹配的“用戶名”和“密碼”單擊“確定”按鈕后進入本系統的 主首頁，首頁結構如表 所示： 表 首頁結構表 網絡辦公自動化系統 24 區(qū)域 名稱 說明 對應 JSP文件 1 企業(yè)辦公自動化 企業(yè)辦公自動化 LOGO圖片 2 歡迎提示 顯示登錄者的基本信息 功能菜單 顯示用戶的可操作菜單 3 頁面內容 顯示功能菜單中相應的操作內容 各模塊文件中的 JSP頁面 4 頁尾 頁面尾部信息 (1) 首頁的視圖效果如下： 圖 54 系統首頁頁面 (2) 主頁面的整體框架關鍵代碼如下： div style=height: 461px。 width: 750。 marginleft: 0px。 margintop: 0px。 input type=text name=userName id=userName style=position: absolute。 zindex: 10。 top: 291px。 left: 577px。 width: 86px。 / input type=password name=password id=userPwd style=position: absolute。 zindex: 10。 top: 310px。 left: 577px。 width: 86px。 / span style=fontsize: 8px。 color: FF0000。 position: absolute。 zindex: 10。 top: 358px。 left: 540px。${errorInfo}/span img src=image/ border=0 usemap=Map / 網絡辦公自動化系統 25 map name=Map id=Map area shape=rect coords=577,338,620,355 href=javascript:loginSubmit()。 / area shape=rect coords=621,338,662,355 href=javascript:loginCancel()。 / /map /div 用戶退出系統頁面實現 (1) 當要單擊右上部的關閉按鈕后進入退出界面如下： 圖 55 退出頁面 (2) 該模塊最終實現了以下功能： 重新登錄：當用戶修改了個人信息后，需重新登錄才能顯示修改后的信息。 退出：用戶退出本系統首先應單擊程序界面右上角的退出按鈕，然后再關閉瀏覽器。 功能模塊的實現 該系統的優(yōu)勢在于其多種 功能的實現，讓企業(yè)迅速處理辦公業(yè)務。下面介紹這些功能的實現過程。 網絡辦公自動化系統 26 登錄模塊的實現 用戶通過登錄頁面，進行企業(yè)辦公自動化系統首頁面。該模塊主要用于驗證用戶的身份及判斷用戶是否已經登錄。 創(chuàng)建登錄頁面： 。 在每個模塊中都要對登錄用戶的身份進行驗證，如果用戶沒有對某個模塊進行操作的權限，則程序強制轉向 頁面顯示提示信息。 如果用戶沒有進行登錄操作，而直接在地址欄中輸入訪問頁面的地址時，程序強制轉向 頁面。 創(chuàng)建 LogonForm類。 該類用來存儲登錄用戶的信息，也就是登錄表單中的數據。 人事 管理模塊的實現 機構信息模塊 (1) 創(chuàng)建建立發(fā)文的頁面為： ，其運行的效果如圖 56 所示： 圖 56 新建發(fā)文窗口 單擊“提交”按鈕后會觸 發(fā) 請求，并傳遞一個參數給處理該請求的 Action 類。通過該參數，調用數據庫里面的數據顯示到頁面上。點擊“添加”按鈕可以添加機構，點擊“修改”，“刪除”可以修改和刪除機構信息。 實現的 頁面關鍵代碼如下 ： c:if test=${%2==0} tr class=even onmouseover=javascript:=39。over39。 onmouseout=javascript:=39。even39。 網絡辦公自動化系統 27 td${ }/td td span id=${}_1${}/span /td td span id=${}_2${}/span /td td a href=javascript:updateBranch(39。${}39。,39。${ranchId}_139。,39。${}_239。)。 style=cursor: pointer。 修改/a a href=javascript:deleteBranch(39。${ }39。) style=cursor: pointer。 刪除 /a /td /tr /c:if 部門信息 模塊 通過部門信息模塊可以查看公司部門的詳細信息，可以對部門信息進行添加刪除和修改。 其是以列表的形式呈現。實現結果如圖 57所示： 圖 57 發(fā)件箱窗口 (2) 員工管理模 塊 通過部門信息模塊可以查看公司部門的詳細信息，可以對部門信息進行添加刪除和修改 。運行效果如圖 58所示 ： 網絡辦公自動化系統 28 圖 58 收件箱窗口 日程管理模塊的實現 我的日程模塊。 查看我的日程管理模塊頁面： 。點擊每個日期右方的小方塊可以對當天自己的日程進行設置。運行效果如圖 59 所示： 圖 59 瀏覽會議信息窗口 部門日程 模塊。 添加會議子模塊可以搜索和查看部門的當日日程，方便員工的當日作業(yè)。運行效果如圖 510所示： 圖 510 添加會議信息窗 口 網絡辦公自動化系統 29 消息傳遞 模塊 的實現 消息傳遞模塊是公司中消息傳遞的一個工具，公司人員可以利用消息傳遞模塊進行郵件的接受與發(fā)生，就有普通郵箱的功能。 消息管理模塊 消息管理模塊可以查看公司發(fā)布的不同信息，還可以“添加消息”按鈕添加自己的信息，界面如下圖 511 所示： 圖 511 消息管理窗口 單擊“提交”按鈕后會觸 發(fā) 請求，并傳遞參數給處理該請求的 Action 類。通過該參數，調用數據庫里面的數據顯示 到頁面上。點擊“查詢”按鈕可以查詢消息信息，點擊，“添加消息”，“刪除”可以添加刪除消息。 具體重要實現代碼如下： div html:form action=?method=doSearchMessage method=post onsubmit=return validateSubmit()。 開始時間： html:text property=beginTime size=18 onclick=showCal(beginTime)。 readonly=true styleClass=iptCss / 結 束 時 間 ： html:text property=endTime size=18 onclick=showCal(endTime)。 readonly=true styleClass=iptCss / html:radio property=timeArea value=1 onclick=writeToday()。本日 /html:radio