摘要□此在社會(huì)高速發(fā)展與信息技術(shù)不斷迭代的良性循環(huán)下，信息量的激增也必然存在著利與弊；當(dāng)信息量達(dá)到一定程度的時(shí)候，如果不能利用好這些數(shù)據(jù)，會(huì)給工作效率帶來極大的麻煩，但如果能夠好好利用這數(shù)據(jù)，可以從數(shù)據(jù)中提取有用的信息，并針對(duì)性去解決問題或者提升效率，員工績(jī)效考核系統(tǒng)可高效地管理員工績(jī)效及信息。廣東東軟學(xué)院暫時(shí)沒有一個(gè)較為合適的員工績(jī)效考核系統(tǒng)，出自于這個(gè)真實(shí)的需求項(xiàng)目組決定來設(shè)計(jì)一款適用于廣東東軟學(xué)院的員工績(jī)效考核系統(tǒng)，能夠提供員工自行登記績(jī)效，并實(shí)現(xiàn)按照年或月為單位對(duì)全體教職工績(jī)效進(jìn)行匯總統(tǒng)計(jì)，來提供學(xué)院對(duì)教職工的績(jī)效及信息更加高效地利用及管理。主要針對(duì)教職工每年的績(jī)效考核登記與匯總，根據(jù)每月或每年匯總結(jié)果可看出，哪些比較低，針對(duì)性進(jìn)行通知預(yù)警。系統(tǒng)基于B_S模型的web應(yīng)用開發(fā)，采用express+react開發(fā)框架，使用JavaScript語言，mysql數(shù)據(jù)庫，完成了一個(gè)完整的績(jī)效考核系統(tǒng)，實(shí)現(xiàn)了事項(xiàng)登記與統(tǒng)計(jì)匯總。關(guān)鍵詞：JavaScript，Node.js，Express，React，Mysql，Web開發(fā)AbstractWiththerapiddevelopmentofsocietyandthecontinuousiterationofinformationtechnology,thereareadvantagesanddisadvantagesintherapidgrowthofinformation.Whentheamountofinformationreachesacertainlevel,ifwecan'tmakegooduseofthesedata,itwillbringgreattroubletoworkefficiency.Butifwecanmakegooduseofthesedata,wecanextractusefulinformationfromthedataandsolvetheproblempertinentlyOrimproveefficiency,employeeperformanceappraisalsystemcaneffectivelymanageemployeeperformanceandinformation.GuangdongNeusoftuniversitydoesnothaveamoresuitableemployeeperformanceappraisalsystemforthetimebeing.TheprojectteamdecidedtodesignanemployeeperformanceappraisalsystemsuitableforGuangdongNeusoftuniversitybasedonthisrealdemand,whichcanprovideemployeeswithselfregistrationperformance,andrealizethesummaryandstatisticsoftheperformanceofallstaffaccordingtotheyearormonth,soastoprovidetheperformanceofthefacultyAndmoreefficientuseandmanagementofinformation.Itismainlyaimedattheregistrationandsummaryoftheannualperformanceappraisaloftheteachingstaff.Accordingtothemonthlyorannualsummaryresults,itcanbeseenwhicharerelativelylow,andthetargetednoticeandearlywarningshouldbegiven.ThesystemisbasedonthewebapplicationdevelopmentofB﹣smodel,usingexpress+reactdevelopmentframework,usingJavaScriptlanguage,MySQLdatabase,completedacompleteperformanceappraisalsystem,andachievedeventregistrationandstatisticalsummary.□□Keywords：JavaScript，Nodejs，Express，React，Mysql，WebDevelopment廣東東軟學(xué)院本科生畢業(yè)設(shè)計(jì)（論文）目錄第一章緒論 第一章緒論開發(fā)背景1.1.1系統(tǒng)市場(chǎng)現(xiàn)況隨著互聯(lián)網(wǎng)技術(shù)與社會(huì)的不斷發(fā)展與進(jìn)步，信息量有了爆炸性的增長(zhǎng)，如何管理好數(shù)據(jù)，并且對(duì)數(shù)據(jù)價(jià)值進(jìn)一步提取是大數(shù)據(jù)時(shí)代的一個(gè)趨勢(shì)。技術(shù)在不斷的更新迭代，但是依然存在部分方面并沒有很好的利用技術(shù)更新迭代帶來的好處，例如管理模式的運(yùn)用，傳統(tǒng)的管理模式，已慢慢不適用在這個(gè)信息爆炸的時(shí)代了，由于科學(xué)技術(shù)發(fā)展過于快速，相應(yīng)的管理模式?jīng)]有得到升級(jí)，導(dǎo)致的效率差，進(jìn)一步的降低了工作的效率。因此科技在不斷的發(fā)展，相應(yīng)的管理模式也應(yīng)該得到升級(jí)，市場(chǎng)上的員工績(jī)效考核其實(shí)已經(jīng)非常的普遍了，企業(yè)達(dá)到一定的體量不引進(jìn)一些更為先進(jìn)的管理系統(tǒng)跟技術(shù)，不僅會(huì)增加巨大的工作量，且會(huì)造成巨大的成本。使用新的管理系統(tǒng)不僅可以增加企業(yè)的工作效率，更可以成為企業(yè)的一個(gè)門面，證明企業(yè)的各個(gè)方面都隨著科技發(fā)展，全方面的提升，更能在企業(yè)競(jìng)爭(zhēng)在展現(xiàn)出優(yōu)勢(shì)。系統(tǒng)意義及目的根據(jù)廣東東軟學(xué)院2017年3月學(xué)校最新信息顯示，學(xué)院校園占地約為630余畝，校舍總建筑面積約24萬平方米，圖書館藏紙質(zhì)圖書約70萬冊(cè)，電子圖書約為31萬冊(cè)；開設(shè)有多個(gè)系部，如計(jì)算機(jī)科學(xué)與技術(shù)系、信息管理與工程系、商務(wù)管理系、數(shù)字藝術(shù)系、國(guó)際教育學(xué)院、國(guó)際合作部，各個(gè)系部總共開設(shè)有16個(gè)本科專業(yè)及17個(gè)?？茖I(yè)；擁有教職工500余名，全日制在校生約為9000余人。廣東東軟學(xué)院作為一個(gè)IT高校，教職工也達(dá)到了一定的規(guī)模，但現(xiàn)今教師績(jī)效考核依然是部分使用系統(tǒng)統(tǒng)計(jì)，部分使用excel登記匯總，甚至部分職工會(huì)到年末再填報(bào)，總體效率不高，且比較混亂，而且數(shù)據(jù)也不利于保存，每年年末的績(jī)效統(tǒng)計(jì)，需要結(jié)合多個(gè)統(tǒng)計(jì)結(jié)果再進(jìn)行匯總，相對(duì)比較麻煩，且無形中給學(xué)院管理層造成了極大的工作量，此外如此原始的績(jī)效考核方式，不適合于廣東東軟學(xué)院的教職工管理，為了提供工作效率，減少工作量，因此開發(fā)此系統(tǒng)。項(xiàng)目?jī)?nèi)容與成果本人在此系統(tǒng)中主要負(fù)責(zé)：1.對(duì)系統(tǒng)的整體功能及整體業(yè)務(wù)開展了需求分析，并從中細(xì)化出數(shù)據(jù)庫的功能及業(yè)務(wù)需求，從而形成了前期的系統(tǒng)需求及數(shù)據(jù)庫設(shè)計(jì)文檔，并逐步完善文檔；2.通過項(xiàng)目成員的討論，確定系統(tǒng)整體樣式風(fēng)格并確定初步系統(tǒng)原型，進(jìn)而完成制度管理與制度細(xì)則頁面的設(shè)計(jì)與實(shí)現(xiàn)，3.通過前期完成的數(shù)據(jù)庫設(shè)計(jì)文檔，很快便完成了數(shù)據(jù)庫設(shè)計(jì)與后期的逐漸完善；通過以上的工作內(nèi)容，收獲到的項(xiàng)目成果有：例如：1.完成了系統(tǒng)需求文檔與數(shù)據(jù)庫設(shè)計(jì)文檔，奠定了系統(tǒng)開發(fā)的基礎(chǔ)與前提，給系統(tǒng)開發(fā)明確了方向；2.運(yùn)用了JavaScript語言及react框架，實(shí)現(xiàn)了前后端的數(shù)據(jù)交互；3.設(shè)計(jì)了mysql數(shù)據(jù)庫，通過函數(shù)、游標(biāo)、觸發(fā)器等的運(yùn)用，實(shí)現(xiàn)了數(shù)據(jù)庫表的多表增刪查改與績(jī)效統(tǒng)計(jì)。

