基于WEB的績(jī)效考核系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)摘要運(yùn)用考核評(píng)價(jià)平臺(tái)來(lái)幫助進(jìn)行考核評(píng)價(jià)，可以幫助企業(yè)在生產(chǎn)和管理過(guò)程中節(jié)省人力資源，使管理更加便捷，更加環(huán)保，更加及時(shí)，更加自動(dòng)化。面對(duì)評(píng)價(jià)結(jié)果進(jìn)行可視化展現(xiàn)，并根據(jù)考核表和具體考核指標(biāo)的設(shè)定、跟蹤、協(xié)調(diào)、推進(jìn)、評(píng)審和判斷，打造全面信息化、科學(xué)化、精細(xì)化、智能化、一體化的協(xié)同項(xiàng)目管理平臺(tái)。為企業(yè)管理層、業(yè)務(wù)部門、人事部門等提供管理手段，根據(jù)考核情況，分析短板，有重點(diǎn)進(jìn)行持續(xù)改進(jìn)工作和對(duì)企業(yè)員工進(jìn)行獎(jiǎng)懲措施。關(guān)鍵詞：考核評(píng)價(jià)，web開(kāi)發(fā)，績(jī)效考核，指標(biāo)考核目錄1緒論 系統(tǒng)分析3.1可行性分析可行性研究分析的目的是從技術(shù)、經(jīng)濟(jì)和工程等方面進(jìn)行綜合考慮和分析項(xiàng)目的主要功能和基本情況，預(yù)測(cè)項(xiàng)目建成后可能取得的財(cái)務(wù)、經(jīng)濟(jì)效益和社會(huì)、環(huán)境影響，從而確定項(xiàng)目的可行性。它是一個(gè)通過(guò)全面和系統(tǒng)的分析方法，來(lái)做項(xiàng)目決定的理論基礎(chǔ)?？尚行苑治霰仨毦邆淝罢靶浴⒐?、可靠性和科學(xué)性等特點(diǎn)?？尚行匝芯康哪康氖窃谠缙陔A段盡量減少設(shè)計(jì)系統(tǒng)的時(shí)間成本，分析問(wèn)題是否可以解決，確定是否可以實(shí)現(xiàn)系統(tǒng)的原始規(guī)模和設(shè)計(jì)，以及完成后的系統(tǒng)的后續(xù)效益是不是應(yīng)該值得進(jìn)一步地投資開(kāi)發(fā)這個(gè)系統(tǒng)。在下文中，將從技術(shù)可行性、經(jīng)濟(jì)可行性和操作可行性三個(gè)方面來(lái)剖析整個(gè)系統(tǒng)的實(shí)際可行性。3.1.1技術(shù)可行性就考核評(píng)價(jià)系統(tǒng)將使用的技術(shù)來(lái)看，其中HTML、CSS和JavaScript等技術(shù)已經(jīng)在前端開(kāi)發(fā)人員中無(wú)人不知無(wú)人不曉了，它們已經(jīng)是非常成熟且完善的技術(shù)了，而Vue框架也已經(jīng)在近幾年中快速的全面興起，同時(shí)也正在不斷地發(fā)展，生態(tài)環(huán)境非常不錯(cuò)。Element-UI相比較于Layui而言，不需要額外的封裝大量組件，其龐大的組件庫(kù)也使前端開(kāi)發(fā)更加的便利。作為一名計(jì)算機(jī)專業(yè)的學(xué)生，從大學(xué)階段就開(kāi)始了解和掌握這些方面的基礎(chǔ)知識(shí)，并且能夠非常熟練地使用WebStorm編程軟件，所以有充足的把握和信心去完成本次考核評(píng)價(jià)系統(tǒng)的開(kāi)發(fā)工作。3.1.2經(jīng)濟(jì)可行性幾乎所有用于開(kāi)發(fā)考核評(píng)價(jià)系統(tǒng)的工具以及技術(shù)支持都是免費(fèi)的，所以開(kāi)發(fā)本系統(tǒng)就只需要花費(fèi)時(shí)間成本。同時(shí)，該系統(tǒng)一旦完成就可以立即投入使用并產(chǎn)生后續(xù)的更多收入。3.1.3操作可行性考核評(píng)價(jià)系統(tǒng)簡(jiǎn)單易操作，沒(méi)有什么復(fù)雜的頁(yè)面設(shè)計(jì)，操作界面簡(jiǎn)單一目了然，雖然簡(jiǎn)單但是也很美觀，操作方法簡(jiǎn)單易懂，用戶使用起來(lái)也不會(huì)覺(jué)得不流暢。用戶只需要得到關(guān)于如何使用該系統(tǒng)的基本指導(dǎo)，就可以立即開(kāi)始使用。分析結(jié)果：基于對(duì)上述因素的綜合分析，可以得出結(jié)論，本次開(kāi)發(fā)的考核評(píng)價(jià)系統(tǒng)在技術(shù)和經(jīng)濟(jì)效益兩個(gè)層面來(lái)看均具有一定的可行性。3.2系統(tǒng)性能分析易學(xué)性：系統(tǒng)必須易于使用，不需要繁瑣的操作，只需要簡(jiǎn)單地學(xué)習(xí)即可使用。系統(tǒng)的響應(yīng)速度效率：頁(yè)面響應(yīng)時(shí)間最好應(yīng)該在在三秒鐘之內(nèi)，最長(zhǎng)時(shí)間應(yīng)不能大于四秒鐘，且系統(tǒng)應(yīng)該必須支持起碼10000個(gè)用戶同時(shí)訪問(wèn)。穩(wěn)定性需求：要求系統(tǒng)運(yùn)轉(zhuǎn)平穩(wěn)，在運(yùn)營(yíng)中不會(huì)頁(yè)面出錯(cuò)、網(wǎng)頁(yè)卡死等異常情況。界面簡(jiǎn)潔清晰：系統(tǒng)的界面設(shè)計(jì)簡(jiǎn)潔，操作易于使用，滿足使用者的使用需求。3.3系統(tǒng)功能分析本系統(tǒng)主要的功能模塊分為8個(gè)部分：登錄、消息待辦、指標(biāo)庫(kù)管理、考核表管理、考核組織、考核打分、考評(píng)跟蹤、考評(píng)總匯。本系統(tǒng)角色分為：管理員、人事、評(píng)委。其中管理員可以進(jìn)行登錄、設(shè)置指標(biāo)、設(shè)置考核表的操作；人事可以進(jìn)行登錄、查看消息、分配考核表、催促打分進(jìn)度、查看考核總匯信息的操作；評(píng)委可以進(jìn)行登錄、查看信息、進(jìn)行打分的操作。用戶角色用例圖如圖3-1所示圖3-1用戶角色用例圖

