【正文】 其界面設(shè)計(jì)如 圖 所示 。} return list。 //將符合條件的員工實(shí)體加入列表中 } } catch (SQLException e) { ()。 ((13))。 ((9))。 ((7))。 ((16))。 ((3))。//創(chuàng)建員工對象 e ((1))。 //預(yù)處理 sql 語句 rs = ()。 } conn = ()。+keyword+39。+keyword+39。+keyword+39。+keyword+39。在職 39。)。or eidcard =39。 and = and (eusername =39。).intValue())//如果輸入關(guān)鍵字為字母，只檢索用戶名和身份證兩項(xiàng) {sql = select * from fly_employee ,fly_department where =39。 if(i(39。 char mm=(0)。 public ArrayList searchEmployee(String keyword ) { ArrayList list = new ArrayList()。} 其中 指定了獲取數(shù)據(jù)的數(shù)據(jù)源是 searchEmployeeWeb，傳遞到后臺進(jìn)行處理的參數(shù)是 keyword 是獲取的檢索文本框中輸入的關(guān)鍵字。 = new ({url:searchEmployeeWeb?keyword= keyword})。search_button39。//方法 }}) 如果經(jīng)過判斷發(fā)現(xiàn)輸入內(nèi)容不為空，執(zhí)行 gridDataSearch()方法，其代碼設(shè)計(jì)如下。)。||==null){ (39。,store: new (), width:200, onTrigger2Click:function(){ if(()==39。,new ({id:39。 本 科 畢 業(yè) 設(shè) 計(jì) 第 43 頁 共 52 頁 39。}}}})} “放入回收站” 與“徹底刪除”的執(zhí)行流程基本類似，不同的是在底層操作時(shí)，將選中的員工的狀態(tài)改為“離職”，在此 不再敘述其代碼設(shè)計(jì)。 ()。,//Ajax 請求路徑，返回 success or false params:{ eid:(eid)}, success : function(response) { if ( != ) { var jsonStr = 。 function deleteEmployee(record){ ({ url : 39。 修改過程與添加過程類似，只是打開窗體時(shí)自動攜帶所勾選的條目信息中的數(shù)據(jù) ，其代碼設(shè)計(jì)不再詳細(xì)描述。}}})。}else{ (系統(tǒng)提示 ,保 存 失 ?。?)。 ()。). }, success : function(response) { if ( != ) { var jsonStr = 。)., eusername:(39。)., ebirthday:(39。)., eidcard:(39。)., esex:(39。)., salary:(39。)., eaddress:(39。)., e(39。)., ename:(39。, //提交參數(shù)組 params: { id:(39。 buttons:[{text:確定 ,handler:function(){ ({ url:39。, handler: function(btn, pressed){ AddEmployeeInfo()。, iconCls:39。, tooltip:39。 tbar: //工具條 [{ text: 39。] })。,39。,39。,39。,39。, 39。, 39。, 39。, 39。,39。, // fields 中的字段需要和 getEmployeeWeb 傳過來的 list 列表數(shù)據(jù)對應(yīng)fields:[39。+%=id%, root : 39。 var store = new ({ //向 getEmployeeWeb 發(fā)送請求，取得樹節(jié)點(diǎn) id 相對應(yīng)的信息 url : 39。 % String id = (id)。}} 在 實(shí)現(xiàn) 信息管理 的 文件 中用到的組件主要是 GridPanel，該組件可以定義表格中每一列的字段 名稱以及類型，并且使用 extjs 的 JsonStore 可以將后臺傳回的數(shù)據(jù)方便的填充到 GridPanel 對象 中 。, items:{ 本 科 畢 業(yè) 設(shè) 計(jì) 第 40 頁 共 52 頁 height:800, width:1300, html: 39。, //設(shè)置填充位置為中部 xtype: 39。 { region: 39。 }) (p)。:, closable:true, //通過 html 載入目標(biāo)頁 html:39。:, 39。 if (!p) { //判斷是否已經(jīng)打開該面板 p = ({ 39。}}) 。 }})。?id=39。, //請求地址 //提交請求的參數(shù)組 params: { id:}, success:function(response,options){ openEmployeePanel(n)。 其代碼設(shè)計(jì)如下： function treeClick(n){ ({ 本 科 畢 業(yè) 設(shè) 計(jì) 第 39 頁 共 52 頁 url: 39。, draggable:false }), //設(shè)置點(diǎn)擊樹節(jié)點(diǎn)時(shí)觸發(fā) treeClick(n)事件，其中 n 是 點(diǎn)擊的樹節(jié)點(diǎn)的標(biāo)識 id listeners: { click: function(n) { treeClick(n)。,//根節(jié)點(diǎn)名稱 id:39。 //接收 servlet 傳 來的 json 數(shù)據(jù) }), root:new ({ text: 39。, //設(shè)置組件類型為 treepanel loader: new ({ dataUrl:39。, width: 200, autoScroll: true, split: true, xtype:39。,//設(shè)置填充位置為西部 collapsible: true, title: 39。 {region: 39。 當(dāng)有匹配的數(shù)據(jù)時(shí)將這些數(shù)據(jù) 的條目信息顯示出來 ， 如圖 ， ， ， 所示。 本 科 畢 業(yè) 設(shè) 計(jì) 第 35 頁 共 52 頁 圖 徹底刪除員工信息 如選擇“ no”時(shí)，系統(tǒng)將不刪除所選信息，點(diǎn)擊“ yes”時(shí)，所勾選 的信息將被徹底刪除，具體界面如 圖 所示。 本 科 畢 業(yè) 設(shè) 計(jì) 第 34 頁 共 52 頁 圖 將員工信息放入回收站 點(diǎn)擊“ yes”時(shí)，所勾選的信息將被放入回收站，具體界面如 圖 所示。 本 科 畢 業(yè) 設(shè) 計(jì) 第 33 頁 共 52 頁 圖 修改員工信息 管理員修改必要信息之后，點(diǎn)擊“保存” ，即可完成對員工基本信息的修改 , 如 圖 所示 。 本 科 畢 業(yè) 設(shè) 計(jì) 第 32 頁 共 52 頁 圖 添加成功 在“添加員工信息”界面， 點(diǎn)擊 “取消” 按鈕， 系統(tǒng)應(yīng)能不添加記錄，并 自動關(guān)閉添加窗體。 當(dāng)新員工入職時(shí)，管理員點(diǎn)擊“ 添加 ” 功能按鈕，將可 新增一條記錄， 新增的記錄中包含入職員工的基本信息， 具體界面 如 圖 所示 。 本 科 畢 業(yè) 設(shè) 計(jì) 第 29 頁 共 52 頁 圖 機(jī)構(gòu) 樹 從機(jī)構(gòu)樹中 選中一個(gè)部門，右側(cè)“員工信息” 面板將自動刷新出該部門下面 所有狀態(tài)為 “在職” 的員 工信息 ， 如 圖 所示 。 信息管理 模塊 該功能模塊主要供公司人事部門管理員使用，在此界面可實(shí)現(xiàn)對員工基本信息的添加、刪除、修改等操作 ，具體頁面如 圖 所示 。} 我的同 事 模塊 我的同事模塊功能設(shè)計(jì) 點(diǎn)擊系統(tǒng)菜單中的我的個(gè)人空間 我的 同事 ，可進(jìn)入 我的 同事 功能模塊 ，在該功能模塊 中將以列表的形式展現(xiàn)當(dāng)前登錄用戶所在部門的員工信息 ，用戶 選中一條記錄，點(diǎn)擊 “ 查看’功能按鈕 可以 查看自己所在部門同事的相關(guān)信息 ， 具體頁面 如圖 所示 。, height:200, anchor:39。, fieldLabel:39。,//定義組件類型為文本編輯器 id:39。 本 科 畢 業(yè) 設(shè) 計(jì) 第 27 頁 共 52 頁 { xtype:39。,并設(shè)置其 initialPassField指向 密碼輸入框的“ id”值“ password1”即可。 在確認(rèn)密碼驗(yàn)證時(shí)只需配置其 vtype 的類型為 39。密碼不一致 39。 } return true。 (, { //val 指這里的文本框值， field 指這個(gè)文本框組件 password: function(val, field) { // initialPassField 是我們自定義的配置參數(shù)，一般用來保存另外的組件的 id 值 if () { //取得 initialPassField 的那個(gè) id 的值 var pwd = ()。95%39。eusername39。%=eusername%39。用戶名 39。textfield39。 “我的信 息”中的內(nèi)容主要分為三個(gè)部分，最上面的是“我的基本信息”， 使用的 本 科 畢 業(yè) 設(shè) 計(jì) 第 26 頁 共 52 頁 控件 主要是 textfield，下面以“用戶名”為例，其相關(guān)配置項(xiàng)如下 。 用戶還可以添加 “ 自我介紹 ” ，在“ 自我介紹 ” 的文本 編輯器中 中，用戶 可以編寫的自我介紹的內(nèi)容， 還可編輯 已經(jīng)輸入的自我介紹的內(nèi)容的格式，具體頁面 如 圖 所示 。 我的信息模塊 我的信息 模塊功能設(shè)計(jì) 點(diǎn)擊系統(tǒng)菜單中的我的個(gè)人空間 我的信息 ， 可進(jìn)入我的信息功能模塊，在該功能模塊， 信息內(nèi)容分為三個(gè)部分，第一部分是“我的 基本信息”，在此部分 用戶可以編輯 自己的詳細(xì)信息，用戶可以修改 基本信息中的出生日期、聯(lián)系電話、畢業(yè)院校、郵箱、學(xué)歷、居住地址等 容易發(fā)生變化 信息， 而對“用戶名”、“員工編號”、“身份證編號”、 本 科 畢 業(yè) 設(shè) 計(jì)