第二章開發(fā)語言與框架簡(jiǎn)介2.2系統(tǒng)開發(fā)工具簡(jiǎn)介2.2.1硬件環(huán)境環(huán)境硬件配置開發(fā)環(huán)境Win1064位Intel(R)Core(TM)i5-7300HQCPU@2.50GHz(4CPUs),~2.2GHz8G內(nèi)存開發(fā)工具Vscode，navicat2.2.2開發(fā)語言(1)JavaScript基本特點(diǎn)。JavaScript是一種非常常見的網(wǎng)絡(luò)腳本語言,已經(jīng)被廣泛用于Web應(yīng)用開發(fā),常常用于網(wǎng)頁添加各式各樣的動(dòng)態(tài)功能,以提供用戶更流暢和美觀的視覺效果。通常情況下JavaScript腳本是通過嵌入到HTML中來實(shí)現(xiàn)自身的功能的REF_Ref38792830\r\h[2]。JavaScript腳本語言于其他語言一樣，擁有著它獨(dú)特的基本數(shù)據(jù)類型、程序的基本程序框架、表達(dá)式及算術(shù)運(yùn)算符。JavaScript提供有四種基本的數(shù)據(jù)類型及兩種特殊數(shù)據(jù)類型用于處理數(shù)據(jù)與字符。而變量則提供存放信息的位置，表達(dá)式則可以完成較為復(fù)雜的數(shù)據(jù)處理，可以實(shí)現(xiàn)web頁面的各種交互。REF_Ref38792875\r\h[10]此系統(tǒng)中前端的樣式設(shè)計(jì)有JavaScript與css語言搭配完成，并且JavaScript還參與數(shù)據(jù)的預(yù)處理，將用戶輸入的數(shù)據(jù)，做簡(jiǎn)單處理后提交后端；當(dāng)與后端交互時(shí)也要獲取數(shù)據(jù)后并對(duì)數(shù)據(jù)進(jìn)行預(yù)處理再展示到前端。(2)Node.js基本特點(diǎn)： ①單線程REF_Ref38792891\r\h[4]Node.js就不為每個(gè)客戶連接創(chuàng)建一個(gè)新線程，而是只使用單個(gè)線程。當(dāng)出現(xiàn)新用戶連接了，便觸發(fā)一個(gè)內(nèi)部事件，這是一個(gè)內(nèi)部機(jī)制，也是Node.js強(qiáng)大之處。然后通過非阻塞I/O和事件驅(qū)動(dòng)機(jī)制，讓Node.js程序宏觀上看起來像是并行的。因此使用Node.js，一個(gè)8GB內(nèi)存的服務(wù)器，可以承擔(dān)同時(shí)最大連接用戶數(shù)超過4000個(gè)，比原本的4000個(gè)提高了數(shù)量。此外，單線程的帶來的好處，就是還有操作系統(tǒng)完全消除了線程創(chuàng)建、銷毀的時(shí)間開銷。缺點(diǎn)也是比較明顯的，就是當(dāng)一個(gè)用戶出現(xiàn)了線程的崩潰，整個(gè)服務(wù)也都跟著崩潰了。多線程、單線程的一個(gè)對(duì)比。 ②非阻塞I/OREF_Ref38792912\r\h[11]由于Node.js中采用了非阻塞型I/O機(jī)制，即使執(zhí)行了數(shù)據(jù)庫訪問的指令后，也能立即轉(zhuǎn)而執(zhí)行其他的代碼，將數(shù)據(jù)庫返回結(jié)果的處理代碼暫時(shí)存放于回調(diào)函數(shù)中，由此來提高程序的執(zhí)行效率。當(dāng)某一個(gè)I/O執(zhí)行結(jié)束時(shí)，便以事件的形式告知執(zhí)行I/O操作的線程，線程就會(huì)去調(diào)用這個(gè)事件的回調(diào)函數(shù)。為了處理異步I/O，線程必定要有事件循環(huán)，不斷的刷新查看有沒有未處理的事件，依次執(zhí)行。③事件驅(qū)動(dòng)event-driven在Node中，客戶端請(qǐng)求創(chuàng)建連接或提交數(shù)據(jù)等請(qǐng)求，就會(huì)觸發(fā)相應(yīng)的事件。在Node中，在單一時(shí)刻，一個(gè)線程只能調(diào)用一個(gè)事件回調(diào)函數(shù)，但是在調(diào)用一個(gè)事件回調(diào)函數(shù)的過程中，也可以轉(zhuǎn)向處理其他事件，例如：創(chuàng)建新用戶連接，然后返回繼續(xù)執(zhí)行原事件的回調(diào)函數(shù)，這種處理機(jī)制，稱之為“事件環(huán)”機(jī)制。 2.2.3開發(fā)框架軟件框架是軟件開發(fā)中的基石,完善的軟件框架不僅可以加快軟件開發(fā)速度、提高軟件質(zhì)量、還可以降低軟件開發(fā)成本。傳統(tǒng)的基于JavaScript語言開發(fā)的Web應(yīng)用框架,使用前后端高度耦合的開發(fā)方式,且在服務(wù)端編程方式以及部署方案上的低效嚴(yán)重制約了Web應(yīng)用的性能提升與開發(fā)效率,而依托于GoogleV8引擎的Node.js由于其事件驅(qū)動(dòng)以及非阻塞I/O的特性使其在Web應(yīng)用開發(fā)中有極其重大的地位,特此開發(fā)一套新型的Web應(yīng)用框架以提高軟件開發(fā)的效率則顯得極為重要。因此在項(xiàng)目組多次談?wù)撆c指導(dǎo)老師的溝通下,確定了這種基于Node.js的Web應(yīng)用開發(fā)框架REF_Ref38793453\r\h[6](1)Express基本特點(diǎn)：①Express是基于Node.js平臺(tái)，快速、開放、極簡(jiǎn)的Web開發(fā)框架,提供一系列強(qiáng)大特性，支持各種Web應(yīng)用的創(chuàng)建。Express是在Node.js上進(jìn)行了擴(kuò)展Web應(yīng)用所需的功能，而不是對(duì)node.js所擁有的特性進(jìn)行二次抽象。Express的強(qiáng)大在于：豐富的HTTP工具、Connect框架的中間件，創(chuàng)建強(qiáng)大以及友好的API。REF_Ref38793054\r\h[5]②Express框架核心特性：可以通過設(shè)置中間件來響應(yīng)HTTP請(qǐng)求。通過定義路由表來響應(yīng)各種的HTTP請(qǐng)求。HTML頁面的動(dòng)態(tài)渲染通過向模板傳遞參數(shù)。(2)React基本特點(diǎn)JavaScript庫的用戶界面是由React構(gòu)建的，Web應(yīng)用程序的視圖層也是React構(gòu)建的。React全部的應(yīng)用程序的核心就是組件，即Component。組件是一個(gè)子包含的模塊，組件可提供一些輸出，因此類似按鈕或輸入框等元素均可作為React組件，組件和組件之間可以相互嵌套組合，一個(gè)或多個(gè)其他的組件之間也可以是相互包含的。REF_Ref38496817\r\h[7].React采用聲明范式，因此可以非常便捷地描述應(yīng)用，即聲明式設(shè)計(jì)。.React通過地減少與DOM的交互，即對(duì)DOM的模擬(虛擬)，即React的高效性。.React與絕大部分已知的庫或框架都可以實(shí)現(xiàn)非常友好地配合，即React地靈活性。.JSX是JavaScript語法上的一個(gè)擴(kuò)展。React開發(fā)不一定需要使用JSX，但推薦使用JSX。.通過React構(gòu)建的組件，使得代碼得到重復(fù)使用，非常適合應(yīng)用于大項(xiàng)目的開發(fā)中。.React實(shí)現(xiàn)了單向響應(yīng)的數(shù)據(jù)流，從而精簡(jiǎn)了代碼，這也是它為什么比傳統(tǒng)數(shù)據(jù)綁定更簡(jiǎn)單的原因之一。REF_Ref38496825\r\h[8](3)Mysql基本特點(diǎn)：MySQL是瑞典的MySQLAB公司開發(fā)的一個(gè)開放源碼的關(guān)系型數(shù)據(jù)庫管理系統(tǒng)，但該公司在2008年被昇陽微系統(tǒng)（SunMicrosystems）收購。有趣的是昇陽微系統(tǒng)公司在2009年，甲骨文公司（Oracle）收購了，可謂是“螳螂捕蟬黃雀在后”。MySQL最終成為Oracle旗下的一個(gè)產(chǎn)品。MySQL在過去以高性能、低成本、可靠性好等特點(diǎn)，已經(jīng)成為最流行的開源數(shù)據(jù)庫，因此被廣泛地應(yīng)用于互聯(lián)網(wǎng)上的各種中小型網(wǎng)站中。隨著MySQL的不斷發(fā)展，更多大規(guī)模網(wǎng)站和應(yīng)用也都開始使用MySQL數(shù)據(jù)庫。REF_Ref38793081\r\h[3]MySQL的特點(diǎn)：為了保證源代碼的可移植性，使?C和C++進(jìn)行編寫，并使?了多種編譯器進(jìn)?測(cè)試。?持多種操作系統(tǒng)，跨平臺(tái)性強(qiáng)，如Linux、Windows、AIX、FreeBSD、HP-UXMacOS、NovellNetware、OpenBSD、OS/2Wrap、Solaris等系統(tǒng)均可使用?持多線程，進(jìn)而提高CPU資源利用率提供多語??持，適用于各種常用的字符集編碼如GB2312、BIG5、UTF8提供多種數(shù)據(jù)庫連接途，適用于TCP/IP、ODBC和JDBC等?持多種存儲(chǔ)引擎，可以處理擁有上千萬條記錄的?型數(shù)據(jù)庫，適用于?型的數(shù)據(jù)庫。Mysql具有定制功能，采?了GPL協(xié)議，可以通過修改源碼來定制??的Mysql系統(tǒng)另外最重要的原因就是：不僅使?范圍?、跨平臺(tái)?持性好,拓展性極強(qiáng)，提供了多種語?的調(diào)?的API，而且開源。REF_Ref38496849\r\h[10](4)Mysql用于哪些處理根據(jù)需求文檔此系統(tǒng)采用的是mysql5.7的版本數(shù)據(jù)庫，該數(shù)據(jù)庫設(shè)計(jì)有8個(gè)數(shù)據(jù)表，用于存儲(chǔ)各種各樣的數(shù)據(jù)，其中有職位，活動(dòng)，事項(xiàng)圖片，事項(xiàng)制度細(xì)則，制度細(xì)則等五個(gè)關(guān)系表，主要用于關(guān)聯(lián)部分存在多于多關(guān)系的表。有多個(gè)觸發(fā)器與存儲(chǔ)過程，用于多個(gè)表之間的增刪查改。各個(gè)表的字段字符集都統(tǒng)一使用UTF-8，避免在前端交互時(shí)出現(xiàn)亂碼等情況