4系統(tǒng)總體設(shè)計(jì)4.1系統(tǒng)概要設(shè)計(jì)本考核評(píng)價(jià)平臺(tái)采用B/S結(jié)構(gòu)?？梢杂萌魏螢g覽器進(jìn)行操作，因此只要用戶可以連接到互聯(lián)網(wǎng)，就可以隨時(shí)隨地運(yùn)行系統(tǒng)并進(jìn)行操作。考核評(píng)價(jià)平臺(tái)通過(guò)HTML、CSS、JavaScript、Vue框架以及Element-UI來(lái)完成設(shè)計(jì)，并且采用了第三方軟件，例如swiper、cropper等。本系統(tǒng)主要的功能模塊分為8個(gè)部分：登錄、消息待辦、指標(biāo)庫(kù)管理、考核表管理、考核組織、考核打分、考評(píng)跟蹤、考評(píng)總匯。登錄；消息待辦：接收消息和待辦；指標(biāo)庫(kù)管理：添加考核指標(biāo)，進(jìn)行指標(biāo)設(shè)置；考核表管理：設(shè)置考核表，在考核表中添加需要的指標(biāo)類型，設(shè)置考核表總分計(jì)算邏輯；考核組織：選擇考核表，考核表預(yù)覽，設(shè)置考核環(huán)節(jié)，設(shè)置被考核人（機(jī)構(gòu)），設(shè)置考核評(píng)委，設(shè)置考核表總分計(jì)算方式，設(shè)置推送時(shí)間；考核打分：按考核環(huán)節(jié)進(jìn)行打分并提交；考評(píng)跟蹤：向未進(jìn)行打分的評(píng)委發(fā)送消息提醒；考評(píng)總匯：查看考核匯總信息、評(píng)委打分詳情，可以進(jìn)行歸檔或?qū)С鯡xcel。系統(tǒng)功能模塊圖如圖4-1所示：圖4-1系統(tǒng)功能模塊圖4.2系統(tǒng)功能模塊設(shè)計(jì)4.2.1登錄模塊設(shè)計(jì)登錄模塊主要由一個(gè)背景圖片和一個(gè)含有用戶名、密碼和驗(yàn)證碼（驗(yàn)證碼以圖片形式展示）的表單的登錄框組成。如果用戶看不清驗(yàn)證碼圖片，用戶可以點(diǎn)擊驗(yàn)證碼圖片來(lái)重新獲取驗(yàn)證碼，如果用戶忘記了他們的密碼，他們可以通過(guò)點(diǎn)擊忘記密碼按鈕去設(shè)置一個(gè)新的密碼。當(dāng)用戶填寫完用戶名、密碼、驗(yàn)證碼后點(diǎn)擊登錄按鈕進(jìn)行登錄。4.2.2消息待辦模塊設(shè)計(jì)消息待辦模塊分為消息和待辦。系統(tǒng)管理員將考核表推送給評(píng)委或發(fā)送提醒時(shí)，評(píng)委們可以收到一條消息通知以及一條待辦工作任務(wù)通知。通過(guò)點(diǎn)擊消息可以查看詳細(xì)信息內(nèi)容、點(diǎn)擊待辦可以直接訪問(wèn)對(duì)應(yīng)的功能頁(yè)面，如考核打分等。4.2.3指標(biāo)庫(kù)管理模塊設(shè)計(jì)指標(biāo)庫(kù)管理模塊分為指標(biāo)分類樹(shù)管理和指標(biāo)管理。指標(biāo)分類管理中可以對(duì)指標(biāo)樹(shù)進(jìn)行增、刪、改、查、移動(dòng)等操作。在子節(jié)點(diǎn)下可以添加不同的指標(biāo)，對(duì)每條指標(biāo)可以進(jìn)行編輯、刪除、啟用、停用、恢復(fù)、指標(biāo)另存等操作。4.2.4考核表管理模塊設(shè)計(jì)考核表管理模塊分為考核表分類樹(shù)管理和考核表管理。考核表分類管理中可以對(duì)考核分類樹(shù)進(jìn)行增、刪、改、查、移動(dòng)等操作。在子節(jié)點(diǎn)下可以添加考核表（由考核表基本信息、不同指標(biāo)、總分計(jì)算邏輯組成），對(duì)每個(gè)考核表可以進(jìn)行編輯、刪除、啟用、停用、恢復(fù)、考核表另存等操作。4.2.5考核組織模塊設(shè)計(jì)考核組織模塊可以添加考核流程，如下：選擇考核表；考核表預(yù)覽；考核環(huán)節(jié)設(shè)置；考核對(duì)象設(shè)置；考核評(píng)委設(shè)置；總分設(shè)置；推送時(shí)間設(shè)置。對(duì)每個(gè)考核流程可以進(jìn)行編輯、刪除、啟用、停用、恢復(fù)、考核表另存、推送等操作。推送給對(duì)應(yīng)的評(píng)委后，評(píng)委的消息待辦中會(huì)顯示相關(guān)信息。4.2.6考核打分模塊設(shè)計(jì)考核打分模塊分為待打分和已完成，待打分中評(píng)委可以對(duì)每位考核對(duì)象進(jìn)行打分并提交，已完成中可以看到已經(jīng)打完分的打分詳情。4.2.7考評(píng)跟蹤模塊設(shè)計(jì)考評(píng)跟蹤模塊可以看到評(píng)分表打分進(jìn)度，如：已完成打分評(píng)委、未完成打分評(píng)委等。可以對(duì)未完成打分的評(píng)委發(fā)送提醒。評(píng)委收到的提醒在消息待辦中顯示。4.2.8考評(píng)總匯模塊設(shè)計(jì)考評(píng)總匯模塊將各評(píng)委的打分情況匯總到一條記錄中，計(jì)算出該考核對(duì)象的考核分?jǐn)?shù)，管理員可以對(duì)該考核對(duì)象的分?jǐn)?shù)進(jìn)行微調(diào)和評(píng)等級(jí)。4.3數(shù)據(jù)庫(kù)設(shè)計(jì)4.3.1數(shù)據(jù)庫(kù)概念結(jié)構(gòu)設(shè)計(jì)為了設(shè)計(jì)數(shù)據(jù)庫(kù)概念結(jié)構(gòu)，必須繪制E-R圖，即實(shí)體-聯(lián)系圖。它具有三個(gè)基本要素：即實(shí)體、屬性和聯(lián)系。這些基本要素的主要表達(dá)方式如下：實(shí)體：用矩形框表示，在框內(nèi)標(biāo)明該實(shí)體的名稱；聯(lián)系：用菱形框表示，在框內(nèi)寫明聯(lián)系名，用線段分別連接與其相關(guān)的實(shí)體。屬性：用橢圓形表示，使用線段將其于對(duì)應(yīng)的實(shí)體連接；在系統(tǒng)運(yùn)行過(guò)程中，為了滿足大量用戶基本信息的存儲(chǔ)需求，必須合理設(shè)計(jì)數(shù)據(jù)庫(kù)的結(jié)構(gòu)，才能保證系統(tǒng)的正常運(yùn)行。因此設(shè)計(jì)了以下主要的數(shù)據(jù)庫(kù)表：用戶信息表：存儲(chǔ)用戶的個(gè)人資料。臺(tái)賬分類表：存儲(chǔ)系統(tǒng)功能模塊的編碼信息。臺(tái)賬詳情表：是臺(tái)賬分類表的下一級(jí)，包含關(guān)系，是臺(tái)賬分類中更詳細(xì)的模塊?；拘畔⒓捍鎯?chǔ)系統(tǒng)某個(gè)功能下某個(gè)模塊中所需要的所有信息集。信息集欄目表：根據(jù)信息集分類，存儲(chǔ)每張信息集里面的欄目。代碼分類表：將一些需要填寫的固定信息設(shè)定為代碼型，供用戶填寫信息時(shí)點(diǎn)擊下拉框進(jìn)行選擇。代碼詳情表：存儲(chǔ)某條代碼分類的詳細(xì)信息。以上設(shè)計(jì)的數(shù)據(jù)表的屬性圖如圖4-2～圖4-8所示：圖4-2用戶信息屬性圖圖4-3臺(tái)賬分類屬性圖圖4-4臺(tái)賬詳情屬性圖圖4-5基本信息屬性圖圖4-6信息集欄目屬性圖圖4-7代碼分類屬性圖圖4-8代碼詳情屬性圖E-R圖：圖4-9E-R圖4.3.2數(shù)據(jù)庫(kù)邏輯結(jié)構(gòu)設(shè)計(jì)設(shè)計(jì)數(shù)據(jù)庫(kù)邏輯結(jié)構(gòu)就是在數(shù)據(jù)庫(kù)設(shè)計(jì)過(guò)程中，概念模型被轉(zhuǎn)換成特定數(shù)據(jù)庫(kù)管理系統(tǒng)支持的邏輯數(shù)據(jù)模式的過(guò)程，轉(zhuǎn)換必須與關(guān)系模型，即相應(yīng)的關(guān)系數(shù)據(jù)庫(kù)相一致，特別是將設(shè)計(jì)好的E-R圖轉(zhuǎn)換為一般的關(guān)系、網(wǎng)絡(luò)和層次模型。實(shí)體間的關(guān)系可以分成一對(duì)一、一對(duì)多、多對(duì)多三種，實(shí)體間關(guān)系的轉(zhuǎn)換如下。一對(duì)一的轉(zhuǎn)換：某個(gè)實(shí)體集中的某個(gè)實(shí)體最多只能與另一個(gè)實(shí)體集中的一個(gè)實(shí)體聯(lián)系。一對(duì)多的轉(zhuǎn)換：某個(gè)實(shí)體集中的某個(gè)實(shí)體可以與另一個(gè)實(shí)體集中的多個(gè)實(shí)體聯(lián)系。多對(duì)多的轉(zhuǎn)換：某個(gè)實(shí)體集中的多個(gè)實(shí)體可以與另一個(gè)實(shí)體中的多個(gè)實(shí)體聯(lián)系。4.3.3數(shù)據(jù)庫(kù)物理結(jié)構(gòu)設(shè)計(jì)在本章的前幾節(jié)中，給出了數(shù)據(jù)庫(kù)的詳細(xì)描述，以及相應(yīng)的E-R圖。由此可以得出結(jié)論：數(shù)據(jù)庫(kù)應(yīng)該包含許多信息表。此外還必須確定各個(gè)表間的關(guān)聯(lián)，并通過(guò)定義主鍵和外鍵來(lái)限制它們之間的關(guān)系，以便更好地滿足系統(tǒng)的功能要求。表4-1～表4-7所示為本系統(tǒng)建立的數(shù)據(jù)表。表4-1用戶信息表字段名稱類型長(zhǎng)度是否主鍵user_id（用戶表主鍵id）int8是user_name（賬號(hào)）varchar255否realName（真實(shí)姓名）varchar255否password（登錄密碼）varchar255否registerTime（注冊(cè)時(shí)間）timestamp6否login_count（登錄次數(shù)）int4否last_login_time（最后登錄時(shí)間）timestamp6否user_status（用戶狀態(tài)）Int4否user_type（用戶類型）Int4否user_image（頭像）varchar255否idNo（身份證號(hào)）varchar255否Bmid（部門id）varchar255否Gwid（崗位id）varchar255否Hrid（人事id）varchar255否Uuid（設(shè)備唯一id）varchar255否userTel（手機(jī)號(hào)碼）varchar255否dcardType（打卡類型）Int4否ledgerId（直接領(lǐng)導(dǎo)）Int8否isCEO（是否最夠管理層）Int4否openId（微信號(hào)唯一id）varchar255否qq_num（qq號(hào)）varchar255否Wechat_name（微信號(hào)）varchar255否Role_id（角色id）varchar255否job_number（工號(hào)）varchar255否Order_value（排序）Int2否Remark（備注）text0否Relevance（關(guān)聯(lián)用戶）Int8否Nick_name（稱呼）varchar255否Meeting_id（臨時(shí)會(huì)議id）Int8否Real_password（臨時(shí)人員密碼）varchar255否Wx_nick（微信昵稱）varchar255否Skin（皮膚）varchar255否Sex（性別）varchar255否表4-2臺(tái)賬分類表字段名稱類型長(zhǎng)度是否主鍵Id（主鍵id）Int4是name（分類名稱）Varchar255否pid（父級(jí)id）Int4否status（狀態(tài)）Int2否order_value（排序）Int8否code（代碼）Varchar255否remark（備注信息）Varchar255否表4-3臺(tái)賬詳情表字段名稱類型長(zhǎng)度是否主鍵Id（主鍵id）Int4是name（臺(tái)賬分類名稱）Varchar255否order_value（排序）Int8否creater（創(chuàng)建人）Int4否create_time（創(chuàng)建時(shí)間）Timestamp6否start_time（開(kāi)始時(shí)間）Timestamp6否pid（父級(jí)id）Int4否class_id（分類id）Int4否staus（狀態(tài)）Int2否check_level（審批級(jí)別）Int2否is_deleted（是否刪除）Int4否code（代碼）Varchar255否code_type（代碼類型）Varchar255否column_code（欄目編碼）Varchar255否type（類型）Int4否表4-4基本信息表字段名稱類型長(zhǎng)度是否主鍵Id（主鍵id）Int8是code（信息集編碼）varchar255否infor_name（表中文名）varchar255否default_order（默認(rèn)顯示順序）Int4否display_order（顯示順序）Int4否show_type（顯示方式）Int2否industry_id（所屬行業(yè)）varchar255否Multiple（是否多記錄）Int2否Operator（操作人）varchar255否operation_time（操作時(shí)間）Timestamp6否is_system_set（是否系統(tǒng)預(yù)置）Int2否is_follow_start_time（是否關(guān)注起效時(shí)間）Int2否Status（狀態(tài)標(biāo)識(shí)）Int2否account_type_id（臺(tái)賬分類id）Int8否start_time（啟用時(shí)間）varchar255否info_type（信息集分類）varchar255否module_code（所屬模塊）varchar255否default_show（是否默認(rèn)顯示）Int2否is_main_table（是否主表）Int4否表4-5信息集欄目表字段名稱類型長(zhǎng)度是否主鍵account_type_id（臺(tái)賬分類id）Int8是any_node（是否支持選擇任意節(jié)點(diǎn)）Int4否Changed（是否可編輯）Int4否column_length（欄目長(zhǎng)度）varchar255否Code（字段編碼）varchar255否col_name（字段中文名）varchar255否col_value（代碼索引）varchar255否column_width（欄目寬度）varchar255否default_order（默認(rèn)顯示順序）Int4否default_show（是否默認(rèn)顯示）Int4否display_order（顯示順序）Int4否has_start_time（是否有起效時(shí)間）Int4否Industry（所屬行業(yè)）varchar255否information_code（所屬表）varchar255否is_must（是否必填）Int4否is_sys（是否系統(tǒng)預(yù)置）Int4否Multi（是否支持所選顯示）Int4否operation_time（操作時(shí)間）Timestamp6否Operator（操作人）varchar255否pic_size（圖片尺寸）varchar255否show_type（顯示方式）Int4否start_time（是否起效時(shí)間字段）varchar255否start_time_change（起效時(shí)間是否可編輯）varchar255否Status（狀態(tài)）Int4否Type（欄目類型）Int4否write_type（填寫方式）Int4否module_code（所屬模塊）varchar255否is_emcrypt（是否加密）Int2否is_start_time（是否為信息集起效時(shí)間）varchar255否source_column（源字段）varchar255否表4-6代碼分類表字段名稱類型長(zhǎng)度是否主鍵Id（主鍵id）Int8是Name（代碼分類名稱）Varchar255否Coding（代碼分類編號(hào)）Varchar255否Pcoding（父分類編號(hào)）Varchar255否type（代碼類型）Int4否Status（狀態(tài)）Int4否last_stage（是否末級(jí)節(jié)點(diǎn)）Int4否Multilevel（是否多層級(jí)）Varchar255否opt_date（操作時(shí)間）Varchar255否account_type_id（臺(tái)賬分類id）Int4否start_time（啟用時(shí)間）Timestamp6否display_order（顯示順序）Int4否module_code（所屬模塊）Varchar255否default_order（默認(rèn)排序）Int4否is_sys（是否系統(tǒng)預(yù)置）Varchar255否jurisdiction（應(yīng)用范圍）Varchar255否is_muti_select（是否支持所選）Varchar255否表4-7代碼詳情表字段名稱類型長(zhǎng)度是否主鍵c_id（主鍵）Int4是Classification（代碼分類編碼）varchar255否Coding（代碼值）varchar255否Name（代碼名稱）varchar255否Pcode（附代碼編碼）varchar255否Status（狀態(tài)）Int4否operate_time（操作時(shí)間）Timestamp6否last_stage（是否末級(jí)節(jié)點(diǎn)）Int4否Content（顯示內(nèi)容）varchar255否display_order（顯示順序）Int4否Operator（操作人）varchar255否show（是否顯示）varchar255否account_type_id（臺(tái)賬分類）Int4否industry_id（所屬行業(yè)）varchar255否start_time（啟用時(shí)間）Timestamp6否module_code（所屬模塊）varchar255否degfault_order（默認(rèn)排序）Int4否is_sys（是否系統(tǒng)預(yù)置）Int4否

