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

　　

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