第三章系統(tǒng)分析與設(shè)計(jì)3.1需求分析3.1.1功能需求廣東東軟學(xué)院日常業(yè)務(wù)數(shù)據(jù)以及針對(duì)用戶群體進(jìn)行調(diào)研分析發(fā)現(xiàn)，本系統(tǒng)的使用人群年齡段為22-60歲，該年齡階段客戶人群年紀(jì)差距較大，因此web端設(shè)計(jì)不能過于簡(jiǎn)約，同時(shí)也不能過于繁雜，功能模塊關(guān)鍵詞要盡量清晰，盡量讓用戶一眼明了該功能模塊的作用。以下為系統(tǒng)主要功能結(jié)構(gòu)及各個(gè)模塊的E-R圖。REF_Ref38793114\r\h[1]（1）系統(tǒng)功能結(jié)構(gòu)圖教師功能模塊概要描述表：序號(hào)功能名稱功能需求標(biāo)識(shí)優(yōu)先級(jí)簡(jiǎn)要描述A1注冊(cè)登錄A1高用戶賬號(hào)的注冊(cè)登錄A2個(gè)人中心A2高用戶對(duì)個(gè)人信息等進(jìn)行管理操作A3績(jī)效登記A3高填寫績(jī)效考核事項(xiàng)A4查看歷史績(jī)效A4高展示用戶已登記績(jī)效事項(xiàng)，但不可更改績(jī)效。管理后臺(tái)功能概要描述表：序號(hào)功能名稱功能需求標(biāo)識(shí)優(yōu)先級(jí)簡(jiǎn)要描述B1注冊(cè)登錄B1高管理賬號(hào)的注冊(cè)登錄B2績(jī)效管理B2高對(duì)歷史績(jī)效進(jìn)行增刪查改操作B3審核提交重要事項(xiàng)B3高對(duì)重大事項(xiàng)審核提交B4教師用戶管理B4高管理教師用戶的信息，下個(gè)月并且可以實(shí)現(xiàn)增刪查改用戶個(gè)人中心功能圖3.1.1-1個(gè)人中心流程圖個(gè)人中心表功能編號(hào)A2功能名稱用戶個(gè)人中心所屬部分用戶模塊功能描述用戶通過個(gè)人中心界面設(shè)置性別、生日等個(gè)人信息，同時(shí)對(duì)績(jī)效事項(xiàng)進(jìn)行登記進(jìn)行操作輸入項(xiàng)個(gè)人信息：性別varchar[3]、生日date;地址管理：手機(jī)號(hào)int[13]、姓名varchar[50]、任教課程名，varchar[50]，任教班級(jí)varchar[50]，入職時(shí)間date處理描述判斷用戶修改字段是否符合規(guī)范，不符合規(guī)范的返回提示輸入錯(cuò)誤，符合規(guī)范的，則保存并提交數(shù)據(jù)庫輸出項(xiàng)輸入不合法提示新增/修改成功提示界面要求簡(jiǎn)潔、明了、輔助提示績(jī)效登記展示功能圖3.1.1-2績(jī)效登記流程圖績(jī)效登記表功能編號(hào)A3功能名稱績(jī)效登記所屬部分用戶模塊功能描述用戶可通過績(jī)效登記，將績(jī)效事項(xiàng)填寫并提交，常規(guī)事項(xiàng)，默認(rèn)自動(dòng)通過審核，重大事項(xiàng)，提交并等待審核。輸入項(xiàng)填寫績(jī)效事項(xiàng)信息處理描述判斷各個(gè)輸入是否符合規(guī)范，如全部都符合規(guī)范，則根據(jù)績(jī)效標(biāo)簽劃分等級(jí)，常規(guī)事項(xiàng)默認(rèn)通過，直接提交數(shù)據(jù)庫并保存，重大事件需要審核提交到學(xué)院管理人員賬號(hào)上，等待審核通過。輸出項(xiàng)常規(guī)事項(xiàng)，提交后輸出績(jī)效登記完成，并且返回登記首頁；重大事項(xiàng)，提交后輸出等待審核通過。界面要求標(biāo)簽明確，便于劃分等級(jí)一級(jí)類目【重大事項(xiàng)】二級(jí)類目【常規(guī)事項(xiàng)】查看歷史提交績(jī)效功能圖3.1.1-3查看歷史績(jī)效流程圖查看歷史績(jī)效表功能編號(hào)A4功能名稱查看歷史績(jī)效所屬部分用戶模塊功能描述用戶可以通過該模塊查看歷史提交的績(jī)效，并檢查是否有誤，有錯(cuò)誤的可以申訴。輸入項(xiàng)無輸入處理描述根據(jù)時(shí)間判斷，并檢索個(gè)人歷史績(jī)效記錄。輸出項(xiàng)輸出個(gè)人歷史績(jī)效登記記錄界面要求展示歷史績(jī)效記錄。管理員注冊(cè)登錄功能圖3.1.1-4管理員注冊(cè)登錄功能流程圖管理員注冊(cè)登錄功能表功能編號(hào)B1功能名稱管理員注冊(cè)登錄所屬部分管理端功能描述管理員通過授權(quán)碼進(jìn)行賬號(hào)注冊(cè)，設(shè)置登錄名和登錄密碼。注冊(cè)成功后跳轉(zhuǎn)到登錄頁面，輸入已有賬號(hào)及對(duì)應(yīng)密碼進(jìn)行登錄進(jìn)入管理后臺(tái)，如忘記密碼可通過驗(yàn)證進(jìn)行密碼重設(shè)輸入項(xiàng)注冊(cè)界面：授權(quán)碼varchar(50)、管理員名稱varchar(50)、管理員密碼varchar(50);登錄界面：管理員名稱varchar(50)、圖形驗(yàn)證碼char[4]、管理員密碼varchar(50);忘記密碼：原登錄密碼varchar(50)、新登錄密碼varchar(50)、圖形驗(yàn)證碼char[4];處理描述注冊(cè)頁面判斷管理員輸入的授權(quán)碼是否有效、登錄賬號(hào)和密碼是否符合規(guī)范；登錄頁面判斷管理員輸入登錄名及登錄密碼是否存在及相對(duì)應(yīng)，圖形驗(yàn)證碼是否與圖形對(duì)應(yīng)正確；修改密碼頁面判斷用戶輸入原登錄密碼是否正確，驗(yàn)證碼是否正確，登錄密碼是否符合規(guī)范；輸出項(xiàng)各種為空或錯(cuò)誤提示注冊(cè)/登錄成功提示界面要求簡(jiǎn)潔、明了、輔助提示管理全體教師歷史績(jī)效功能圖3.1.1-5查看全體教師歷史績(jī)效流程圖查看全體教師歷史績(jī)效表功能編號(hào)B2功能名稱管理全體教師歷史績(jī)效功能所屬部分后臺(tái)管理端功能描述管理員通過查看歷史績(jī)效記錄，可以對(duì)歷史績(jī)效記錄進(jìn)行核實(shí)，虛假多次登記的可進(jìn)行刪除操作，并返回用戶刪除原因。輸入項(xiàng)輸入時(shí)間段，數(shù)據(jù)庫數(shù)據(jù)文件按照時(shí)間分區(qū)處理描述判斷管理員是否有修改分類信息，進(jìn)行數(shù)據(jù)保存輸出項(xiàng)更改成功/失敗提示并返回用戶操作原因界面要求簡(jiǎn)潔、明了、輔助提示查看審核功能圖3.1.1-6查看審核流程圖查看審核功能表功能編號(hào)B3功能名稱查看審核功能所屬部分管理端功能描述該功能用于管理員對(duì)提交待審核事項(xiàng)進(jìn)行查看核實(shí)，如符合提交給予提交通過，不符合提交，可駁回。輸入項(xiàng)如需要駁回提交審核，輸入駁回原因。處理描述保存并提交通過審核的事項(xiàng)；如駁回審核，則返回駁回原因給用戶。輸出項(xiàng)審核事項(xiàng)；駁回原因。界面要求模塊清晰，操作符合邏輯，界面簡(jiǎn)潔明了管理用戶賬號(hào)密碼功能圖3.1.1-7管理賬戶密碼流程圖管理賬戶密碼功能表功能編號(hào)B4功能名稱管理用戶賬號(hào)密碼所屬部分管理端功能描述該功能用于用戶賬號(hào)密碼忘記時(shí)，可通過后臺(tái)更改。輸入項(xiàng)輸入個(gè)人信息，查看用戶信息處理描述根據(jù)輸入信息進(jìn)行檢索并輸出結(jié)果。輸出項(xiàng)輸入無誤則輸入結(jié)果輸入錯(cuò)誤是返回錯(cuò)誤提示。界面要求模塊清晰，操作符合邏輯，界面簡(jiǎn)潔明了3.2系統(tǒng)設(shè)計(jì)3.2.1總計(jì)設(shè)計(jì)該系統(tǒng)的核心功能是教職工能通過web端進(jìn)行績(jī)效的線上填報(bào)，而且為了節(jié)省系主任等領(lǐng)導(dǎo)的工作量一般事項(xiàng)會(huì)設(shè)置默認(rèn)通過，通過不同事項(xiàng)的標(biāo)簽來分類，系統(tǒng)的主要業(yè)務(wù)流如下圖所示：REF_Ref38793231\r\h[9]] 2.2.1-1圖系統(tǒng)有超級(jí)管理員賬號(hào)，主任級(jí)別賬號(hào)，教職工賬號(hào)等不同賬號(hào)；每個(gè)賬號(hào)有不同的角色，不同角色有不同的權(quán)。超級(jí)管理員賬號(hào)擁有數(shù)據(jù)庫及系統(tǒng)的全部權(quán)限，主要負(fù)責(zé)系統(tǒng)及數(shù)據(jù)庫的安全與數(shù)據(jù)傳輸問題；系主任賬號(hào)可查看該系全部教職工績(jī)效考核情況及各個(gè)教職工的事項(xiàng)內(nèi)容，審核重大事項(xiàng)申請(qǐng)?zhí)砑觿h除新職工賬號(hào)，添加刪除新的事項(xiàng)規(guī)則；教職工賬號(hào)可以申報(bào)個(gè)人績(jī)效事項(xiàng)，修改個(gè)人信息，查看個(gè)人事項(xiàng)記錄。具體用例圖如下：超級(jí)管理員賬戶用例圖：系主任賬戶用例圖教職工賬戶用例圖3.2.2數(shù)據(jù)庫設(shè)計(jì)廣東東軟學(xué)院擁有教職工約500人，因此數(shù)據(jù)量對(duì)于數(shù)據(jù)庫來說不會(huì)太大，而且也不存在多數(shù)人在同一時(shí)段訪問系統(tǒng)，對(duì)數(shù)據(jù)庫及服務(wù)器壓力沒有很大，所以選用mysql，因?yàn)椴淮嬖诟卟l(fā)所以不用設(shè)置多節(jié)點(diǎn)，因此數(shù)據(jù)庫的壓力其實(shí)沒有很大，根據(jù)數(shù)據(jù)庫設(shè)計(jì)文檔，數(shù)據(jù)庫采用mysql5.7，端口使用3306，字符集編碼統(tǒng)一使用UTF-8，避免產(chǎn)生亂碼，express服務(wù)器端口為3001，react服務(wù)器端口為3002，數(shù)據(jù)庫名為performance_db。REF_Ref38793277\r\h[7]數(shù)據(jù)庫表E-R圖圖3.2.2-1(2)數(shù)據(jù)字典用戶表(users)用于存儲(chǔ)各個(gè)用戶的字段信息，用戶編號(hào)為自動(dòng)生成，無需手動(dòng)輸入。字段描述字段名稱字段類型字段長(zhǎng)度備注用戶編號(hào)u_idinteger主鍵、非空職工號(hào)u_idsvarchar127職工名稱u_namevarchar50非空用戶密碼u_passwordvarchar50非空職工性別u_sexchar10職工電話u_phonevarchar20職工郵箱u_emailvarchar50職工住址u_addressvarchar255職工職位ps_idinteger外鍵、非空出生日期u_birthdaydate入職時(shí)間u_onboardingdate事項(xiàng)表(performance)主要用于存儲(chǔ)各個(gè)事項(xiàng)中所需填報(bào)的信息，其中事項(xiàng)編號(hào)與事項(xiàng)狀態(tài)不用手動(dòng)輸入，由系統(tǒng)自動(dòng)生成。字段描述字段名稱字段類型字段長(zhǎng)度備注事項(xiàng)編號(hào)p_idinteger主鍵、非空事項(xiàng)標(biāo)題p_topicvarchar1024非空活動(dòng)時(shí)間p_starttimetimestamp非空活動(dòng)時(shí)長(zhǎng)p_timelengthfloat(單位：小時(shí))活動(dòng)地點(diǎn)p_addressvarchar1024非空事項(xiàng)內(nèi)容p_texttext非空事項(xiàng)狀態(tài)p_statusinteger非空制度細(xì)則r_d_idinteger外鍵、非空駁回理由p_turndownvarchar1024其他條目p_othertext系部表(department)用于存儲(chǔ)各個(gè)系部的信息，其中系部編號(hào)同樣由系統(tǒng)生成。字段描述字段名稱字段類型字段長(zhǎng)度備注系部編號(hào)d_idinteger主鍵、非空系部名稱d_namevarchar1024非空事項(xiàng)默認(rèn)狀態(tài)d_statusinteger非空制度表(rules)用于儲(chǔ)存各種績(jī)效加分制度，制度編號(hào)同樣自動(dòng)生成。字段描述字段名稱字段類型字段長(zhǎng)度備注制度編號(hào)r_idinteger主鍵、非空制度名稱r_typevarchar1024非空制度內(nèi)容r_texttext非空制度細(xì)則表(r_detail)用于儲(chǔ)存各個(gè)加分績(jī)效制度的詳細(xì)信息。字段描述字段名稱字段類型字段長(zhǎng)度備注細(xì)則編號(hào)r_d_idinteger主鍵、非空細(xì)則名稱r_d_namevarchar1024非空主辦人得分r_d_u_scoresinteger非空細(xì)則得分r_d_p_socresinteger非空細(xì)則內(nèi)容r_d_p_wordstext非空制度編號(hào)r_idinteger外鍵、非空其他條目r_d_othertext文件表(files)用于存放各個(gè)事項(xiàng)的相關(guān)文件。字段描述字段名稱字段類型字段長(zhǎng)度備注文件編號(hào)f_idinteger主鍵、非空文件名稱f_namevarchar1024非空文件地址f_pathvarchar1024非空事項(xiàng)編號(hào)p_idinteger外鍵、非空職位關(guān)系表(positions)用戶存儲(chǔ)各個(gè)用戶的職位信息。字段描述字段名稱字段類型字段長(zhǎng)度備注職位編號(hào)p_idinteger主鍵、非空職位名稱p_namevarchar1024非空系部編號(hào)d_idinteger外鍵、非空職位等級(jí)p_levelinteger非空活動(dòng)關(guān)系表(activity)用于用戶表與事項(xiàng)表的關(guān)系表，因?yàn)橛脩舯泶嬖诙鄬?duì)多的關(guān)系，不能直接關(guān)聯(lián)，因此使用活動(dòng)表來實(shí)現(xiàn)間接管理。字段描述字段名稱字段類型字段長(zhǎng)度備注用戶編號(hào)u_idinteger主鍵、外鍵、非空事項(xiàng)編號(hào)p_idinteger主鍵、外鍵、非空用戶編號(hào)(舉辦人)p_applicantinteger外鍵、非空獲得分?jǐn)?shù)a_scorefloat非空(3)觸發(fā)器E-R圖刪除部門時(shí)，刪除該部門下的全部職位刪除規(guī)則時(shí)，刪除該規(guī)則對(duì)應(yīng)的細(xì)則。刪除用戶時(shí)，刪除該用戶對(duì)應(yīng)的活動(dòng)。刪除事項(xiàng)時(shí)，刪除對(duì)應(yīng)的文件,刪除對(duì)應(yīng)的活動(dòng)。

