【正文】 .......... 34 . 設(shè)計(jì)思想及分層結(jié)構(gòu) ................................................................................................. 34 . Ext Ajax 異步機(jī)制與 Spring MVC ........................................................................... 35 7. 結(jié)束語 ..................................................................................................................................... 36 參考文獻(xiàn) ....................................................................................................................................... 37 致謝 ............................................................................................................................................... 38 福建農(nóng)林大學(xué)本科畢業(yè)設(shè)計(jì)說明書 I 摘 要 ExtJS 4 是 JavaScript 發(fā)展過程中下一個(gè)重要的框架，加入了新的擴(kuò)展功能，圖標(biāo)和一個(gè)新的 MVC 架構(gòu)，是最好的 ExtJS web 應(yīng)用程序的開發(fā)平臺。 設(shè)計(jì)題目 : 基于 Ext JS 4 的企業(yè)應(yīng)用系統(tǒng)開發(fā) —— 公司培訓(xùn)管理系統(tǒng) Company Train Manager System Based on Ext JS 4 College: Computer and Information Science Specialty and Grade: Software Engineering , 20xx Number: 081181069 Name: Yanbin Hu Advisor: Lecturer Xiaoyu Lin Submitted Time: May , 20xx 畢業(yè)設(shè)計(jì)（論文）原創(chuàng)性聲明和使用授權(quán)說明 原創(chuàng)性聲明 本人鄭重承諾：所呈交的畢業(yè)設(shè)計(jì)（論文），是我個(gè)人在指導(dǎo)教師的指導(dǎo)下進(jìn)行的研究工作及取得的成果。 作 者 簽 名： 日 期： 指導(dǎo)教師簽名： 日 期： 使用授權(quán) 說明 本人完全了解 大學(xué)關(guān)于收集、保存、使用畢業(yè)設(shè)計(jì)（論文）的規(guī)定，即：按照學(xué)校要求提交畢業(yè)設(shè)計(jì)（論文）的印刷本和電子版本；學(xué)校有權(quán)保存畢業(yè)設(shè)計(jì)（論文）的印刷本和電子版，并提供目錄檢索與閱覽服務(wù)；學(xué)?？梢圆捎糜坝　⒖s印、數(shù)字化或其它復(fù)制手段保存論文；在不以贏利為目的前提下，學(xué)?？梢怨颊撐牡牟糠只蛉績?nèi)容。它包括一個(gè)容器、一個(gè)用于管理組件的框架和一組針對 Web 用戶界面、事務(wù)和持久性的咬接（ snapin）服務(wù)。 關(guān)鍵詞： ExtJS； Sprimg； MVC；企業(yè)培訓(xùn)管理系統(tǒng) 福建農(nóng)林大學(xué)本科畢業(yè)設(shè)計(jì)說明書 II Abstract Ext JS 4 is the next major advancement in our JavaScript framework. Featuring expanded functionality, pluginfree charting, and a new MVC architecture it39。 Enterprise training management system 福建農(nóng)林大學(xué) 本科畢業(yè)設(shè)計(jì)說明書 1 1. 引言 . 目的和意義 隨著企業(yè)發(fā)展進(jìn)程的加快，企業(yè)的工作人員數(shù)量也呈現(xiàn)快速增長，但隨之而來的，對企業(yè)內(nèi)部員工的課程培訓(xùn)計(jì)劃制定、安排等任務(wù)也越來越繁重。 本系統(tǒng)需求明確、清晰，在開發(fā)方面將涉及 Ext JS、 hibernate、 spring 等，從需求及技術(shù)上，本設(shè)計(jì)課題的提出是有意義且可行的。 5）講師管理模塊：管理員通過此模塊對講師進(jìn)行增刪改的操作，并且可以對講師與課程進(jìn)行映射關(guān)聯(lián)操作，即可以對講師進(jìn)行授課范圍設(shè)置。也可查詢已錄入的培訓(xùn)計(jì)劃。 10）角色管理：維護(hù)系統(tǒng)角色信息，比如維護(hù)角色可操作的模塊。此版本將設(shè)計(jì)模式 MVC 的思想灌入，這是學(xué)習(xí)的重點(diǎn)難點(diǎn)。 3）系統(tǒng)穩(wěn)定性：保證系統(tǒng)能夠穩(wěn)定運(yùn)行，適合用于公司內(nèi)部環(huán)境、內(nèi)部網(wǎng)絡(luò)。 列表字段可能包含：課程名稱，課程屬性（應(yīng)用軟件開發(fā)資質(zhì)培訓(xùn) /編碼），截止日期，已報(bào)人數(shù)（ 20/30 表示：已報(bào)人數(shù) /人數(shù)上線），必修 /選修 用戶可根據(jù)需求自行報(bào)名。 ? 界面原型 圖 31 我要報(bào)名界面原型 福建農(nóng)林大學(xué) 本科畢業(yè)設(shè)計(jì)說明書 6 . 報(bào)名 \培訓(xùn)記錄 ? 功能概述 此模塊是供用戶查詢已報(bào)名但培訓(xùn)專員還未制定培訓(xùn)計(jì)劃，未確定培訓(xùn)時(shí)間、地點(diǎn)的報(bào)名記錄。用戶的培訓(xùn)課程有以下狀態(tài)：未修、重修、未通過、已通過 ? 功能列表 序號 功能名稱 功能描述 1 查詢培訓(xùn)記錄列表 用戶點(diǎn)擊【培訓(xùn)時(shí)間未定】后，系統(tǒng)羅列出培訓(xùn)時(shí)間還 未確定的歷史報(bào)名記錄，按報(bào)名時(shí)間排序，最新的排在最前面。 4 取消報(bào)名 用戶可取消，此種狀態(tài)下的報(bào)名記錄，取消后，系統(tǒng)將不記錄用戶的報(bào)名記錄。 ? 界面原型 圖 31 資質(zhì)課程表界面原型 . 授課記錄 ? 功能概述 授課記錄是供用戶查詢個(gè)人的授課歷史，當(dāng)用戶達(dá)到一定的資質(zhì)后，不僅需要進(jìn)行相應(yīng)必修課程的培訓(xùn)及考試，還需要完成規(guī)定的授課課時(shí)，只有通過課程考試，并且完成了規(guī)定的授課課時(shí)用戶才能通過資質(zhì)考核。用戶點(diǎn)擊相應(yīng)的記錄可進(jìn)入詳細(xì)內(nèi)容界面。 ? 界面原型 圖 31 授課記錄界面原型 福建農(nóng)林大學(xué) 本科畢業(yè)設(shè)計(jì)說明書 9 . 資源管理 . 資質(zhì)管理 ? 功能概述 資質(zhì)管理是供管理員維護(hù)資質(zhì)信息的地方，管理員可在此模塊維護(hù)資質(zhì)的基本信息資質(zhì)名稱、資質(zhì)類別、上級資質(zhì)等信息的維護(hù)。 4 新建資質(zhì) 在列表底下新增一行空白行，供在此處增加新的資質(zhì)信息。課程信息包括課程名稱、對應(yīng)的資質(zhì)、培訓(xùn)對象等。 ? 界面原型 圖 31 課程管理界面原型 . 講師管理 ? 功能概述 維護(hù)講師資源信息，包括維護(hù)講師是否 可用、授課范圍等信息。 ? 界面原型 圖 31 講師管理界面原型 . 培訓(xùn)管理 . 培訓(xùn)課程設(shè)計(jì) ? 功能概述 培訓(xùn)課程設(shè)計(jì)是供培訓(xùn)專員設(shè)計(jì)發(fā)布培訓(xùn)課程的地方，之前的做法是在 wiki 上發(fā)布培訓(xùn)課程信息，供用戶報(bào)名。 2 修改 修改狀態(tài)為草稿的培訓(xùn)課程信息，已發(fā)布的記錄無法修改。 4 保存并發(fā)布 保存培訓(xùn)課程設(shè)計(jì)，并發(fā)布至系統(tǒng)供用戶報(bào)名。 7 發(fā)送通知 用戶點(diǎn)擊【生成本月份培 訓(xùn)課程列表】后，可通過此模塊界面的【發(fā)送通知】功能向研究院發(fā)送本月份的培訓(xùn)報(bào)名通知郵件。 福建農(nóng)林大學(xué) 本科畢業(yè)設(shè)計(jì)說明書 15 ? 功能列表 序號 功能名稱 功能描 述 1 查詢報(bào)名已結(jié)束的培訓(xùn)課程記錄 培訓(xùn)專員點(diǎn)擊【培訓(xùn)計(jì)劃設(shè)計(jì)】模塊，系統(tǒng)在右側(cè)羅列出報(bào)名已結(jié)束的培訓(xùn)課程，按照發(fā)布時(shí)間排序。 3 保存草稿 如果有一些信息還不確定，可將計(jì)劃保存為草稿狀態(tài)，供下次繼續(xù)修改。 6 導(dǎo)出人員名單 可導(dǎo)出 excel 格式的報(bào)名人員名單，可作為后續(xù)簽到，錄入考試分?jǐn)?shù)的基礎(chǔ)人員數(shù)據(jù)。系統(tǒng)用戶即可查詢已發(fā)布并且還在截止日期內(nèi)、人數(shù)未達(dá)到上限的培訓(xùn)課程，用戶可查看培訓(xùn)課程的詳細(xì)信息并可自行報(bào)名需要培訓(xùn)的課程，當(dāng)報(bào)名人數(shù)達(dá)到上限后或報(bào)名期限已過將無法進(jìn)行報(bào)名。 用戶了解課程信息后，可點(diǎn)擊【報(bào)名】報(bào)名課程培訓(xùn)。 在課程報(bào)名情況表中增加報(bào)名記錄，提示用戶報(bào)名成功。此種狀態(tài)下的記錄，用戶可選擇取消報(bào)名。 用戶可自定義查詢條件（課程名稱、課程屬性等），查詢培訓(xùn)課程報(bào)名記錄。 返回與查詢條件匹配的報(bào)名記錄。用戶在【我要報(bào)名】模塊中參加課程報(bào)名后，培訓(xùn)專員在【培訓(xùn)計(jì)劃設(shè)計(jì)】模塊中設(shè)計(jì)培訓(xùn)計(jì)劃發(fā)布至系統(tǒng)中。 用戶可自定義查詢條件（課程名稱、課程屬性等），查詢培訓(xùn)課程報(bào)名記錄。 彈出窗口展示課程詳細(xì)信息。 用戶選擇相應(yīng)課程，可點(diǎn)擊【查看】按鈕，查看培訓(xùn)課程詳細(xì)信息。 集成調(diào)用說明 異常處理 . 資質(zhì)課程表 資質(zhì)課程表主要提供資質(zhì)信息的查詢及對應(yīng)的必修課程查詢，幫助用戶了解資質(zhì)體系，預(yù)先熟悉資質(zhì)對應(yīng)的必修課程，幫助用戶設(shè)計(jì)自身的成長規(guī)劃。 講師可在此模塊中查詢個(gè)人的授課記錄，及本年度的授課課時(shí)，及授課完成情況。系統(tǒng)在列表頂部顯示出，本年度的授課課時(shí)統(tǒng)計(jì)情況，及授課要求情況。 返回符合查詢條件的授課記錄列表 彈出窗口展示記錄詳細(xì)信息。 用戶點(diǎn)擊刪除，可刪除選擇的資質(zhì)類型及其包含的所有資質(zhì)信息。 成功執(zhí)行后的返 出現(xiàn)一個(gè)空白表單，可錄入資質(zhì)類型編號、資質(zhì)類型名福建農(nóng)林大學(xué) 本科畢業(yè)設(shè)計(jì)說明書 23 回值或處理結(jié)果 稱。 激活記錄編輯狀態(tài)，點(diǎn)擊保存，保存修改。 ? 功能設(shè)計(jì) 角色權(quán)限控制 管理權(quán)限 功能設(shè)計(jì) 新建課程信息，點(diǎn)擊【新建】出現(xiàn)一個(gè)空白表單，可輸入課程名稱，選擇當(dāng)前課程所對應(yīng)的資質(zhì)級別，選擇培訓(xùn)對象。 在數(shù)據(jù)庫中新增一條課程信息，并刷新課程列表。 保存講師信息，并刷新講師列表。 彈出刪除提示，用戶點(diǎn)擊確定，刪除數(shù)據(jù)庫中的相關(guān)記錄，并刷新講師列表。 ? 功能設(shè)計(jì) 角色權(quán)限控制 普通用戶 功能設(shè)計(jì) 新建培訓(xùn)課程信息，培訓(xùn)課程通過選擇產(chǎn)生（課程信息在課程管理模塊中維護(hù) ），可選擇講師（講師信息在講師管理模塊中維護(hù)），培訓(xùn)對象（可選擇指定部門為必須參加對象），報(bào)名截止日期，報(bào)名人數(shù)上線等信息。培訓(xùn)課程狀態(tài)：草稿、已發(fā)布、已結(jié)束。 用于生成本月份制定的所有培訓(xùn)課程列表，系統(tǒng)可自動(dòng)列出本月份的所有培訓(xùn)課程。 在數(shù)據(jù)庫中修改相應(yīng)記錄。 彈出窗口，返回本月份制定的培訓(xùn)課程列表。也可查詢已錄入的培訓(xùn)計(jì)劃。 選擇相應(yīng)的培訓(xùn)課程記錄，點(diǎn)擊建立培訓(xùn)計(jì)劃，進(jìn)入培訓(xùn)計(jì)劃設(shè)計(jì)界面。 保存計(jì)劃到數(shù)據(jù)庫中，并發(fā)郵件通知報(bào)名者，報(bào)名者接到通知后可到系統(tǒng)中自行下載培訓(xùn)課件。 彈出培訓(xùn)計(jì)劃設(shè)計(jì)界面。 導(dǎo)出 excel 格式的報(bào)名人員名單 系統(tǒng)按照設(shè)置的提醒日期及提醒間隔，按時(shí)發(fā)送郵件提醒參與者。 成功執(zhí)行后的返回值或處理結(jié)果 出現(xiàn)空白表單界面，供輸入菜單信息。 ? 功能設(shè)計(jì) 角色權(quán)限控制 普通 用戶 功能設(shè)計(jì) 新建角色，用戶點(diǎn)擊【新建】出現(xiàn)空白表單界面，供輸入角色名稱，是否可用等信息 保存角色信息。 彈出提示框，用戶點(diǎn)擊確定后，刪除數(shù)據(jù)庫中的角色記錄。模板知道如何通過數(shù)據(jù)包的方式保留它 們，并且能夠通過關(guān)聯(lián)被其他模板鏈接。 Ext JS 4 應(yīng)用程序遵循一個(gè)對于所有應(yīng)用都統(tǒng)一的目錄結(jié)構(gòu)。我們可以看到在 app 文件目錄下，有 model、 view、 controller、 store 這幾個(gè)子目錄，這里面就是放置 MVC 分層的具體的代碼。 Ajax 訪問服務(wù)器，在服務(wù)器端使用 spring mvc 方式獲取請求，然后處理業(yè)務(wù)邏輯，并且返回?cái)?shù)據(jù) [14]。 本次設(shè)計(jì)對新技術(shù)的要求比較高，因?yàn)?Ext JS4 版本與 Ext JS 以前的版本有著非常大的區(qū)別，需要重新去學(xué)習(xí)認(rèn)識新知識。 福建農(nóng)林大學(xué) 本科畢業(yè)設(shè)計(jì)說明書 37 參考文獻(xiàn) [1] Ext 中文網(wǎng) . [2] MHZG Ext JS 學(xué)院 [3] Ext JS 官方網(wǎng)站 [4] ITEye 論壇 [5] csdn 論壇 [6] 51CTO 下載中心 [7] Ext JS 4 編碼規(guī)范 [8] CSDN 博客： sunitjy 專欄 Spring MVC 深入總結(jié) [9] Spring MVC 注解實(shí)例 [10]