5系統(tǒng)實(shí)現(xiàn)5.1登錄模塊登錄模塊主要由一個(gè)背景圖片和一個(gè)帶有用戶名、密碼和驗(yàn)證碼的表單的登錄框組成。其中驗(yàn)證碼由后臺(tái)生成，通過(guò)接口獲取驗(yàn)證碼的url，用戶可以通過(guò)點(diǎn)擊驗(yàn)證碼進(jìn)行刷新來(lái)重新獲取驗(yàn)證碼，當(dāng)用戶點(diǎn)擊登錄后會(huì)進(jìn)行比對(duì)。用戶可以點(diǎn)擊記住密碼將用戶名和密碼信息存入瀏覽器的cookies中，下次登陸時(shí)就可以不用再輸入用戶名和密碼了。填寫完用戶名、密碼、驗(yàn)證碼后點(diǎn)擊登錄按鈕進(jìn)行登錄。用戶在點(diǎn)擊登錄后,如果經(jīng)過(guò)校驗(yàn)登錄成功將跳轉(zhuǎn)至個(gè)人門戶,并同時(shí)將登錄信息存入本地存儲(chǔ)中。登錄界面如圖5-1所示。圖5-1登錄模塊界面5.2消息待辦模塊消息待辦模塊可以接收到管理員發(fā)送的消息和待辦事項(xiàng)?？梢渣c(diǎn)擊切換查看消息或者待辦。界面如圖5-2～圖5-3所示。圖5-2消息待辦界面圖5-3消息詳情界面5.3功能入口界面圖5-4考核評(píng)價(jià)功能入口界面5.4指標(biāo)庫(kù)管理模塊 在指標(biāo)庫(kù)管理模塊中，管理員可以進(jìn)行添加指標(biāo)，點(diǎn)擊右下角功能按鈕可對(duì)指標(biāo)進(jìn)行相應(yīng)的啟用、停用、另存、刪除、編輯等操作。指標(biāo)庫(kù)管理主界面如圖5-5所示。圖5-5指標(biāo)庫(kù)管理主界面點(diǎn)擊右下角添加按鈕將彈出添加指標(biāo)頁(yè)面。添加指標(biāo)頁(yè)面如圖5-6所示。圖5-6添加指標(biāo)界面5.5考核表管理模塊在考核表管理模塊中，管理員可以進(jìn)行添加、設(shè)置考核表的基本信息?？梢渣c(diǎn)擊右下角按鈕對(duì)設(shè)置的考核表進(jìn)行相應(yīng)的操作?？己吮砉芾碇鹘缑嫒鐖D5-7所示。圖5-7考核表管理主界面點(diǎn)擊右下角添加按鈕將彈出添加考核表的界面，按步驟進(jìn)行填寫保存即可。其中添加指標(biāo)基本信息界面可以對(duì)該考核表所需要的指標(biāo)進(jìn)行添加操作。添加界面如圖5-8～圖5-10所示。圖5-8添加基本信息界面圖5-9添加指標(biāo)基本信息界面圖5-10添加總分計(jì)算邏輯界面5.6考核組織模塊在考核組織模塊中，管理員將對(duì)考核表管理模塊中添加的考核表進(jìn)行派發(fā)，可以添加想要派發(fā)的考核表，雙擊列表可以進(jìn)入詳情頁(yè)進(jìn)行相關(guān)設(shè)置?？己私M織主界面如圖5-11所示。圖5-11考核組織主界面點(diǎn)擊編輯中的標(biāo)簽并選擇一個(gè)考核表雙擊列表進(jìn)入詳情頁(yè)即可按步驟設(shè)置該考核表的派發(fā)信息。界面如圖5-12～圖5-18所示。圖5-12考核表基本信息界面圖5-13考核表預(yù)覽界面圖5-14考核環(huán)節(jié)設(shè)置界面圖5-15被考核人設(shè)置界面圖5-16考核評(píng)委設(shè)置界面圖5-17考核表總分設(shè)置界面圖5-18推送時(shí)間設(shè)置界面5.7考核打分模塊在考核打分模塊中，每個(gè)考核環(huán)節(jié)的評(píng)委可以看見(jiàn)各自被考核人的考核表，雙擊列表即可對(duì)該被考核人進(jìn)行打分。考核打分模塊主界面如圖5-19所示。圖5-19考核打分主界面雙擊列表進(jìn)入打分詳情頁(yè)，如圖5-20所示。圖5-20打分詳情界面5.8考評(píng)跟蹤模塊在考評(píng)跟蹤模塊中，可以看到考核表打分情況，勾選未完成打分的考核表，點(diǎn)擊右下角發(fā)送提醒按鈕，即可向未進(jìn)行打分的評(píng)委發(fā)送消息提醒?？荚u(píng)跟蹤主界面如圖5-21所示。圖5-21考評(píng)跟蹤主界面5.9考評(píng)總匯模塊在考評(píng)總匯模塊中，管理員可以看到每個(gè)考核表下每個(gè)團(tuán)隊(duì)的分?jǐn)?shù)，可以對(duì)各個(gè)團(tuán)隊(duì)進(jìn)行評(píng)優(yōu)，歸檔等，也可一鍵導(dǎo)出Excel表等操作?？荚u(píng)總匯主界面如圖5-22所示。圖5-22考評(píng)總匯主界面