第四章系統(tǒng)功能實(shí)現(xiàn)4.1業(yè)務(wù)流程 賬戶登錄頁面，該頁面沒有設(shè)置注冊(cè)功能，因?yàn)榇蛩悴捎妹總€(gè)教職工的工號(hào)進(jìn)行登錄就好，整理好每個(gè)教職工的賬號(hào)密碼后，統(tǒng)一用文件導(dǎo)入到數(shù)據(jù)庫中去，這樣每個(gè)職工就都能使用自己的職工號(hào)進(jìn)行登錄了。界面如下圖所示： 通過系統(tǒng)主頁可以看到系統(tǒng)的全部功能模塊，有主頁、員工管理、事項(xiàng)列表、事項(xiàng)審核、事項(xiàng)申請(qǐng)、績(jī)效統(tǒng)計(jì)、制度管理、制度列表等組成，系統(tǒng)主頁如圖所示： 系主任可通過員工管理頁面對(duì)員工帳號(hào)信息進(jìn)行修改，如添加新的職工帳號(hào)或刪除賬號(hào)，當(dāng)添加員工時(shí)，會(huì)將添加的員工信息存到數(shù)據(jù)庫中區(qū)，具體員工管理頁面如圖所示： 通過事項(xiàng)列表可查看個(gè)人事項(xiàng)記錄，系主任可通過事項(xiàng)列表查看本系下的全部教職工提交的事項(xiàng)記錄，并且可以通過事項(xiàng)記錄查看事項(xiàng)內(nèi)容，事項(xiàng)列表如圖所示： 事項(xiàng)審核頁面，可以查看提交的事項(xiàng)狀態(tài)，有待審核，通過審核，駁回等三個(gè)狀態(tài)，系主任賬號(hào)有權(quán)限審核教職工提交的事項(xiàng)，可駁回，可通過，教職工只能查看事項(xiàng)狀態(tài)及詳情，具體由下圖可知：通過事項(xiàng)申請(qǐng)有三個(gè)頁面，第一個(gè)活動(dòng)登記，第二個(gè)論文發(fā)表，第三個(gè)獲獎(jiǎng)評(píng)比，暫時(shí)將全部的事項(xiàng)類型分為這三部分；第一個(gè)圖為活動(dòng)登記，登記信息有活動(dòng)名稱、活動(dòng)類別、開始時(shí)間、時(shí)長(zhǎng)、地點(diǎn)、成員、個(gè)人得分、組員得分、活動(dòng)信息，并且可上傳文件材料作為作證材料。 此圖為教職工發(fā)表論文可作為績(jī)效申報(bào)，提交論文發(fā)表績(jī)效需要填報(bào)，論文標(biāo)題，論文種類，論文其他作者，論文發(fā)表時(shí)間，個(gè)人的得分（不同論文期刊有不同的分值權(quán)重），可以添加論文文件，跟期刊文件。 教職工在論文或者各種比賽中獲獎(jiǎng)也是能夠作為績(jī)效加分的，申請(qǐng)獲獎(jiǎng)加分，需要填寫獲獎(jiǎng)名稱，獲獎(jiǎng)?lì)悇e，申請(qǐng)分?jǐn)?shù)，獲獎(jiǎng)簡(jiǎn)介（作為獎(jiǎng)品的介紹），添加文件（可為獲獎(jiǎng)通知或證書等獲獎(jiǎng)作證材料） 事項(xiàng)統(tǒng)計(jì)頁面，用于根據(jù)不同賬戶級(jí)別統(tǒng)計(jì)個(gè)人或全系教職工的的績(jī)效情況，如教職工賬號(hào)就可以統(tǒng)計(jì)匯總個(gè)人按月度排名或者按年度排名在全系中總分?jǐn)?shù)為多少及排名情況，如系主任賬號(hào)，可統(tǒng)計(jì)匯總年度全息教職工績(jī)效排名情況，直接可以找到績(jī)效比較低的教職工，做及時(shí)的提醒。具體如下圖所示： 制度管理頁面，可通過制度管理頁面對(duì)現(xiàn)有的制度進(jìn)行刪除或修改，也可通過添加制度來新增新的績(jī)效制度，具體如下圖所示。 制度列表，可展示現(xiàn)有的制度規(guī)則，如果對(duì)現(xiàn)有規(guī)則需要修改可通過制度管理頁面來進(jìn)行修改或者刪減。4.2核心代碼實(shí)現(xiàn)(1)數(shù)據(jù)庫表代碼：①制度表--

