【正文】 下載地址 m_equipment char(150) 是 會議 設(shè)備 信息表（ note）：主要包括 留言編號，留言內(nèi)容，留言時間，留言者，所屬會議編號 。 各字段的具體信息如表 47 所示： 17 表 47 圖片 信息表（ photo） 主鍵 或外鍵 字段名稱 類型 允許為空 字段說明 主鍵 p_id int 否 圖片 編號 p_name char(100) 是 圖片名稱 p_user char(50) 是 上傳者 p_description char(150) 是 圖片描述 p_m_id int 是 所屬會議編號 第五章 系統(tǒng)詳細設(shè)計及實現(xiàn) 18 第五章 系統(tǒng) 詳細設(shè)計及實現(xiàn) 登錄 注冊 模塊設(shè)計及實現(xiàn) 本登錄模塊采用了 ajax 異步提交的方式 ， 設(shè)計時只要創(chuàng)建 input 對象和select 對象，其中用戶名那一欄屬性為 type，密碼屬性為 password，登錄和注冊按鈕的屬性為 button，職位的選擇使用 select 對象，然后使用 表格對控件進行排版并在頁面中添加背景圖片， 對這些控件使用 css 進行美化， 實 現(xiàn)效果如圖 51： 圖 51 登錄模塊效果圖 職位的獲取 頁面加載時，會發(fā)送一個 Ajax 請求， 調(diào)用 JobAction 中的 findJob 方法，請求的 action 需要在 進行配置，配置代碼為： 查詢數(shù)據(jù)庫中職位的信息， 在 findJob 中調(diào)用 JobService 中的 findJob 方法，然后 JobService 中調(diào)用 jobDAO 中的 findAll 方法，即可查詢到在數(shù)據(jù)庫中 job的值，將查詢到的值，以 list 的形式存放到 result 中，然后在 ajax 的 success中取得存放在 result 中的值，用 select 中的 option 存放并顯示出來，具體實現(xiàn)代碼 為： 19 前臺 ajax 請求和數(shù)據(jù)處理： jobAction 中 findJob: jobDAO 中 findAll: 登錄功能的實現(xiàn) 在實現(xiàn)登錄功能， 首先 為登錄按鈕綁定 click 事件，然后在事件中發(fā)送 Ajax請求（需在 中配置）， 并將用戶名，密碼以及職位的信息以 post 的方式發(fā)送到 LoginAction 中， 調(diào)用 action 的 login()方法， 其中用戶名，密碼的頭名字須和 users 類中一致，這樣 Struts 就可以將數(shù)據(jù)封裝到對象中，發(fā)送請求的 js 代碼為： 第五章 系統(tǒng)詳細設(shè)計及實現(xiàn) 20 在 login()方法中 ，因為從前臺傳過去的數(shù)據(jù)名與 Users 對象中的字段名以及類型相同， struts2 可以直接對其進行封裝，所以 用 方式來獲取用戶名和密碼。 實現(xiàn)效果 如 圖 53，其中查詢時要將用戶名傳到 UsersDAO 中，在調(diào)用 UsersDAO 中的 findByUName 方法， 而在findByUName 的方法 中調(diào)用了 findByProperty 方法，其中 findByProperty 的具體 實現(xiàn) 使用的就是 hibernate 的 query 查詢，具體代碼 為： 圖 52 登錄失敗 21 圖 53 登錄成功 注冊功能的實現(xiàn) 注冊功能，首先跟跟登錄一樣為 button 綁定 click 事件， 當點擊注冊按鈕的 時候，就 會 彈出 一 個 modalDialog 對話框 ，在 modalDialog 中引 用 了，彈出界面如圖 54 所示， 在頁面中的控件跟登錄界面類似，不再重復(fù)敘述。具體實現(xiàn)方法為：在 頁面中引入 、 、 三個 js 的文件 ，然后 用 JavaScript 調(diào)用插件的接口，這樣就可以完整的為填寫 生日 的控件 綁定了 日期插件，具體 的 實現(xiàn)代碼為： 引入插件 綁定插件 實現(xiàn)效果如圖 55。因為在數(shù)據(jù)庫中生日字段是 date 類型的，所以需要在 register 方法中對前臺取得的 String 類型的生日進行轉(zhuǎn)換，調(diào)用 simpleDateFormate 中的方法轉(zhuǎn)換。 其中，在 useDAO 中的 save 方法執(zhí)行了 hibernate 中的 hql 查詢，具體代碼如下： 實現(xiàn)效果如圖 56 所示。然后創(chuàng)建一個 sessionFilter 類，讓他實現(xiàn) filter 接口，重寫其中的 dofilter方法，獲取 session 對象，判斷當 session 對象中有值或者頁面為 時，攔截器不工作，其他情況下都跳轉(zhuǎn)到 頁 面。具體代碼為： 在前臺 通過設(shè)置控件的值將查詢到的數(shù)據(jù)附給相應(yīng)的控件，是查詢的數(shù)據(jù)在頁面上顯示出來，因部分代碼實現(xiàn)與前面類似，就不再重復(fù)，實現(xiàn)代碼為： 實現(xiàn)效果如圖 58 所示： 圖 58 個人信息修改 修改功能其實與查看相反，取得控件上的信息，通過 ajax 請求，發(fā)送到updateUsers 方法中，通過 userService 調(diào)用 userDAO 中的 update 方法完成修改功能。大 體的實現(xiàn)過程如下： 首先加載頁面時，發(fā)送 ajax 請求獲取 session 中存儲的 user 對象的值，判斷 user 的職位，只有職位為管理員的才可以進入用戶信息管理頁面。具體實現(xiàn)代碼為： 查詢表格中的數(shù)據(jù)時，發(fā)送請求，調(diào)用 findAllUsers 方法，在 findAllUsers 27 方法中調(diào)用 userService 中的 findUsers 方法，在調(diào)用 usersDAO 中的 findAll 方法，將查詢到的信息存放到 listUsers型的 result 中，返回到前臺。在引用表格時，需對表格設(shè)置參數(shù)個數(shù)和參數(shù)值，方便對數(shù)據(jù) 的修改和刪除。 刪除功能實現(xiàn)需要將所刪 除的用戶的 id 傳到 LoginAction 的 deleteUsers()方法中，最后調(diào)用 UserDAO 中的 delete()方法，在 delete()具體代碼為： 會議室管理功能的實現(xiàn) (1)會議室管理模塊 首先在加載頁面前判斷職位信息，成功后 發(fā)送請求 查詢所有的會議室信息， 通過表格顯示到頁面上。實現(xiàn)效果如圖 512 所示。 第五章 系統(tǒng)詳細設(shè)計及實現(xiàn) 30 圖 512 會議室修改界面 (2)會議室 審批 審批會議室首先是判斷職位信息，成功后查詢所有待審批的會議室信息。修改的具體方法為：在 meetingRoomAction 中用 session 獲取 users 對象的名字，從前臺獲取會議室 id，在 meetingSerivce 中根據(jù)會議室 id 查詢會議室信息，設(shè)置狀態(tài)信息，然后執(zhí)行 update 操作。具體實現(xiàn)代碼如下： 31 實現(xiàn)效果如圖 513 所示 圖 513 設(shè)備管理界面 設(shè)備的修改 的實現(xiàn)方法與會議室的修改的實現(xiàn)方法類似， 設(shè)備審批與會議室審批類似， 所以在這邊就 不再重復(fù)敘述 了 。點擊預(yù)定按鈕后，修改數(shù)據(jù)庫中 meeting 表的 m_state 的狀態(tài)設(shè)為不可用，r_reserve 的狀態(tài)設(shè)為待審批，將申請人設(shè)為當前用戶。具體實現(xiàn)代碼如下： 在 meetingRoomAction 中 的實現(xiàn)： 第五章 系統(tǒng)詳細設(shè)計及實現(xiàn) 32 在 meetingSerivce 中 的實現(xiàn)： (2)歸還會議室 歸還會議室方法與預(yù)定會議室類似，這里不再重復(fù)。 發(fā)布會議管理功能的實現(xiàn) (1)發(fā)布臨時會議： 臨時會議頁面在加載時，先查詢所有用戶的用戶名，當前用戶申請的會議室，申請的設(shè)備，頁面效果如圖 514 所示 發(fā)布的功能其實就是將頁面的數(shù)據(jù)存放到數(shù)據(jù)庫中，就不重復(fù)了。具體實現(xiàn)代碼如下： Action 中的方法： 33 圖 514 臨時會議發(fā)布頁面 文件上傳的 js 代碼： 實現(xiàn)效果如圖 515， 516 所示 第五章 系統(tǒng)詳細設(shè)計及實現(xiàn) 34 圖 515 文件導(dǎo)入頁面 圖 516 導(dǎo)入成功頁面效果 (2)發(fā)布例會： 例會最關(guān)鍵的就是時間的確定，所以 發(fā)布例會需要做的就是查詢到上一個例會的會議時間，如果沒有查詢到，則默認是當前時間 +7 天，具體的實現(xiàn)代碼如下： 當前時間 +7 的實現(xiàn)代碼： 查詢最近時間在 MeetingDAO 中的代碼為： 35 其他功能與臨時會議相似，不再重復(fù)敘述。具體實現(xiàn) 代碼如下： 查看附件中下載附件的功能，具體實現(xiàn)方法為：獲取上傳到服務(wù)器的地址，然后通過 a 標簽的 href 即可下載附件，效果如圖 517 所示，具體代碼如下： 第五章 系統(tǒng)詳細設(shè)計及實現(xiàn) 36 圖 517 下載 附件頁面 留言板功能 進入留言板，首先確定用戶權(quán)限，經(jīng)理和普通員工可以訪問。具體設(shè)計如下： 查詢當前用戶參加的會議：在 action 中獲取登錄用戶信息，并分別作為組織者和參與者的參數(shù)傳到 meetingDAO 中進行 hql 查詢，具體代碼如下： meetingAction中 meetingService中 meetingDAO 中對參與者進行模糊查詢 實現(xiàn)效果如圖 518 所示 37 518 留言板管理頁面 關(guān)于留言的查看，主要是將留言的相關(guān)信息從數(shù)據(jù)庫中查出來返回到前臺，然后通過字符串拼接的方法動態(tài)地添加到 div 中，關(guān)于字符串拼接的 js 代碼如下： 設(shè)計效果如圖 519 所示 圖 519 留言查看頁面 留言的功能，就是獲取 控件 中 用戶輸入 的 文字 ，然后插入到數(shù)據(jù)庫中，與前面 的數(shù)據(jù)庫操作 類似。圖片上傳功能與 查看會議中 上傳文件 的 功能類第五章 系統(tǒng)詳細設(shè)計及實現(xiàn) 38 似，只是需要對文件后綴名進行判斷一下，是否為圖片。圖片的放大、縮小、旋轉(zhuǎn)功能的實現(xiàn)是引用了 artZoomjquery 插件。 所以在圖片上傳的過程中實現(xiàn)了圖片縮小的功能，并對其進行重命名。按照任務(wù)書要求，從需求分析、總體設(shè)計、數(shù)據(jù)庫設(shè)計到詳細設(shè)計，我獨立完成了本次外企會議管理系統(tǒng) 的設(shè)計、編碼和測試工作。 Jsp 作為網(wǎng)站頁面顯示的載體， 通過 css 對界面進行美化 ，后臺使用 Struts2 完成業(yè)務(wù)邏輯功能，用 Spring 來管理 hibernate 和 bean。 系統(tǒng)雖然已經(jīng)完成了，但項目還有許多的不足。其次項 目的功能離實際使用還有很大的差距，可能是自己沒有相關(guān)的開發(fā)經(jīng)驗，一切都靠摸索和請教。 總之，這次的畢業(yè)設(shè)計雖然讓我遇到了愈多的困難，也讓我學到了許多東西，甚至讓我掌握了以前從來沒有關(guān)注過的技術(shù)。我覺得這次寫畢設(shè)的經(jīng)歷能讓我在以后學習中激勵我繼續(xù)前進。 在整個畢業(yè)設(shè)計的過程中，我 學到了很多東西，也 遇到許多問題，但最后 都 在自己的 努力鉆 研和老師、同學的幫助下 解決 了。 除此 之外外，我要感謝 我的同學和室友，謝謝他們在畢設(shè)過程中， 幫我調(diào)試程序，對我講解做法，讓我少走了許多的彎路 。 6a*CZ7H$dq8Kqqf HVZFedswSyXTyamp。 UE9aQGn8xp$Ramp。 qYpEh5pDx2zVkumamp。ksv*3t nGK8!z89Am YWpazadNuKNamp。 qYpEh5pDx2zVkum amp。 ksv*3t nGK8! z89Am YWpazadNuKNamp。 qYpEh5pDx2zVkum amp。 ksv*3t nGK8! z89Am YWpazadNuKNamp。 qYpEh5pDx2zVkumamp。 ksv*3tnGK8! z89Am UE9aQGn8xp$Ramp。 qYpEh5pDx2zVkumamp。 ksv*3tnGK8! z89Am YWpazadNuKNamp。 qYpEh5pDx2zVkumamp。 ksv*3t nGK8! z89Am YWpazadNuKNamp。 qYpEh5pDx2zVkumamp。 ksv*3t nGK8! z89Am YWpazadNuKNamp。 qYpEh5pDx2zVkum amp。 ksv*3t nGK8! z8vGt YM*Jgamp。 QA9wkxFyeQ^! dj sXuyUP2kNXpRWXm Aamp。849Gx^Gj qv^$UE9wEwZQcUE%amp。 gTXRm 6X4NGpP$vSTTamp。MuWFA5uxY7JnD6YWRrWwc^vR9CpbK!zn% Mz849Gx^G89Am UE9aQGn8xp$Ramp。 qYpEh5pDx2zVkumamp。 ksv*3t nGK8!z89Am YWpazadNuKNamp。qYpEh5pDx2zVkumamp。 ksv*3t nGK8! z89Am YWpazadNuKNamp。qYpEh5pDx2zVkumamp。 ksv*3t nGK8!z89Am YWpazadNuKNamp。 qYpEh5pDx2zVkum amp。 ksv*3t nGK8! z8vGt YM*Jgamp。 QA9wkxFyeQ^! djsXuyUP2kNXpRWXm Aamp。 849Gx^Gjqv^$UE9wEwZQcUE%amp。 gTXR