【導(dǎo)讀】發(fā)工具，實現(xiàn)了基于MVC的OA協(xié)同辦公系統(tǒng)。該系統(tǒng)也是典型的辦公系統(tǒng)，其系統(tǒng)主要包括了數(shù)據(jù)庫的規(guī)劃設(shè)計與維護(hù)和客戶端應(yīng)用程序的開發(fā)兩個方面。該系統(tǒng)主要實現(xiàn)的功能模塊包括了部門管理、角色管理、職員管理、公司通訊錄和會議管理。該系統(tǒng)不僅提高了公司的辦公效率，而且還具有友好的。人機(jī)界面，簡便的操作，良好的實用性。

　　

【正文】 結(jié)束 系統(tǒng)管理員 領(lǐng)導(dǎo) 普通員工 四川理工學(xué)院畢業(yè)設(shè)計（論文） 19 系統(tǒng)管理的 總模塊 系統(tǒng)管理主要有四個模塊分別是：部門管理、角色管理、職工管理和管理員日志 ， 系統(tǒng) 管理 總模塊 圖 如圖 所示。 系統(tǒng)管理 部門管理 職員管理 角色管理 管理員日志 查看日志 圖 系統(tǒng)管理總模塊圖 添加部門 修改部門 刪除部門 查看部門 退出系統(tǒng) 添加員工 修改員工 查詢員工 刪除員工 退出系統(tǒng) 基于 MVC 的 OA 協(xié)同辦公系統(tǒng)的設(shè)計與實現(xiàn) 20 個人信息 模塊 個人信息 模塊 主要有 兩個模塊 ： 本人信息和他人信息。本人信息主要有查看和修改本人的信息，他人信息主要有查詢和查看他人信息模塊 ，個人信息模塊圖如圖 所示。 工作安排 模塊 工作安排 模塊 主要有 四個模塊 ： 權(quán)限設(shè)置、日程安排、綜合查詢 和 日歷查詢 ，工作安排模塊圖如 圖 所示。 名片夾模塊 名片夾主要有 兩個模塊 ： 名片夾分類、個人名片夾。名片夾分類主要有增加名片夾、重命名 和 刪除名片夾，個人名片夾主要有增加名片、查看名片 和 刪除名片 ，名片夾模塊 圖 如圖 所示。 個人信息 本人信息 他人信息 查看信息 修改信息 查詢 查看信息 圖 個人信息模塊圖 增加工作日程 查看已有權(quán)限者 設(shè)置權(quán)限 工作安排 權(quán)限設(shè)置 日程安排 日歷查詢 綜合查詢 圖 工作安排模塊圖 四川理工學(xué)院畢業(yè)設(shè)計（論文） 21 待辦事項模塊 待辦事 項主要有 兩個模塊 待辦事項和工作清單。待辦事項主要包含刪除安排、查看工作和 是否完成，工作清單有查看工作 模塊 ，待辦模塊 圖 如圖 所示 。 在線信息模塊 在線信息主要有 五個模塊 ： 新建留言、未讀留言、收件箱、已發(fā)送 和 草稿箱 。新建留言主要包含發(fā)送郵件 和 存草稿，未讀留言主要包含刪除留言 和 查看郵件，收件箱主要包含查詢、查看 和 刪除， 已發(fā)送主要包含查看 和 刪除，草稿箱主要包含發(fā)送郵件、編輯郵件 和 刪除郵件 ， 在線信息模塊 圖 如圖 所示 。 名片夾 個人名片夾 名片夾分類 增加名片夾 重命名名片夾 刪除夾分類 刪除名片 查看名片 查詢名片 增 加名片 圖 名片夾模塊圖 待辦事項 待辦事項 工作清單 刪除安排 查看工作 是否完成 修改工作 查看工作 圖 待辦模塊圖 基于 MVC 的 OA 協(xié)同辦公系統(tǒng)的設(shè)計與實現(xiàn) 22 個人文件夾模塊 個人文件夾主要有 兩個模塊 ： 個人文件夾 和 共享文件夾。個人文件夾主要包含了增加文件夾、刪除文件夾、 上傳文件、下載文件、刪除文件 和 設(shè)置共享文件夾，共享文件夾主要包含查看文件 和 下載文件 ，個人文件夾 模塊圖 如圖 所示 。 發(fā)送郵件 存草稿 刪除郵件 查看郵件 回復(fù)郵件 查詢郵件 查看郵件 刪除郵件 回復(fù)郵件 查看郵件 刪除郵件 在線信息 新建留言 未讀留言 收件箱 收件箱 草稿箱 發(fā)送郵件 編輯郵件 刪除郵件 圖 在線信息模塊圖 四川理工學(xué)院畢業(yè)設(shè)計（論文） 23 公司通訊錄模塊 公司通訊錄主要是公司通訊錄一個模塊。公司通訊錄主要包含查詢和導(dǎo)出Excel，公司通訊錄模塊 圖 如圖 所示 。 會議管理模塊 會議管理主要有 四個模塊 ： 會議管理、會議室維護(hù)、預(yù)約會議室 和 取消會議室。會議管理主要包含新增會議、查詢會議、查看、修改 和 刪除會議， 會議室維護(hù)主要包含新建會議室、查詢會議室、修改會議室 和 刪除會議室，預(yù)約會議室主要包含查詢會議室 和 預(yù)約會議室，取消預(yù)約只有取消預(yù)約 ，會議管 理模塊 圖 如圖 所示 。 個人文件夾 個人文件夾 增加文件夾 刪除文件夾 上傳文件 下載文件 刪除文件 設(shè)置共享文件夾 個人文件夾 查看文件 下載文件 圖 個人文件夾模塊圖 查詢 導(dǎo)出 Excel 公司通 訊錄 公司通訊錄 圖 公司通訊模塊圖 基于 MVC 的 OA 協(xié)同辦公系統(tǒng)的設(shè)計與實現(xiàn) 24 系統(tǒng)功能的實現(xiàn) 系統(tǒng)登錄界面的實現(xiàn) 系統(tǒng)登陸界面的 主要功能是對系統(tǒng)的安全性進(jìn)行管理，本系統(tǒng)的用戶名和密碼保存在 employ 表中，由于本系統(tǒng)設(shè)置了 三 種不同的權(quán)限用戶，即 系統(tǒng)管理員、領(lǐng)導(dǎo) 和 普通員工 。因些在管理的權(quán)限上也有所不同。 具體設(shè)計如下：可以通過 Dreamweaver8 制作網(wǎng)頁軟件制作本系統(tǒng)的登錄頁面有兩種方法：第一種通過設(shè)計窗口來制作，首先新建一個 JSP 頁面，然后可以插入一些圖片，和輸入需要 顯示的文本，至于用戶名和密碼可以通過“插入”菜單下的“表單”選項下的文本域，插入后可以設(shè)置文本域的屬性中的“類型”選項實現(xiàn)是文本框或密碼的設(shè)置；第二種是通過代碼窗口直接在 body/body主體內(nèi)輸入相應(yīng)的代碼，這樣也可以實現(xiàn)。對于大多數(shù)用戶來說都是通過設(shè)計窗口來實現(xiàn)，這樣更直觀。在本次設(shè)計中主要是通過 Eclipse 軟件來制作 JSP 頁面的，具體會議管理 會議管理 新增會議 查詢會議 查看會議 修改會議 刪除會議 會議室維護(hù) 刪除會議室 修改會議室 查詢會議室 新建會議室 查詢會議室 預(yù)約會議室 取消預(yù)約 預(yù)約會議室 圖 會議管理模塊圖 四川理工學(xué)院畢業(yè)設(shè)計（論文） 25 的設(shè)計方法是：首先新建一個 JSP 頁面，然后在 body/body主體內(nèi)輸入相應(yīng)的代碼，系統(tǒng)登錄頁面圖 如 圖 所示。 系統(tǒng)登錄 頁面 登陸 的主要代碼如下： //處理登錄 ACTION請求，根據(jù) (param)獲到 From下控件name為 param的 value值 //判斷員工是否存在，不存在則返回 null Employ employ = (userName)。 //判斷員工密碼是否正確 if(().equals(passWord)){ //判斷員工角色是否正確 ，并跳到對應(yīng)的主頁 if(().equals(param)){ //在 session中存儲當(dāng)前員工 ().setAttribute(user,employ)。 系統(tǒng) 管理主界面的實現(xiàn) 本界面是 系統(tǒng) 管理的前臺應(yīng)用界面，在 界面上集成了 系統(tǒng) 管理的所有功能模塊。 管理員 可以通過該界面實現(xiàn)對 部門管理 、 角色 管理、 職工管理 、管理員 日志各個模塊功能的操作。 圖 系統(tǒng)登錄頁面 基于 MVC 的 OA 協(xié)同辦公系統(tǒng)的設(shè)計與實現(xiàn) 26 通過 Dreamweaver8 實現(xiàn)對 JSP 頁面的設(shè)計，整個頁面采用框架式結(jié)構(gòu)，即分為 topFrame、 leftFrame、 mainFrame 三大部分。在 中插入了一張圖片 、顯示日期和導(dǎo)航行 ，在 中插入一個表格，并對每個單元格的屬性設(shè)置了鏈接及目標(biāo)，如用戶想對表格中第一個單元格的內(nèi)容即“ 部門管理 ”進(jìn)行設(shè)置，用戶可以將屬性中的鏈接設(shè)為 a herf = SelectDepartServlet target= mainFrame。 當(dāng)用戶單擊 中的對象時會調(diào)用相應(yīng)的方法處理并在頁面的 mainFrame 部分進(jìn)入相應(yīng)子界面。這將在后面的子模塊的設(shè)計中詳細(xì)介紹。系統(tǒng) 管理系統(tǒng)主界面主要頁面代碼由 WebRoot/ 實現(xiàn)， 如 系統(tǒng) 管理主界面圖 所示。 領(lǐng)導(dǎo) 主界面的實現(xiàn) 本界面是 領(lǐng)導(dǎo) 管理的前臺應(yīng)用界面，在界面上集成了 領(lǐng)導(dǎo) 管理的所有功能模塊。 領(lǐng)導(dǎo) 可以通過該界面實現(xiàn)對 個人信息 、 工作安排 、 名片夾 、 待辦事項、在線信息、個人文件夾、公司通訊錄 和 會議管理 各個模塊功能的操作。此界面的設(shè)計和 系統(tǒng) 管理主界面的設(shè)計相似，都是采用框架結(jié)構(gòu)，分為 topFrame、 leftFrame、mainFrame 三個部分，在 topFrame 部分中插入表格，這里不做具體介紹， 普通職工主界面和領(lǐng)導(dǎo) 主 界面一樣，只是會議管理他們具有不同的功能。 其主要頁面代碼由 WebRoot/ 實現(xiàn)， 領(lǐng)導(dǎo) 主界面圖 如 圖 所示。 圖 系統(tǒng)管理主界面 四川理工學(xué)院畢業(yè)設(shè)計（論文） 27 各個 子模塊的 實現(xiàn) 由于 普通職工 模塊是從 領(lǐng)導(dǎo) 模塊繼承的某些功能模塊，所以這里只介紹 領(lǐng)導(dǎo)模塊相應(yīng)的子模塊 （ 普通職工和領(lǐng)導(dǎo)在功能上只有會議管理有所不同 ） ，對系統(tǒng)的功能也起到了完善作用，子模塊的設(shè)計將在本節(jié)分別做詳細(xì)介紹。 部門管理 模塊的實現(xiàn) 部門 管理模塊包括： 增加 部門 模塊 、修改部門模塊、刪除 模塊 和 查看部門模塊 。頁面主要是采用樹型結(jié)構(gòu)，部門管理的主界面圖 如 圖 所示 。 圖 領(lǐng)導(dǎo)主界面 基于 MVC 的 OA 協(xié)同辦公系統(tǒng)的設(shè)計與實現(xiàn) 28 （ 1） 增加部門 模塊界面 本界面用于 增加新部門相關(guān)的 信息，信息包括 （ 父部門、部門名稱 、 部門電話 、 部門介紹 ）， 新添加的 部門 信息將保存在數(shù)據(jù)庫的 depart 表中。 界面設(shè)計主要表格和文本域、 標(biāo)簽 等 。當(dāng)用戶 填寫信息正確 單擊 “添加” 時會觸發(fā)事件即 “ onclick=addDepart()。” ，通過調(diào)用相應(yīng)的方法將 部門 信息保存到數(shù)據(jù)庫中的 depart 表中，并跳轉(zhuǎn)到方法 中設(shè)置的頁面，添加 部門 界面的代碼由WebRoot/systemmanage / 實現(xiàn)。 添加部門 界面圖 如圖 所示。 圖 添加部門界面 圖 部門管理主界面 四川理工學(xué)院畢業(yè)設(shè)計（論文） 29 添加部門 的主要代碼如下： //處理 添加部門 ACTION請求， 根據(jù) (param)獲到 From下控件 name為 param的 value值 //調(diào)用添加部門的方法 (departName, departPhone, departInfo, departParentId)。 //添加系統(tǒng)管理員的操作日志 (param)。 //跳轉(zhuǎn)頁面 (SelectDepartServlet).forward(request, response)。 （ 2） 修改部門 模塊界面 本界面用于 修改部門的 基本信息 （如部門名稱、部門電話、部門介紹） ， 界面設(shè)計 和添加部門界面一樣， 當(dāng)用戶單擊 “修改” 時會觸發(fā) “ onclick=upDepart()。”事件，通過調(diào)用相應(yīng)的方法將數(shù)據(jù) 持久化到 Depart 表， 修改部門 界面的代碼由WebRoot/systemmanage/ 實現(xiàn)。 修改部門界面 圖 如圖 所示。 修改部門 的主要代碼如下： //處理 修改部門 ACTION請求， 根據(jù) (param)獲到 From下控件 name為 param的 value值 //調(diào)用修改部門的方法 圖 修改部門界面 基于 MVC 的 OA 協(xié)同辦公系統(tǒng)的設(shè)計與實現(xiàn) 30 (param)。 //添加系統(tǒng)管理員的操作日志 (param)。 //跳轉(zhuǎn)頁面 (SelectDepartServlet).forward (request, response)。 （ 3）刪除部門模塊 本界面用于刪除部門但部門下有員工或子部門則不能刪除該部門，直接在部門管理的主界面上單擊“刪除部門”， 刪除失敗或成功都會在該頁面上有對應(yīng)的信息提示， 當(dāng)用戶單擊“ 刪除部門 ”時會觸發(fā)“ onclick=deletDepart()?！笔录?，通過調(diào)用相應(yīng)的方法將 會把選擇的部門從 Depart 表 中永久 刪除 ， 刪除部門的主要 代碼如下：