--

Table

structure

for

rules

制度表

--

DROP

TABLE

IF

EXISTS

`rules`;

CREATE

TABLE

`rules`

(

`r_id`

int(11)

NOT

NULL

AUTO_INCREMENT,

`r_type`

varchar(1024)

CHARACTER

SET

utf8

COLLATE

utf8_general_ci

NOT

NULL,

`r_text`

text

CHARACTER

SET

utf8

COLLATE

utf8_general_ci

NOT

NULL,

PRIMARY

KEY

(`r_id`)

USING

BTREE

)

ENGINE

=

InnoDB

AUTO_INCREMENT

=

2

CHARACTER

SET

=

utf8

COLLATE

=

utf8_general_ci

ROW_FORMAT

=

Dynamic;

②部門表--

--

Table

structure

for

department

部門表

--

DROP

TABLE

IF

EXISTS

`department`;

CREATE

TABLE

`department`

(

`d_id`

int(11)

NOT

NULL

AUTO_INCREMENT,

`d_name`

varchar(1024)

CHARACTER

SET

utf8

COLLATE

utf8_general_ci

NULL

DEFAULT

NULL,

`d_status`

int(11)

NOT

NULL,

PRIMARY

KEY

(`d_id`)

USING

BTREE

)

ENGINE

=

InnoDB

AUTO_INCREMENT

=

6

CHARACTER

SET

=

utf8

COLLATE

=

utf8_general_ci

ROW_FORMAT

=

Dynamic;

③職位表--

--

Table

structure

for

positions

職位表

--

DROP

TABLE

IF

EXISTS

`positions`;

CREATE

TABLE

`positions`

(

`p_id`

int(11)

NOT

NULL,

`p_name`

varchar(1024)

CHARACTER

SET

utf8

COLLATE

utf8_general_ci

NOT

NULL,

`p_level`

int(11)

NOT

NULL,

`d_id`

int(11)

NOT

NULL,

PRIMARY

KEY

(`p_id`)

USING

BTREE,

INDEX

`fk_p_d_id`(`d_id`)

USING

BTREE,

CONSTRAINT

`fk_p_d_id`

FOREIGN

KEY

(`d_id`)

REFERENCES

`department`

(`d_id`)

ON

DELETE

RESTRICT

ON

UPDATE

RESTRICT

)

ENGINE

=

InnoDB

CHARACTER

SET

=

utf8

COLLATE

=

utf8_general_ci

ROW_FORMAT

=

Dynamic;=

6

CHARACTER

SET

=

utf8

COLLATE

=

utf8_general_ci

ROW_FORMAT

=

Dynamic;

④細(xì)則表--

--

Table

structure

for

r_detail

細(xì)則表

--

DROP

TABLE

IF

EXISTS

`r_detail`;

CREATE

TABLE

`r_detail`

(

`r_d_id`

int(11)

NOT

NULL

AUTO_INCREMENT,

`r_d_name`

varchar(100)

CHARACTER

SET

utf8

COLLATE

utf8_general_ci

NOT

NULL,

`r_d_u_socres`

int(11)

NOT

NULL,

`r_d_p_socres`

int(11)

NOT

NULL,

`r_d_p_words`

text

CHARACTER

SET

utf8

COLLATE

utf8_general_ci

NOT

NULL,

`r_id`

int(11)

NULL

DEFAULT

NULL,

`r_d_other`

text

CHARACTER

SET

utf8

COLLATE

utf8_general_ci

NULL,

PRIMARY

KEY

(`r_d_id`)

USING

BTREE,

INDEX

`fk_rd_r_id`(`r_id`)

USING

BTREE,

CONSTRAINT

`fk_rd_r_id`

FOREIGN

KEY

(`r_id`)

REFERENCES

`rules`

(`r_id`)

ON

DELETE

RESTRICT

ON

UPDATE

RESTRICT

)

ENGINE

=

InnoDB

AUTO_INCREMENT

=

2

CHARACTER

SET

=

utf8

COLLATE

=

utf8_general_ci

ROW_FORMAT

=

Dynamic;

⑤用戶表--

--

Table

structure

for

users

用戶表

--

DROP

TABLE

IF

EXISTS

`users`;

CREATE

TABLE

`users`

(

`u_id`

int(11)

NOT

NULL

AUTO_INCREMENT,

`u_ids`

varchar(127)

CHARACTER

SET

utf8

COLLATE

utf8_general_ci

NOT

NULL,

`u_name`

varchar(50)

CHARACTER

SET

utf8

COLLATE

utf8_general_ci

NOT

NULL,

`u_password`

varchar(50)

CHARACTER

SET

utf8

COLLATE

utf8_general_ci

NOT

NULL,

`u_sex`

char(10)

CHARACTER

SET

utf8

COLLATE

utf8_general_ci

NULL

DEFAULT

NULL,

`u_phone`

varchar(20)

CHARACTER

SET

utf8

COLLATE

utf8_general_ci

NULL

DEFAULT

NULL,

`u_address`

varchar(255)

CHARACTER

SET

utf8

COLLATE

utf8_general_ci

NULL

DEFAULT

NULL,

`u_email`

varchar(50)

CHARACTER

SET

utf8

COLLATE

utf8_general_ci

NULL

DEFAULT

NULL,

`ps_id`

int(11)

NOT

NULL,

`u_brithday`

date

NULL

DEFAULT

NULL,

`u_onboarding`

date

NULL

DEFAULT

NULL,

PRIMARY

KEY

(`u_id`)

USING

BTREE,

INDEX

`fk_user_position`(`ps_id`)

USING

BTREE,

CONSTRAINT

`fk_user_position`

FOREIGN

KEY

(`ps_id`)

REFERENCES

`positions`

(`p_id`)

ON

DELETE

RESTRICT

ON

UPDATE

RESTRICT

)

ENGINE

=

InnoDB

AUTO_INCREMENT

=

3

CHARACTER

SET

=

utf8

COLLATE

=

utf8_general_ci

ROW_FORMAT

=

Dynamic;

⑥事項(xiàng)表--

--

Table

structure

for

performance

事項(xiàng)表

--

DROP

TABLE

IF

EXISTS

`performance`;

CREATE

TABLE

`performance`

