【正文】 第 25 頁 共 52 頁 “工資”等 這些一般情況下不容易發(fā)生變化的 信息不具有編輯權(quán)限 。 普通 用戶 菜單 代碼設(shè)計 公司中的普通員工屬于普通用戶， 其系統(tǒng)菜單 基本與人事部門管理員類似，只是操作權(quán)限受限制， 只具有 對 “我的 信息 ”和“我的同事”的操作權(quán)限，對其他模塊沒 有權(quán)限。如圖 和 所示 。 }})。LogoutAction39。logout39。\u9000\u51fa39。39。settings39。\u8bbe\u7f6e39。 系統(tǒng)菜單的右側(cè)定義了一個 toolItems,其中定義了“設(shè)置”，“注銷”兩項，相關(guān)代碼如下 。 ()。, 本 科 畢 業(yè) 設(shè) 計 第 22 頁 共 52 頁 width : 800, height : 700 ， html:39。, title : 39。 if(!win) win = ({ id: 39。myfriendwin39。, handler : function(){ var desktop = ()。, iconCls:39。, text: 39。 }, scope: this },{//此處開始定義第二個二級菜單，即：我的同事 id:39。iframe scrolling=auto frameborder=0 width=100% height=100% src= })。\u6211\u7684\u4fe1\u606f39。myselfinfwin39。)。 var win = (39。myselfinfwin39。bogus39。\u6211\u7684\u4fe1\u606f39。, //設(shè)置點擊我的個人空間時不做處理 handler: function() { return false。, iconCls: 39。 = (, { init : function(){ = { //定 義系統(tǒng)菜單中我的個人空間 text: 39。 } backgroundimage 定義了桌面快捷方式圖標(biāo)所在的路徑， 其他桌面快捷方式圖標(biāo)的定義方式與之類似 ， 在此不再重復(fù)敘述。scale39。img/39。 backgroundimage:url(../img/)。 gridwinshortcut img { width:48px。 link rel=stylesheet type=text/css href=css/ / 系統(tǒng)桌面圖標(biāo) 是 在 的 body 中定義了幾個 div 層， 以快捷方式“ 信息管理”為例 ,其定義如下 。 //引入 extjs 相應(yīng)的樣式表文件 link rel=stylesheet type=text/css href=ext/resources/css/ 其中 是 extjs 的樣式文件 ，只有加入該文件，在使用 extjs 的組件時才能將其正常展示， 和 是 extjs 的基礎(chǔ)文件，如果想要使用 extjs 的組件，必須將其引入。如下圖 和 所示 。}}} 管理員 主 界面 功能和 代碼設(shè)計 此處的系統(tǒng)主界面包含兩種，其一是人事部門管理員登錄系統(tǒng)后展現(xiàn)的界面和系統(tǒng)菜單，其二是普通用戶登錄系統(tǒng)時展現(xiàn)的界面和系統(tǒng)菜單，以下將分 別介紹。 RequestDispatcher rd = (/) 。 (req, res) 。 }else{ if(flag1==2){ //用戶名和密碼正確，且用戶類型為 1，轉(zhuǎn)向登錄界面 1 (error, )。 RequestDispatcher rd = (/) 。 } else{ flag1=2。amp。//獲得當(dāng)前登錄用戶的類型 } } catch (SQLException e) { ()。//執(zhí)行查詢語句 while (()) { password = (1).trim()。 try { Statement stmt = ()。 Connection conn = ()。+userName+39。得到提交的用戶名 和密碼后要進行數(shù)據(jù)庫連接，驗證登錄名和密碼是否匹配，連接數(shù)據(jù)庫進行用戶身份驗 證的代碼如下所示 。//獲得前臺頁面輸入的用戶名 本 科 畢 業(yè) 設(shè) 計 第 16 頁 共 52 頁 userPassWord=(TxtPwd)。 welefilelist welefile/welefile /welefilelist 登錄界面后臺 代碼設(shè)計 在后臺進行處理的是 文件， 在該文件中首先需要接受前臺表單提交時傳過來的用戶名和密碼，需要分別定義兩個變量 userName 和 userPassWord，得到提交的用戶名和密碼的代碼如下 。 urlpattern元素指定對應(yīng)于 Login 的 URL 路徑，該路徑是相對于 Web應(yīng)用程序上下文根的路徑 ，即：在我的項目中我在 下 面 有一個 文 件。 servlet servletnameLogin/servletname servletclass/servletclass /servlet servletmapping servletnameLogin/servletname urlpattern/LoginAction/urlpattern /servletmapping 在該配置文件中，使用 servlet標(biāo)簽是定義別名 ，即定義 下面 的 文件的別名為 Login ， servletmapping元素在 Servlet 和 URL 樣式之間定義一個映射。 form action=Login runat=server method=get 該代碼指定了，當(dāng)點擊“登錄”按鈕提交表單信息是轉(zhuǎn)到后臺進行處理的程序為 本 科 畢 業(yè) 設(shè) 計 第 15 頁 共 52 頁 LoginAction，用到的方法是 LoginAction 中的 get 方法。 圖 登錄 主 界面 登錄 界面 前臺 代碼設(shè)計 登錄界面是一個普通的 jsp 頁面，在該 jsp 頁面中定義了一個表單，該表單中包含一個設(shè)置背景圖片的 div 層，在設(shè)置背景圖片的層中又定義了賬號輸入框和密碼輸入框，用來 接收用戶輸入的用戶名和密碼。 對于此表 LOGID 為主鍵， 部門表的具體內(nèi)容 如表 所示。 部門表的具體內(nèi)容 如表 所示。 員工信息表 的具體內(nèi)容 如表 所示。 數(shù)據(jù)庫邏輯結(jié)構(gòu)設(shè)計 數(shù)據(jù)庫共包括 3 個表： 員工 信息 表 、 部門表 和 系統(tǒng)登錄日志表 。在這個階段主要是收集基本數(shù)據(jù)、數(shù)據(jù)結(jié)構(gòu)以及數(shù)據(jù)處理的流程，組成一份詳盡的數(shù)據(jù)字典，為以后進一步設(shè)計打下基礎(chǔ)。 在數(shù)據(jù)庫系統(tǒng)開始設(shè)計的時候我們應(yīng)該盡量考慮全面，尤其應(yīng)該仔細(xì)考慮用戶的各種需求，避免浪費人力和物力。數(shù)據(jù)庫結(jié)構(gòu)設(shè)計的好壞將直接對應(yīng)用系統(tǒng)的效率以及實現(xiàn)的效果產(chǎn)生影響，好的數(shù)據(jù)庫結(jié)構(gòu)設(shè)計會減少數(shù)據(jù)庫的存儲量，數(shù)據(jù)的完整性和一致性比較高，系統(tǒng)具有較快的響應(yīng)速度，簡化基于此數(shù)據(jù)庫的應(yīng)用程序的實現(xiàn)等。 e） 回收站模塊：主要存放離職狀態(tài)的員工信息，供系統(tǒng)管理員查看利用。 其中當(dāng)管理員勾選用戶點擊放入 “ 回收站 ” 功能按鈕時，所勾選的員工 將自動變?yōu)殡x職狀態(tài)，信息進入系統(tǒng)中的回收站，當(dāng)管理員選擇 ” 徹底刪除’功能按鈕時，所勾選的員工信息將被徹底刪除。 b) 我的個人空間模塊 模塊： 該模塊又包含兩個子模塊，即：編輯我的詳細(xì)信息模塊和了解同事的詳細(xì)信息模塊，其中編輯我的信息模塊展現(xiàn)的是當(dāng)前登錄用戶的信息，員工登錄系統(tǒng)后可以填寫并發(fā)布自己的詳細(xì)信息 ；了解同事的詳細(xì)信息模塊展現(xiàn)的是當(dāng)前登錄 用戶所在部門的同事的詳細(xì)信息，用戶可在該模塊查看部門同事的信息， 通過此功能模塊，同一部門的員工能夠加深對彼此的了解，營造輕松、愉悅、友好、融洽的辦公氛圍 。 系統(tǒng)的功能模塊結(jié)構(gòu) 本 科 畢 業(yè) 設(shè) 計 第 10 頁 共 52 頁 圖 系統(tǒng)功能模塊圖 系統(tǒng)功能細(xì)分如圖 所示 ，可概括分為 5 個模 塊，即：用戶登錄模塊， 我的個人空間 模塊， 信息管理 模塊 、 系統(tǒng)日志 模塊 、 回收站模塊 。 d） 保密性 :確保信息不暴露給未授權(quán)的實體或者進程 。 b） 先進性 :簡化代碼去處冗余 ,引入先進的編譯方式 。 g） 友好 、 方便 、 美觀的界面設(shè)計。 e） 系統(tǒng)日志功能，實現(xiàn)記錄系統(tǒng)登錄情況的記錄。 c） 查看部門同事的詳細(xì)信息。 主要包括： a） 員工基本信息的查詢 ,刪除 ,修改和添加。 本 科 畢 業(yè) 設(shè) 計 第 8 頁 共 52 頁 4 系統(tǒng) 概要 設(shè)計 系統(tǒng) 設(shè)計 流程 系統(tǒng)設(shè)計總體流程如圖 所示。離職的員工也屬于公司人員信息的一部分，存儲離職員工的信息，以備查詢利用也是員工信息管理系統(tǒng)必不可少的一部分。 我的同事功能需求 我的同事功能模塊，實現(xiàn)查看員工所在部門的用戶的信息的功能，此功能用來增加同事之間的認(rèn)識和了解，從而營造一個輕松、友好的辦公環(huán)境。員工詳細(xì)信息的添加由員工本人來完成，除本人以外的其他人員無此權(quán)限 。 通過 信息管理 功能模塊，公司人事部門能夠?qū)崿F(xiàn)對整個公司的員工信息的管理。 信息管理 功能需求 信息管理 功能 模塊，實現(xiàn) 員工 基本信息，如：姓名，性別，出生日期，學(xué)歷，身份證號碼，聯(lián)系電話，所在部門，職稱，月工資，居住地址，基本信息備注等員工基本信息 的添加刪除和修改， 員工信息被刪除后，該員工的狀態(tài)自動變成離職狀態(tài)。而對于后者則要求應(yīng)用程序功能完備 ,易使用 ，界面友好 等特點。 員工管理系統(tǒng)是典型的信息管理系統(tǒng) (MIS),其開發(fā)主要包括后臺數(shù)據(jù)庫的建立和維護以及前端應(yīng)用程序的開發(fā)兩個方面。系統(tǒng)分析階段主要任務(wù)是確定系統(tǒng)的總體設(shè) 計方案、劃分子系統(tǒng)功能、確定共享數(shù)據(jù)的組織，然后進行詳細(xì)設(shè)計。 我是在我畢業(yè)設(shè)計的后期接觸調(diào)試工具 Firebug 的，接觸時間雖然比較短，目前對 Firebug 的了解也不是特別深，但是我已經(jīng)體會到在軟件 bug 調(diào)試中 Firebug 的重要作用。從 HTML 的編寫，到 CSS 樣式表的美化調(diào)優(yōu)，以及用 javascript 腳本開發(fā)，亦或是 Ajax 應(yīng)用， Firebug 插件都 是一個得力 的 助手 。這是一款讓人愛不釋手的插件 。 調(diào)試工具 Firebug 簡介 Firebug 是 Firefox 下的一款開發(fā)類插 件，現(xiàn)屬于 Firefox 的五星級強力推薦插件之一， 它集 HTML 查看和編輯、 Javascript 控制臺、網(wǎng)絡(luò)狀況監(jiān)視器于一體，是開發(fā)JavaScript、 CSS、 HTML 和 Ajax 的得力助手。 Java 是一種簡單的，面向?qū)ο蟮?，分布式的，解釋型的，健壯安全的，結(jié)構(gòu)中立的，可移植的，性能優(yōu)異、 多線程 的動態(tài)語言。用 Java 實現(xiàn)的 HotJava 瀏覽器（支持 Java applet）顯示了 Java 的魅力：跨平臺、動態(tài)的 Web、 Inter 計算。 c） Ajax 引擎在客戶端運行，承擔(dān)了一部分本來由服務(wù)器承擔(dān)的工作，從而減少了大用戶量下的服務(wù)器負(fù)載 [7]。 Ajax 應(yīng)用程序的優(yōu)勢在于： a） 通過異步模式，提升了用戶體驗 。因為在服務(wù)器和瀏覽器之間交換的數(shù)據(jù)大量減少，結(jié)果我們就能看到響應(yīng)更快的應(yīng)用。這導(dǎo)致了用戶界面的響應(yīng)比本地應(yīng)用慢得多。這個做法浪費了許多帶寬，因為在前后兩個頁面中的大部分 HTML 代碼往往 是相同的。 傳統(tǒng)的 web 應(yīng)用允許用戶填寫表單 (form)，當(dāng)提交表單時就向 web 服務(wù)器發(fā)送一個請求。 基于以上原因，我采用 ExtJs 作為我開發(fā)的員工信息管 理系統(tǒng)的 web前端顯示技術(shù)。該框架完全基于純 Html/CSS+JS 技術(shù)，提供豐富的跨瀏覽器 UI 組件，靈活采用 JSON/XML 數(shù)據(jù)源開發(fā)，使得服務(wù)端表示層的負(fù)荷真正減輕，從而達到客戶端的 MVC 應(yīng)用！ ExtJs 支持多平臺下的主流瀏覽器 Inter Explorer 6+ FireFox + (