6系統(tǒng)測(cè)試一旦整個(gè)系統(tǒng)正式研發(fā)完成，就可以進(jìn)入測(cè)試階段，其主要目的是檢查開(kāi)發(fā)的功能是否正常工作。在測(cè)試過(guò)程中應(yīng)盡可能多的發(fā)現(xiàn)問(wèn)題，以避免在后期功能上線后出現(xiàn)不必要的錯(cuò)誤。6.1測(cè)試定義測(cè)試是一個(gè)比較程序運(yùn)行的預(yù)期成果和實(shí)際效果的過(guò)程。預(yù)期結(jié)果是操作程序前希望程序返回的一個(gè)值或狀態(tài)，實(shí)際效果是我們真正操作該程序后程序真正返回的值或狀態(tài)。測(cè)試就是對(duì)預(yù)期結(jié)果和實(shí)際效果返回的值或狀態(tài)做比較，測(cè)試程序是否達(dá)到了我們預(yù)期的結(jié)果。從實(shí)際測(cè)試的角度來(lái)看，早期開(kāi)發(fā)過(guò)程中出現(xiàn)的一些小問(wèn)題可能會(huì)導(dǎo)致后期的系統(tǒng)崩潰，而且隨著開(kāi)發(fā)進(jìn)程的不斷深入，誤差會(huì)越來(lái)越大。因此，在開(kāi)發(fā)過(guò)程中應(yīng)盡早進(jìn)行軟件測(cè)試，以確保系統(tǒng)程序在開(kāi)發(fā)過(guò)程早期出現(xiàn)漏洞，從而可以及時(shí)告知開(kāi)發(fā)人員，開(kāi)發(fā)人員處理完該問(wèn)題后，使系統(tǒng)能夠繼續(xù)正常運(yùn)行，避免之后系統(tǒng)崩潰，節(jié)約開(kāi)發(fā)成本。在進(jìn)行系統(tǒng)測(cè)試時(shí)，測(cè)試人員需要以客戶的視角來(lái)進(jìn)行測(cè)試，目前最常用的測(cè)試方式是黑盒測(cè)試。黑盒測(cè)試是將軟件比作一個(gè)黑色的盒子，內(nèi)部結(jié)構(gòu)不可見(jiàn)，只能看到外部。也就是說(shuō)，測(cè)試人員只有通過(guò)軟件的外部功能進(jìn)行測(cè)試或通過(guò)軟件返回的外部狀態(tài)來(lái)確定它是否取得了預(yù)期的成果。換句話說(shuō)，從用戶的角度來(lái)看，測(cè)試是通過(guò)程序的外部結(jié)構(gòu)和基本功能進(jìn)行的，不需要研究程序的內(nèi)部邏輯或測(cè)試代碼，來(lái)確定程序的功能和界面之間是否存在邏輯漏洞，訪問(wèn)數(shù)據(jù)庫(kù)是否正常，以及是否存在妨礙程序繼續(xù)運(yùn)行的問(wèn)題。6.2測(cè)試目的測(cè)試的主要目的是在進(jìn)行不斷重復(fù)執(zhí)行程序操作的過(guò)程，以發(fā)現(xiàn)程序中的問(wèn)題。程序開(kāi)發(fā)完成后，必須對(duì)其進(jìn)行嚴(yán)格徹底的測(cè)試。對(duì)整個(gè)程序而言，每個(gè)功能模塊都是獨(dú)立的，每個(gè)模塊的功能都必須單獨(dú)測(cè)試，通過(guò)測(cè)試后才能進(jìn)行其他后續(xù)更多功能軟件的開(kāi)發(fā)。這樣也可以在開(kāi)發(fā)初期測(cè)試出系統(tǒng)存在的問(wèn)題，讓開(kāi)發(fā)人員及時(shí)處理，避免開(kāi)發(fā)完成后難以定位到問(wèn)題所在?？己嗽u(píng)價(jià)平臺(tái)開(kāi)發(fā)完成后，同樣也需要進(jìn)行系統(tǒng)測(cè)試，以找出存在于系統(tǒng)中的潛在問(wèn)題并進(jìn)行相應(yīng)的處理，以確保系統(tǒng)能夠正常運(yùn)行。在測(cè)試系統(tǒng)時(shí)，需要非常仔細(xì)并且需要有足夠的耐心，測(cè)試時(shí)，要按照寫好的測(cè)試用例一步一步進(jìn)行，不能遺漏系統(tǒng)的任何漏洞，并詳細(xì)記錄測(cè)試結(jié)果。6.3測(cè)試方案本平臺(tái)主要功能的測(cè)試內(nèi)容如下：登錄界面，測(cè)試用戶的登錄情況。消息與待辦界面，測(cè)試能否通過(guò)輸入關(guān)鍵字查詢到消息與待辦的消息列表。指標(biāo)庫(kù)、考核表管理模塊，測(cè)試能否對(duì)指標(biāo)、考核表、考核安排進(jìn)行添加、刪除、啟用、停用。測(cè)試推送消息之后評(píng)委的消息中心界面能否收到消息。測(cè)試評(píng)委能否進(jìn)行打分。測(cè)試能否對(duì)未進(jìn)行打分的評(píng)委進(jìn)行消息提醒。測(cè)試能否對(duì)考核表進(jìn)行歸檔。測(cè)試能否將歸檔的考核表導(dǎo)出成Excel。通過(guò)對(duì)考核評(píng)價(jià)系統(tǒng)的各模塊進(jìn)行綜合測(cè)試，以確定該體系的實(shí)用性、綜合性能和可行性，將測(cè)試的預(yù)期結(jié)果和實(shí)際結(jié)果分別用測(cè)試用例加以體現(xiàn)。表6-1測(cè)試表測(cè)試功能編號(hào)測(cè)試目的測(cè)試級(jí)別測(cè)試類型測(cè)試方法與步驟測(cè)試結(jié)果功能完成輸入輸出不同賬號(hào)登錄001測(cè)試管理員登錄狀況高黑盒測(cè)試輸入賬號(hào)：sunwukong輸入密碼：danan1234567提示登陸成功，進(jìn)入該用戶的個(gè)人門戶界面成功完成002測(cè)試評(píng)委登錄狀況高黑盒測(cè)試輸入賬號(hào)：zhugeliang密碼：danan1234567提示登陸成功，進(jìn)入該用戶的個(gè)人門戶界面成功完成搜索消息待辦003測(cè)試能否根據(jù)搜索條件查出對(duì)應(yīng)的消息或待辦高黑盒測(cè)試打分包含“打分”的所有消息成功完成添加004測(cè)試能否使用添加功能高黑盒測(cè)試點(diǎn)擊添加按鈕；按要求填寫欄目；點(diǎn)擊保存按鈕。列表上顯示對(duì)應(yīng)添加的數(shù)據(jù)成功完成刪除005測(cè)試能否進(jìn)行列表數(shù)據(jù)刪除高黑盒測(cè)試勾選列表數(shù)據(jù)數(shù)據(jù)；點(diǎn)擊刪除按鈕。列表上勾選的數(shù)據(jù)被刪除成功完成啟用006測(cè)試能否進(jìn)行列表數(shù)據(jù)啟用高黑盒測(cè)試勾選在“編輯中”標(biāo)簽下的數(shù)據(jù)；點(diǎn)擊啟用按鈕?！熬庉嬛小睒?biāo)簽下的數(shù)據(jù)進(jìn)入“已啟用”標(biāo)簽下成功完成停用007測(cè)試能否進(jìn)行列表數(shù)據(jù)停用高黑盒測(cè)試勾選在“已啟用”標(biāo)簽下的數(shù)據(jù)；點(diǎn)擊停用按鈕?！耙褑⒂谩睒?biāo)簽下的數(shù)據(jù)進(jìn)入“編輯中”標(biāo)簽下成功完成消息推送008測(cè)試消息推送功能是否能正常使用高黑盒測(cè)試在“考評(píng)組織”模塊中勾選“已啟用”標(biāo)簽下的數(shù)據(jù)；點(diǎn)擊消息推送按鈕；選擇推送時(shí)間、被考核人以及考核環(huán)節(jié)。到達(dá)推送時(shí)間后，評(píng)委的消息中心顯示該條信息成功完成打分009測(cè)試評(píng)委打分功能是否能正常使用高黑盒測(cè)試評(píng)委在“考核打分”模塊中雙擊一條“待打分”標(biāo)簽下的數(shù)據(jù)；根據(jù)考核表進(jìn)行打分；點(diǎn)擊提交?！按蚍帧睒?biāo)簽下該條數(shù)據(jù)進(jìn)入“已打分”標(biāo)簽下成功完成發(fā)送提醒010測(cè)試消息提醒功能是否能正常使用高黑盒測(cè)試在“考評(píng)跟蹤”模塊中勾選“未完成”標(biāo)簽下的數(shù)據(jù)；點(diǎn)擊發(fā)送提醒按鈕。未打分評(píng)委的消息中心顯示該條信息成功完成歸檔011測(cè)試歸檔功能是否能正常使用高黑盒測(cè)試在“考評(píng)總匯”模塊中勾選數(shù)據(jù)；點(diǎn)擊歸檔按鈕。提示歸檔成功成功完成導(dǎo)出Excel012測(cè)試導(dǎo)出Excel功能是否能正常使用高黑盒測(cè)試在“考評(píng)總匯”模塊中勾選已歸檔數(shù)據(jù)；點(diǎn)擊導(dǎo)出Excel按鈕。成功下載Excel文件，文件中有已歸檔數(shù)據(jù)，且數(shù)據(jù)顯示正確成功完成6.4測(cè)試結(jié)果分析本次設(shè)計(jì)的考核評(píng)價(jià)系統(tǒng)基本滿足了用戶的需求且運(yùn)行穩(wěn)定，系統(tǒng)功能完善，界面美觀，能正確處理錯(cuò)誤問(wèn)題并呈現(xiàn)錯(cuò)誤問(wèn)題的類型。雖然在系統(tǒng)的測(cè)試過(guò)程中發(fā)現(xiàn)了一些不足之處，但在進(jìn)一步的開(kāi)發(fā)過(guò)程中發(fā)現(xiàn)的問(wèn)題及時(shí)得到了處理。對(duì)以上的測(cè)試結(jié)果進(jìn)行了全面的總結(jié)，認(rèn)為本系統(tǒng)無(wú)論是從技術(shù)、實(shí)踐還是經(jīng)濟(jì)角度都是可行的。通過(guò)對(duì)本系統(tǒng)的功能進(jìn)行了測(cè)試，結(jié)果表明本系統(tǒng)操作簡(jiǎn)便容易上手，設(shè)計(jì)的所有功能都能完美地運(yùn)行，滿足用戶的需求。7結(jié)論7.1總結(jié)本文研究了考核評(píng)價(jià)平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn)，本文通過(guò)對(duì)考核評(píng)價(jià)平臺(tái)的背景和必要性的研究確定課題，并介紹了實(shí)現(xiàn)本系統(tǒng)需要用到的相關(guān)技術(shù)。從系統(tǒng)分析，到系統(tǒng)設(shè)計(jì)，再到系統(tǒng)實(shí)現(xiàn)，最后進(jìn)行系統(tǒng)測(cè)試。一步一步進(jìn)行設(shè)計(jì)與實(shí)現(xiàn)，最終得出結(jié)論?？己嗽u(píng)價(jià)平臺(tái)的構(gòu)建使用了HTML、CSS、JavaScript、Vue框架和ElementUI。在實(shí)現(xiàn)本系統(tǒng)的過(guò)程中，經(jīng)過(guò)不斷地查找相關(guān)資料，并與老師和同學(xué)請(qǐng)教和交流，我才得以能夠處理各種出現(xiàn)的問(wèn)題。在這個(gè)系統(tǒng)的開(kāi)發(fā)過(guò)程中，我掌握了很多之前不了解的內(nèi)容，并意識(shí)到自己仍有許多不足之處。我深刻的感悟到紙上得來(lái)終覺(jué)淺，在學(xué)習(xí)一種新技術(shù)時(shí)，重要的是不僅要閱讀資料，還要進(jìn)行練習(xí)，因?yàn)檫@是理解和掌握其中規(guī)則的唯一途徑。經(jīng)驗(yàn)在開(kāi)發(fā)一個(gè)系統(tǒng)過(guò)程中是最關(guān)鍵的，缺乏經(jīng)驗(yàn)將不可避免地導(dǎo)致許多考慮不周的地方，導(dǎo)致功能可能不完整等問(wèn)題。要想吸引更多的用戶，系統(tǒng)界面需要具有美感、可識(shí)別性和用戶友好性，功能可靠，易于操作，提供良好的用戶體驗(yàn)。7.2未來(lái)工作展望通過(guò)開(kāi)發(fā)和測(cè)試本平臺(tái)，我發(fā)現(xiàn)項(xiàng)目的某些方面存在不足，希望將來(lái)能學(xué)會(huì)如何在以下方面改進(jìn)設(shè)計(jì)和開(kāi)發(fā)：盡可能以一比一復(fù)刻美工搞，美化展示界面，能使用戶更加方便理解且操作方便。優(yōu)化代碼，使代碼更加簡(jiǎn)潔且可維護(hù)性高。用戶量上去之后，本系統(tǒng)是否