(

`p_id`

int(11)

NOT

NULL

AUTO_INCREMENT,

`p_topic`

varchar(1024)

CHARACTER

SET

utf8

COLLATE

utf8_general_ci

NOT

NULL,

`p_applytime`

timestamp(0)

NOT

NULL

DEFAULT

CURRENT_TIMESTAMP

ON

UPDATE

CURRENT_TIMESTAMP(0),

`p_timelength`

float

NULL

DEFAULT

NULL,

`p_address`

varchar(1024)

CHARACTER

SET

utf8

COLLATE

utf8_general_ci

NOT

NULL,

`p_status`

int(11)

NOT

NULL,

`p_text`

text

CHARACTER

SET

utf8

COLLATE

utf8_general_ci

NOT

NULL,

`r_d_id`

int(11)

NULL

DEFAULT

NULL,

`p_turndown`

varchar(1024)

CHARACTER

SET

utf8

COLLATE

utf8_general_ci

NULL

DEFAULT

NULL,

`p_other`

text

CHARACTER

SET

utf8

COLLATE

utf8_general_ci

NULL,

`p_starttime`

timestamp(6)

NULL

DEFAULT

NULL

ON

UPDATE

CURRENT_TIMESTAMP(6),

PRIMARY

KEY

(`p_id`)

USING

BTREE,

INDEX

`fk_p_rd_id`(`r_d_id`)

USING

BTREE,

CONSTRAINT

`fk_p_rd_id`

FOREIGN

KEY

(`r_d_id`)

REFERENCES

`r_detail`

(`r_d_id`)

ON

DELETE

RESTRICT

ON

UPDATE

RESTRICT

)

ENGINE

=

InnoDB

AUTO_INCREMENT

=

2

CHARACTER

SET

=

utf8

COLLATE

=

utf8_general_ci

ROW_FORMAT

=

Dynamic;

⑦文件表--

--

Table

structure

for

files

文件表

--

DROP

TABLE

IF

EXISTS

`files`;

CREATE

TABLE

`files`

(

`f_id`

int(11)

NOT

NULL

AUTO_INCREMENT,

`f_name`

varchar(1024)

CHARACTER

SET

utf8

COLLATE

utf8_general_ci

NOT

NULL,

`f_path`

varchar(1024)

CHARACTER

SET

utf8

COLLATE

utf8_general_ci

NOT

NULL,

`p_id`

int(11)

NOT

NULL,

PRIMARY

KEY

(`f_id`)

USING

BTREE,

INDEX

`fk_p_f_id`(`p_id`)

USING

BTREE,

CONSTRAINT

`fk_p_f_id`

FOREIGN

KEY

(`p_id`)

REFERENCES

`performance`

(`p_id`)

ON

DELETE

RESTRICT

ON

UPDATE

RESTRICT

)

ENGINE

=

InnoDB

AUTO_INCREMENT

=

1

CHARACTER

SET

=

utf8

COLLATE

=

utf8_general_ci

ROW_FORMAT

=

Dynamic;

⑧活動(dòng)表--

--

Table

structure

for

activity

--

DROP

TABLE

IF

EXISTS

`activity`;

CREATE

TABLE

`activity`

(

`p_id`

int(11)

NOT

NULL,

`u_id`

int(11)

NOT

NULL,

`p_applicant`

int(255)

NOT

NULL,

`a_score`

float

NOT

NULL,

PRIMARY

KEY

(`u_id`,

`p_id`)

USING

BTREE,

INDEX

`fk_a_u_id`(`p_id`)

USING

BTREE,

INDEX

`fk_a_p_id`(`p_applicant`)

USING

BTREE,

CONSTRAINT

`fk_a_p_id`

FOREIGN

KEY

(`p_applicant`)

REFERENCES

`users`

(`u_id`)

ON

DELETE

RESTRICT

ON

UPDATE

RESTRICT,

CONSTRAINT

`fk_a_u_id`

FOREIGN

KEY

(`p_id`)

REFERENCES

`performance`

(`p_id`)

ON

DELETE

RESTRICT

ON

UPDATE

RESTRICT,

CONSTRAINT

`fk_a_uid`

FOREIGN

KEY

(`u_id`)

REFERENCES

`users`

(`u_id`)

ON

DELETE

RESTRICT

ON

UPDATE

RESTRICT

)

ENGINE

=

InnoDB

CHARACTER

SET

=

utf8

COLLATE

=

utf8_general_ci

ROW_FORMAT

=

Dynamic;

(2)觸發(fā)器代碼①刪除部門時(shí)，刪除該部門下的全部職位--

--

Triggers

structure

for

table

department

--

DROP

TRIGGER

IF

EXISTS

`trigger_d_p`;

delimiter

;;

CREATE

TRIGGER

`trigger_d_p`

BEFORE

DELETE

ON

`department`

FOR

EACH

ROW

Begin

delete

from

positions

where

d_id

=

old.d_id;

end

;;

delimiter

;

②刪除事項(xiàng)時(shí)，刪除改使用對(duì)應(yīng)的文件--

--

Triggers

structure

for

table

performance

--

DROP

TRIGGER

IF

EXISTS

`trigger_p_f`;

delimiter

;;

CREATE

TRIGGER

`trigger_p_f`

BEFORE

DELETE

ON

`performance`

FOR

EACH

ROW

Begin

delete

from

files

where

p_id

=

old.p_id;

delete

from

activity

where

p_id

=old.p_id;end

;;

delimiter

;

③刪除規(guī)則時(shí)，刪除該規(guī)則對(duì)應(yīng)的細(xì)則。--

--

Triggers

structure

for

table

rules

--

DROP

TRIGGER

IF

EXISTS

`trigger_r_rd`;

delimiter

;;

CREATE

TRIGGER

`trigger_r_rd`

BEFORE

DELETE

ON

`rules`

FOR

EACH

ROW

Begin

delete

from

r_detail

where

r_id

=

old.r_id;end

;;

delimiter

;

④刪除用戶時(shí)，刪除該用戶對(duì)應(yīng)的活動(dòng)。--

--

Triggers

structure

for

table

users

--

DROP

TRIGGER

IF

EXISTS

`trigger_u_a`;

delimiter

;;

CREATE

TRIGGER

`trigger_u_a`

BEFORE

DELETE

ON

`users`

FOR

EACH

ROW

Begin

delete

from

activity

where

u_id

=

old.u_id;end

;;

delimiter

;

(4)制度管理頁面①獲取制度詳情，將獲取的制度細(xì)則存入數(shù)組arr，再將數(shù)組arr的數(shù)據(jù)取出，展示到前端。var

it

=

ps.rulelist;

var

arr

=

[];

let

k

=

0;

for

(let

i

=

0;

i

<

it.length;

i++)

{

for

(let

j

=

0;

j

<

it[i]["detail"].length;

j++)

{

let

detail

=

it[i]["detail"][j];

var

r

=

{};

r["key"]

=

k++;

r["activities"]

=

detail.r_type;

r["category"]

=

detail.r_d_name;

r["head_score"]

=

detail.r_d_u_scores;

r["num_score"]

=

detail.r_d_p_scores;

r["r_id"]

=

detail.r_id;

r["rd_id"]

=

detail.r_d_id;

r["r_d_p_words"]

=

detail.r_d_p_words;

arr.push(r);

}

}

const

dataSource

=

arr;

②通過生命周期函數(shù)來調(diào)用數(shù)據(jù)const

mapStateToProps

=

(state)

=>

{

return

{

userData:

state.userData,//獲取用戶信息

rulelist:

state.rulelist,//獲取制度細(xì)則信息

};

③通過調(diào)用getRuleListAction函數(shù)和getdeleteRuleList函數(shù)來獲取數(shù)據(jù)const

mapDispatchToProps

=

(dispatch)

=>

{

return

{

reqRulelist()

{

const

action

=

getRuleListAction();

dispatch(action);

},

reqdeleteRulelist(rid)

{

const

action

=

getdeleteRuleList(rid);

dispatch(action);

window.location.reload(true);

},

};

};

④添加制度<Descriptions.Item

label="主辦人得分"><Input

style={{

width:

'270px'

}}

name="h_score"

onChange={e

=>

this._onInputChange(e)}/></Descriptions.Item>

<Descriptions.Item

label="成員得分"><Input

style={{

width:

'280px'

}}

name="l_score"

onChange={e

=>

this._onInputChange(e)}/></Descriptions.Item>

<Descriptions.Item

label=""></Descriptions.Item>

⑤修改制度，與添加制度不同的是，需要通過defaultValue來獲取原本事項(xiàng)的信息。<Descriptions.Item

label="主辦人得分"><Input

style={{

width:

'270px'

}}

name="h_score"

defaultValue={it.head_score}

onChange={e

=>

this._onInputChange(e)}/></Descriptions.Item>

<Descriptions.Item

label="成員得分"><Input

style={{

width:

'280px'

}}

name="l_score"

defaultValue={it.num_score}

onChange={e

=>

this._onInputChange(e)}/></Descriptions.Item>

<Descriptions.Item

label=""></Descriptions.Item>

(4)制度細(xì)則頁面①對(duì)數(shù)據(jù)進(jìn)行處理，先將數(shù)據(jù)存入數(shù)組arr，再將數(shù)據(jù)從數(shù)組中取出。

var

it

=

ps.rulelist

var

arr

=

[];

let

k

=

0;

for

(let

i

=

0;

i

<

it.length;

i++)

{

for

(let

j

=

0;

j

<

it[i]['detail'].length;

j++)

{

let

detail

=

it[i]['detail'][j];

var

r

=

{};

r['key']

=

k++;

r['activities']

=

detail.r_type;

r['category']

=

detail.r_d_name;

r['head_score']

=

detail.r_d_u_scores;

r['num_score']

=

detail.r_d_p_scores;

r['r_id']

=

detail.r_id;

r['rd_id']

=

detail.r_d_id;

r['r_d_p_words']

=

detail.r_d_p_words;

arr.push(r)

}

}

const

data

=arr//

獲取上面函數(shù)處理后的數(shù)據(jù)

return

(

<div>

<Table

columns={columns}

dataSource={data}

/>

</div>

)

②調(diào)用數(shù)據(jù)const

mapStateToProps

=

(state)

=>

{

return

{

userData:

state.userData,

rulelist:

state.rulelist,

}

③獲取數(shù)據(jù)const

mapDispatchToProps

=

(dispatch)

=>

{

return

{

reqRulelist()

{

const

action

=

getRuleListAction();

dispatch(action);

},

第五章總結(jié)與展望5.1總結(jié)本人在此項(xiàng)目中，主要負(fù)責(zé)的工作內(nèi)容是：1.通過對(duì)系統(tǒng)整體業(yè)務(wù)及需求的多次調(diào)研，完成了前期的系統(tǒng)需求文檔的整理與編寫，數(shù)據(jù)庫設(shè)計(jì)文檔的整理與編寫。2.通過前期的系統(tǒng)需求文檔，與項(xiàng)目組成員確定了系統(tǒng)原型，并根據(jù)原型完成了績(jī)效統(tǒng)計(jì)的設(shè)計(jì)與實(shí)現(xiàn)。3.通過數(shù)據(jù)庫設(shè)計(jì)文檔，完成了前期數(shù)據(jù)庫的設(shè)計(jì)與實(shí)現(xiàn)并在后期逐步增加功能完善數(shù)據(jù)庫。此項(xiàng)目獲得的項(xiàng)目成果有：1.通過前期需求調(diào)研，與文檔的整理，雖然存在很多不足與缺陷，但學(xué)習(xí)到了需求文檔的結(jié)構(gòu)，也明白了需求調(diào)研與文檔的重要性，給項(xiàng)目組明確了開發(fā)的方向，也更加明確了各自的分工。2.通過模塊的設(shè)計(jì)與開發(fā)學(xué)習(xí)到了JavaScript語言，react框架的內(nèi)容，雖然暫時(shí)都比較基礎(chǔ)，但是也學(xué)習(xí)到了最熱門的前端開發(fā)框架之一。3.通過數(shù)據(jù)庫的設(shè)計(jì)與實(shí)現(xiàn)，這個(gè)相對(duì)來說比較簡(jiǎn)單，根據(jù)數(shù)據(jù)庫的設(shè)計(jì)文檔就能很快做好，但是后期將：觸發(fā)器，游標(biāo)，函數(shù)等得到了實(shí)際的運(yùn)用，減少了后端的一些工作，也掌握了這些數(shù)據(jù)庫的真實(shí)運(yùn)用場(chǎng)景。5.2展望 本人通過此次系統(tǒng)的開發(fā)與設(shè)計(jì)，對(duì)一個(gè)軟件的生命周期有了一個(gè)更加明確的認(rèn)識(shí)，并對(duì)系統(tǒng)開發(fā)的每個(gè)階段都有了更深刻的認(rèn)識(shí)。并且根據(jù)廣東東軟學(xué)院的教職工數(shù)量與對(duì)系統(tǒng)的需求情況，不存在高并發(fā)的情況，所以系統(tǒng)暫時(shí)沒有做高并發(fā)的一些技術(shù)上的研究，后續(xù)會(huì)增加這方面對(duì)系統(tǒng)進(jìn)行升級(jí)；系統(tǒng)對(duì)績(jī)效可按照年或月為單位匯總，可增加預(yù)警值，當(dāng)存在教職工績(jī)效分值過低時(shí)，系統(tǒng)自動(dòng)發(fā)送短信提醒該教職工，績(jī)效分?jǐn)?shù)過低，并且顯示績(jī)效總分；可再對(duì)個(gè)人中心進(jìn)行拓展，增加調(diào)課，請(qǐng)假，辭職等功能。參考文獻(xiàn)曹芳唐鳴翊康月熙.每日一薦網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)[J].科技視界,2018(34):119-120.徐曉.DivCSSJavascrip技術(shù)在電子商務(wù)技能競(jìng)賽平臺(tái)中的應(yīng)用研究[J].電腦與信息技術(shù),2015(05):38-40.鄧興劉冬詠.運(yùn)維播控機(jī)房計(jì)算機(jī)管理系統(tǒng)的應(yīng)用性開發(fā)[J].中國(guó)有線電視,2016(12):5-5.陳亮劉太君尚愛民葉焱.基于NodeJS的漏纜入侵系統(tǒng)服務(wù)端及其WEB客戶端的研發(fā)[J].無線通信技術(shù),2018(1):6-6.陳振娟鄭靖玉李明蘭韓娟吳麗麗.復(fù)習(xí)資料共享平臺(tái)的搭建[J].電腦知識(shí)與技術(shù),2019(01):78-80.王宗宇.遠(yuǎn)方集中抄表系統(tǒng)在福建省金湖電力公司的實(shí)現(xiàn)與應(yīng)用[J].中國(guó)科技博覽,2012(26):1-1.張福峰劉振名.利用ADODB實(shí)現(xiàn)SQLSERVER數(shù)據(jù)庫訪問[J].農(nóng)業(yè)網(wǎng)絡(luò)信息,2015(09):104-105.李佩佩.基于船聯(lián)網(wǎng)的跨域智能身份認(rèn)證體系研究[J].中國(guó)優(yōu)秀碩士學(xué)位論文全文數(shù)據(jù)庫,2016(02):64-64.張麗黃晨怡.基于MVC設(shè)計(jì)模式的軟件開發(fā)論壇的設(shè)計(jì)與實(shí)現(xiàn)[J].電腦知識(shí)與技術(shù),2018(27):64-67.謝靜波吳亞昊.JavaScript教學(xué)方法的探索[J].信息與電腦(理論版),2015(20):180-181.吳春玲劉廣偉程淑偉柯佩佩馮蕾吳亞斌.基于Nodejs的河道排污監(jiān)測(cè)管理平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn)[J].工業(yè)控制計(jì)算機(jī),2018(10):124-125.

致謝 在本次的系統(tǒng)開發(fā)中，我要首先感謝我們的指導(dǎo)老師葉常春老師。在我煩惱可以找哪位指導(dǎo)老師時(shí)，葉老師來問我是否需要指導(dǎo)老師，解決了我的燃煤之急，在項(xiàng)目開始時(shí)給我們分了小組，確定了開發(fā)框架，開發(fā)語言，并且定期給我們開會(huì)做項(xiàng)目指導(dǎo)，相比其他的人的導(dǎo)師，真心覺得自己很幸運(yùn)。 其次我需要感謝一下我的組員，在大家都不熟悉新的開發(fā)框架，新的開發(fā)語言時(shí)，我們?yōu)榱烁斓耐瓿身?xiàng)目，根據(jù)自身的能力去分配各自的部分，并且每次遇到問題都非常的積極參與會(huì)議，商討如何解決，即使在后期我找到了實(shí)習(xí)比較忙，組員也沒有嫌棄我，時(shí)間精力不足。 最后我需要感謝學(xué)校提供這么一個(gè)平臺(tái)，在這里認(rèn)識(shí)了很多的良師益友，感謝所有在生活上，學(xué)習(xí)上等幫助過我的人。最后感謝一下，各位老師對(duì)我的論文已經(jīng)審批跟查閱，希望各位老師給我提出寶貴的意見，以供我繼續(xù)改進(jìn)跟努力。

怎樣提高電腦系統(tǒng)運(yùn)行速度WindowsXP的啟動(dòng)速度比Windows2000要快30%左右，但相對(duì)于Windows98仍然要慢了不少，不過，我們可以通過優(yōu)化設(shè)置，來大大提高WindowsXP的啟動(dòng)速度。加快系統(tǒng)啟動(dòng)速度主要有以下方法：盡量減少系統(tǒng)在啟動(dòng)時(shí)加載的程序與服務(wù)；對(duì)磁盤及CPU等硬件進(jìn)行優(yōu)化設(shè)置；修改默認(rèn)設(shè)置，減少啟動(dòng)等待時(shí)間等。這些方法大部分既可減少系統(tǒng)啟動(dòng)的時(shí)間，又可以節(jié)省系統(tǒng)資源，加快電腦運(yùn)行速度。1.加快系統(tǒng)啟動(dòng)速度WindowsXP的啟動(dòng)速度比Windows2000要快30%左右，但相對(duì)于Windows98仍然要慢了不少，不過，我們可以通過優(yōu)化設(shè)置，來大大提高WindowsXP的啟動(dòng)速度。加快系統(tǒng)啟動(dòng)速度主要有以下方法：盡量減少系統(tǒng)在啟動(dòng)時(shí)加載的程序與服務(wù)；對(duì)磁盤及CPU等硬件進(jìn)行優(yōu)化設(shè)置；修改默認(rèn)設(shè)置，減少啟動(dòng)等待時(shí)間等。這些方法大部分既可減少系統(tǒng)啟動(dòng)的時(shí)間，又可以節(jié)省系統(tǒng)資源，加快電腦運(yùn)行速度。(1)MsconfigWindowsXP的啟動(dòng)速度在系統(tǒng)安裝初期還比較快，但隨著安裝的軟件不斷增多，系統(tǒng)的啟動(dòng)速度會(huì)越來越慢，這是由于許多軟件把自己加在了啟動(dòng)程序中，這樣開機(jī)即需運(yùn)行，大大降低了啟動(dòng)速度，而且也占用了大量的系統(tǒng)資源。對(duì)于這樣一些程序，我們可以通過系統(tǒng)配置實(shí)用程序Msconfig將它們從啟動(dòng)組中排除出去。選擇“開始”菜單中的“運(yùn)行”命令，在“運(yùn)行”對(duì)話框中鍵入“Msconfig”，回車后會(huì)彈出“系統(tǒng)配置實(shí)用程序”對(duì)話框，選擇其中的“啟動(dòng)”選項(xiàng)卡(如圖1)，該選項(xiàng)卡中列出了系統(tǒng)啟動(dòng)時(shí)加載的項(xiàng)目及來源，仔細(xì)查看每個(gè)項(xiàng)目是否需要自動(dòng)加載，否則清除項(xiàng)目前的復(fù)選框，加載的項(xiàng)目越少，啟動(dòng)的速度就越快。設(shè)置完成后需要重新啟動(dòng)方能生效。(2)BootvisBootvis是微軟提供的一個(gè)啟動(dòng)優(yōu)化工具，可提高WindowsXP的啟動(dòng)速度。用BootVis提升WindowsXP的啟動(dòng)速度必須按照正確的順序進(jìn)行操作，否則將不會(huì)起到提速的效果。其正確的操作方法如下：?jiǎn)?dòng)Bootvis，從其主窗口(如圖2)中選擇“工具”菜單下的“選項(xiàng)”命令，在“符號(hào)路徑”處鍵入Bootvis的安裝路徑，如“C:\ProgramFiles\Bootvis”，單擊“保存”退出。從“跟蹤”菜單中選擇“下次引導(dǎo)”命令，會(huì)彈出“重復(fù)跟蹤”對(duì)話框，單擊“確定”按鈕，BootVis將引導(dǎo)WindowsXP重新啟動(dòng)，默認(rèn)的重新啟動(dòng)時(shí)間是10秒。系統(tǒng)重新啟動(dòng)后，BootVis自動(dòng)開始運(yùn)行并記錄啟動(dòng)進(jìn)程，生成啟動(dòng)進(jìn)程的相關(guān)BIN文件，并把這個(gè)記錄文件自動(dòng)命名為TRACE_BOOT_1_1。程序記錄完啟動(dòng)進(jìn)程文件后，會(huì)重新啟動(dòng)BootVis主界面，在“文件”菜單中選擇剛剛生成的啟動(dòng)進(jìn)程文件“TRACE_BOOT_1_1”。窗口中即會(huì)出現(xiàn)“CPU>使用”、“磁盤I/O”、“磁盤使用”、“驅(qū)動(dòng)程序延遲”等幾項(xiàng)具體圖例供我們分析，不過最好還是讓BootVis程序來自動(dòng)進(jìn)行分析：從“跟蹤”菜單中選擇“系統(tǒng)優(yōu)化”命令，程序會(huì)再次重新啟動(dòng)計(jì)算機(jī)，并分析啟動(dòng)進(jìn)程文件，從而使計(jì)算機(jī)啟動(dòng)得更快。(3)禁用多余的服務(wù)WindowsXP在啟動(dòng)時(shí)會(huì)有眾多程序或服務(wù)被調(diào)入到系統(tǒng)的內(nèi)存中，它們往往用來控制Windows系統(tǒng)的硬件設(shè)備、內(nèi)存、文件管理或者其他重要的系統(tǒng)功能。但這些服務(wù)有很多對(duì)我們用途不大甚至根本沒有用，它們的存在會(huì)占用內(nèi)存和系統(tǒng)資源，所以應(yīng)該將它們禁用，這樣最多可以節(jié)省70MB的內(nèi)存空間，系統(tǒng)速度自然也會(huì)有很大的提高。選擇“開始”菜單中的“運(yùn)行”命令，在“運(yùn)行”對(duì)話框鍵入“services.msc”后回車，即可打開“服務(wù)”窗口。窗口的服務(wù)列表中列出了系統(tǒng)提供的所有服務(wù)的名稱、狀態(tài)及啟動(dòng)類型。要修改某個(gè)服務(wù)，可從列表雙擊它，會(huì)彈出它的屬性對(duì)話框(如圖3)，你可從“常規(guī)”選項(xiàng)卡對(duì)服務(wù)進(jìn)行修改，通過單擊“啟動(dòng)”、“停止”、“暫?！?、“恢復(fù)”四個(gè)按鈕來修改服務(wù)的狀態(tài)，并可從“啟動(dòng)類型”下拉列表中修改啟動(dòng)類型，啟動(dòng)類型有“自動(dòng)”、“手動(dòng)”、“已禁用”三種。如果要禁止某個(gè)服務(wù)在啟動(dòng)自動(dòng)加載，可將其啟動(dòng)類型改為“已禁用”。WindowsXP提供的所有服務(wù)有36個(gè)默認(rèn)是自動(dòng)啟動(dòng)的，實(shí)際上，其中只有8個(gè)是必須保留的(見下表)，其他的則可根據(jù)自己的需要進(jìn)行設(shè)置，每種服務(wù)的作用在軟件中有提示。4)修改注冊(cè)表來減少預(yù)讀取，減少進(jìn)度條等待時(shí)間WindowsXP在啟動(dòng)過程中會(huì)出現(xiàn)一個(gè)進(jìn)度條，我們可以通過修改注冊(cè)表，讓進(jìn)度條只跑一圈就進(jìn)入登錄畫面。選擇“開始”菜單中的“運(yùn)行”命令，在“運(yùn)行”對(duì)話框鍵入“regedit”命令后回車，即可啟動(dòng)注冊(cè)表編輯器，在注冊(cè)表中找HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\SessionManager\MemoryManagement\PrefetchParameters，選擇其下的EnablePrefetcher鍵，把它的鍵值改為“1”即可。(5)減少開機(jī)磁盤掃描等待時(shí)間當(dāng)Windows日志中記錄有非正常關(guān)機(jī)、死機(jī)引起的重新啟動(dòng)，系統(tǒng)就會(huì)自動(dòng)在啟動(dòng)的時(shí)候運(yùn)行磁盤掃描程序。在默認(rèn)情況下，掃描每個(gè)分區(qū)前會(huì)等待10秒鐘，如果每個(gè)分區(qū)都要等上10秒才能開始進(jìn)行掃描，再加上掃描本身需要的時(shí)間，會(huì)耗費(fèi)相當(dāng)長(zhǎng)的時(shí)間才能完成啟動(dòng)過程。對(duì)于這種情況我們可以設(shè)置取消磁盤掃描的等待時(shí)間，甚至禁止對(duì)某個(gè)磁盤分區(qū)進(jìn)行掃描。選擇“開始→運(yùn)行”，在運(yùn)行對(duì)話框中鍵入“chkntfs/t:0”，即可將磁盤掃描等待時(shí)間設(shè)置為0；如果要在計(jì)算機(jī)啟動(dòng)時(shí)忽略掃描某個(gè)分區(qū)，比如C盤，可以輸入“chkntfs/xc:”命令；如果要恢復(fù)對(duì)C盤的掃描，可使用“chkntfs/dc:”命令，即可還原所有chkntfs默認(rèn)設(shè)置，除了自動(dòng)文件檢查的倒計(jì)時(shí)之外。2.提高系統(tǒng)運(yùn)行速度提升系統(tǒng)運(yùn)行速度的思路與加快啟動(dòng)的速度類似：盡量?jī)?yōu)化軟硬件設(shè)置，減輕系統(tǒng)負(fù)擔(dān)。以下是一些常用的優(yōu)化手段。(1)設(shè)置處理器二級(jí)緩存容量WindowsXP無法自動(dòng)檢測(cè)處理器的二級(jí)緩存容量，需要我們自己在注冊(cè)表中手動(dòng)設(shè)置，首先打開注冊(cè)表，找到“HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\SessionManager\MemoryManagement\”，選擇其下的“SecondLevelDataCache”，根據(jù)自己所用的處理器設(shè)置即可，例如PIIICoppermine/P4Willamette是“256”，AthlonXP是“384”，P4Northwood是“512”。(2)提升系統(tǒng)緩存同樣也是在“HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\SessionManager\MemoryManagement\”位置，把其下的“LargeSystemCache”鍵值從0改為1，WindowsXP就會(huì)把除了4M之外的系統(tǒng)內(nèi)存全部分配到文件系統(tǒng)緩存中，這樣XP的內(nèi)核能夠在內(nèi)存中運(yùn)行，大大提高系統(tǒng)速度。通常來說，該優(yōu)化會(huì)使系統(tǒng)性能得到相當(dāng)?shù)奶嵘?，但也有可能?huì)使某些應(yīng)用程序性能降低。需要注意的是必須有256M以上的內(nèi)存，激活LargeSystemCache才可起到正面的作用，否則不要輕易改動(dòng)它。(3)改進(jìn)輸入/輸出性能這個(gè)優(yōu)化能夠提升系統(tǒng)進(jìn)行大容量文件傳輸時(shí)的性能，不過這只對(duì)服務(wù)器用戶才有實(shí)在意義。我們可在中新建一個(gè)DWORD(雙字節(jié)值)鍵值，命名為IOPageLockLimit。一般情況下把數(shù)據(jù)設(shè)置8~16MB之間性能最好，要記住這個(gè)值是用字節(jié)來計(jì)算的，例如你要分配10MB的話，就是10×?