PAGEPAGE44趙嘉寶：基于SpringMVC的學(xué)生選課系統(tǒng)PAGEPAGE摘要隨著科學(xué)技術(shù)的不斷提高,計算機(jī)科學(xué)日漸成熟,其強(qiáng)大的功能已為人們深刻認(rèn)識,它已進(jìn)入人類社會的各個領(lǐng)域并發(fā)揮著越來越重要的作用。學(xué)生選課系統(tǒng)作為一種現(xiàn)代化的教學(xué)技術(shù),已經(jīng)越來越受到人們的重視，是一個學(xué)校不可缺少的部分,學(xué)生選課系統(tǒng)就是為了管理好選課信息而設(shè)計的。學(xué)生選課系統(tǒng)的將使選課管理工作規(guī)范化，系統(tǒng)化，程序化，避免選課管理的隨意性，提高信息處理的速度和準(zhǔn)確性，能夠及時、準(zhǔn)確、有效的查詢和修改選課情況。用計算機(jī)對選課信息進(jìn)行管理，所具有的優(yōu)點是手工管理所無法比擬的。其具有較高可靠性、較大存儲量、較好的保密性、更長的壽命、更低的成本、檢索迅速和查找方便等優(yōu)點。這些優(yōu)點極大的提高了工作效率，利用計算機(jī)進(jìn)行課表編排，既提高了排課工作的科學(xué)性，又可減輕管理人員的工作強(qiáng)度，提高工作效率。系統(tǒng)主要由學(xué)生、教師、管理員三中身份實現(xiàn)管理，每種身份擁有不同的權(quán)限實現(xiàn)各自的功能。該實現(xiàn)了對課程的基本信息和學(xué)生選課、學(xué)生和教師用戶進(jìn)行管理。系統(tǒng)對學(xué)生角色提供個人信息查看、課程查詢、選課管理以及成績查詢；對教師提供查看自己所擔(dān)任課程的課表、選該門課程的學(xué)生信息及；提供給管理員以下功能：查看所有課程、學(xué)生、教師的信息并可以對它們進(jìn)行管理（添加、編輯、刪除）。關(guān)鍵字：選課；課程信息；B/S；MySQL5.0；HTML；JQuery；SpringMVCAbstractWiththeimprovementofsciencetechnology,thecomputersciencebecomesgraduallymature,peoplehavealreadydeeplyunderstooditsstrongfunction,andithasalreadygotintoeachrealmofthehumansocietytoexertamoreandmoreimportantfunction.Thestudentselectingsystem,amodernizingteachingtechnology,paysmuchmoreattentionbypeople.Itisindispensablepartforaschool.Thestudentselectingsystemisforthesakeofmanagingtotheinformationofselectingcourses.Thetendencyofstudentselectingsystemwilledifytheselectingmanagement,itwouldbemoresystematicalandproceduralinfuturework.Wetrytoavoidtherandomwork,promotingtheaccuracyandspeedoftheprocessinginformation,sothatwecanchecktheinformationofselectingcoursewithaconvenientandefficientform.Thecomputercarriesonthemanagementtotheselectedcourseinformation,hastheadvantageisthemanualmanagementplaceincomparable.Ithastheadvantagesofhigherreliability,largerstorage,betterconfidentiality,longerlife,lowercost,rapidretrievalandconvenientsearching.Theseadvantagesgreatlyimprovetheworkefficiency,theuseofcomputersforclassscheduling,notonlyimprovethescientificschedulingwork,butalsoreducetheworkintensityofmanagementpersonnel,improvetheworkefficiency.Thesystemismainlymanagedbystudents,teachersandadministrators,eachofwhomhasdifferentrightstorealizetheirownfunctions.Theimplementationofthebasicinformationofthecurriculumandstudentselection,studentsandteachersusersformanagement.Thesystemprovidesstudentswithpersonalinformation,courseinquiry,courseselectionmanagementandgradeinquiry.Provideteacherswiththeinformationofstudentswhochoosethecourseandchecktheirowncurriculumschedule;Thefollowingfunctionsareprovidedtoadministrators:toviewandmanagetheinformationofallcourses,studentsandteachers(add,edit,delete).Keywords:courseselection;courseinformation;B/S;MySQL5.0;HTML;JQuery;SpringMVC目錄1緒論 錯誤!未定義書簽。1.1研究目的及意義 51.2學(xué)生網(wǎng)上選課系統(tǒng)背景介紹 51.3國內(nèi)外研究現(xiàn)狀 錯誤!未定義書簽。2系統(tǒng)需求分析 72.1需求分析 72.2可行性分析 82.3系統(tǒng)配置需求 錯誤!未定義書簽。3系統(tǒng)總體設(shè)計 123.1項目規(guī)劃 133.2設(shè)計目標(biāo) 133.3系統(tǒng)相關(guān)技術(shù)介紹 錯誤!未定義書簽。3.3.1系統(tǒng)開發(fā)采用的技術(shù)方案——B/S模式 錯誤!未定義書簽。3.3.2HTML技術(shù)介紹 錯誤!未定義書簽。3.3.3MySQL數(shù)據(jù)庫介紹 錯誤!未定義書簽。3.4數(shù)據(jù)庫分析設(shè)計 133.4.1數(shù)據(jù)庫需求分析 133.4.2數(shù)據(jù)庫概念結(jié)構(gòu)設(shè)計 143.4.3數(shù)據(jù)庫表的設(shè)計和創(chuàng)建 164系統(tǒng)詳細(xì)設(shè)計和實現(xiàn) 204.1主界面設(shè)計 204.2界面頭尾設(shè)計 204.3登錄界面 204.4學(xué)生用戶界面設(shè)計 214.4.1個人信息模塊功能模塊設(shè)計 224.4.2網(wǎng)上平臺模塊功能設(shè)計 264.4.3系統(tǒng)公告 274.4.4其他功能模塊設(shè)計 284.5管理員用戶界面設(shè)計 294.5.1用戶管理模塊功能設(shè)計 364.5.2網(wǎng)上平臺模塊功能設(shè)計 384.5.3系統(tǒng)公告模塊設(shè)計 394.5.4其他功能模塊設(shè)計 394.6教師用戶界面設(shè)計 414.7系統(tǒng)后臺模塊 42致謝 44參考文獻(xiàn) 441緒論1.1研究目的及意義各國現(xiàn)階段發(fā)展的大趨勢是：信息技術(shù)的應(yīng)用，在國際貿(mào)易和商業(yè)領(lǐng)域的體現(xiàn),現(xiàn)階段人們利用計算機(jī)技術(shù)、網(wǎng)絡(luò)通信技術(shù)和Internet來實現(xiàn)社會活動的信息化和人性化。信息與我們的生活密不可分，在社會上的各個領(lǐng)域及各個部門，人們每天都和信息打著交道,那么我們要怎樣處理這樣多的信息成為一個重要的課題。學(xué)生在學(xué)期初始選課是每所學(xué)校教學(xué)活動的一個重要環(huán)節(jié),這個環(huán)節(jié)如果能夠控制、管理得當(dāng),它不但能加快學(xué)生的選課速度,而且也能夠提高整個教學(xué)進(jìn)程的效率。本系統(tǒng)基于SpringMVC的學(xué)生選課系統(tǒng)，是一個綜合的學(xué)校學(xué)生管理的系統(tǒng),因為這一點，其必須要有很強(qiáng)的實用性。經(jīng)過這段時間的調(diào)查研究,要求系統(tǒng)需要具有以下的幾項基本功能:由于普遍的操作人員的對計算機(jī)掌握的知識水平一般,需要有更直觀的界面，方便使用者操作;由于此系統(tǒng)的使用人數(shù)偏多,必須要求有較為嚴(yán)謹(jǐn)?shù)臋?quán)限系統(tǒng)，避免不必要的隱私泄露;為了使原始數(shù)據(jù)便于修改,需要系統(tǒng)支持多條件的修改;為了使數(shù)據(jù)更加便于用戶查詢,必須需要系統(tǒng)支持多條件查詢;在可通過的權(quán)限下,使刪除數(shù)據(jù)更加方便簡單,使得保存的數(shù)據(jù)穩(wěn)定性較為完善;數(shù)據(jù)計算自動完成,盡量減少人工操作。由于本系統(tǒng)管理的對象較為單一,都是在校的學(xué)生、老師及管理員,且每個數(shù)據(jù)內(nèi)容都具有較強(qiáng)的關(guān)聯(lián)性,涉及的計算機(jī)操作過程也并不是很復(fù)雜。因此,比較適合于采用數(shù)據(jù)庫管理。在技術(shù)難度方面,由于有指導(dǎo)老師的指導(dǎo)和相關(guān)參考文獻(xiàn)的幫助,特別是網(wǎng)上資料等相關(guān)內(nèi)容的輔佐,因此可以完全實現(xiàn)。1.2基于SpringMVC的學(xué)生選課系統(tǒng)背景簡介每個學(xué)校必不可少的就是學(xué)生選課系統(tǒng)，它的操作內(nèi)容對于學(xué)校的領(lǐng)導(dǎo)者和管理者來說是至關(guān)重要的，所以學(xué)生選課系統(tǒng)是一個，能夠為操作者提供充足完善的信息和方便快捷的查詢手段的一個系統(tǒng)?，F(xiàn)階段Internet的發(fā)展使我們的教育趨于信息化與現(xiàn)代化，現(xiàn)在網(wǎng)上的信息管理，是我們教育部門里的一個熱門問題?，F(xiàn)在，老師、學(xué)生跟學(xué)校的之間的信息傳遞，只在網(wǎng)絡(luò)上便可以實現(xiàn)，可以說是一指之間，是最為方便快速的一個途徑。一直以來，人們都使用傳統(tǒng)的方式，人工手動整理文件、檔案等資料，這種管理方式存在著許多缺點，如：耗時久、查詢速度慢、保密性差等。另外，時間一長，就會有很多的文件和數(shù)據(jù)的堆積，這對于查找、更新和維護(hù)都增添了不少的困難。此外，在保密性和查詢更新等方面，都存在有一定的不足，各現(xiàn)有系統(tǒng)資料都是獨(dú)立的，想關(guān)聯(lián)到一起很麻煩。在以管理者為主體的方式中，信息的取舍取決于管理者對于信息的熟悉程度與個人意愿，對于需要者也不是絕對的公平，因此無法完全滿足用戶的需求。學(xué)生選課系統(tǒng)是各大高校教學(xué)管理系統(tǒng)必不可少的一部分，因此制作本系統(tǒng)需要對教學(xué)管理工作的全部過程和細(xì)節(jié)都很熟悉，從實際的角度出發(fā)，解決工作中最具代表性的問題，并充分利用計算機(jī)網(wǎng)絡(luò)具有大量信息的功能，實現(xiàn)整個教學(xué)管理工作全過程的計算機(jī)管理，幫助實際操作人員解決復(fù)雜的實際問題，使繁瑣的問題簡單化。使得教學(xué)管理工作從復(fù)雜繁瑣走向規(guī)范化、現(xiàn)代化的管理。隨著各大高校教學(xué)管理工作的現(xiàn)代化和計算機(jī)的普遍化，以及響應(yīng)教育部門學(xué)分制的改革，學(xué)生選課系統(tǒng)已經(jīng)成為教學(xué)管理系統(tǒng)的重要部分。由于Internet具有影響范圍廣、能夠方便快捷的傳遞信息、具有近乎實時的交互性等優(yōu)點，而且其本身又是一個巨大無比的信息庫。學(xué)生選課系統(tǒng)，可以提高教師和學(xué)校對于學(xué)生的管理效率，使其保密性也有較為明顯的增強(qiáng)。當(dāng)前，為響應(yīng)教育部門的號召，各大高等院校正逐步實施學(xué)分制，學(xué)分制允許學(xué)生較為自由的，在一定可接受的范圍內(nèi)選擇更加適合自己的，自己更加擅長并且更加需要的課程。因為可以自由選課這一點，學(xué)分制具有分散性和課程上時間安排的不確定性，因此其更加難于人工調(diào)配與集中管理，所以本系統(tǒng)正較好的彌補(bǔ)了此項問題。另外，各個高校都開始了擴(kuò)招行動，隨著擴(kuò)招程度的加強(qiáng)，學(xué)生讀書率逐年增加，這個問題所造成的教學(xué)資料緊張，無疑增加了選課的管理難度，和教務(wù)管理人員手動排課的工作量。我們的目標(biāo)是：用學(xué)生選課系統(tǒng)來實現(xiàn)最為方便快捷的對全校選修課程的發(fā)布，使教師和學(xué)生的信息交流在網(wǎng)絡(luò)上即可實現(xiàn)，更為巧妙的創(chuàng)造現(xiàn)代化的學(xué)習(xí)環(huán)境。由于學(xué)生選課是大學(xué)的主要管理工作之一，此項工作涉及到校、院系、師、生等諸多方面的因素，隨著教學(xué)部門對于教育體制的不斷改革與創(chuàng)新，學(xué)生選課時的制約條件也比較紛繁復(fù)雜，對于傳統(tǒng)人工操作而言，工作量也是巨大的，而且此項工作往往是急件，需要校方在較短的時間內(nèi)便完成?，F(xiàn)在有了此系統(tǒng)，在這里，運(yùn)用計算機(jī)輔助選課，既能實時地對學(xué)生選課結(jié)果進(jìn)行操作和統(tǒng)計，同時也大大減少了管理人員的時間及工作量，對于人工操作的錯誤率也避免了，因此建立選課系統(tǒng)這個各大高校必不可少的勢在必行。1.3國內(nèi)外研究現(xiàn)狀就現(xiàn)在國際上的遠(yuǎn)程教育和學(xué)校來看，具有完整規(guī)模的就有遠(yuǎn)超百所的程度，網(wǎng)絡(luò)上的遠(yuǎn)程教育是目前世界各地培養(yǎng)大批量人才的重要方式，正在全世界各地發(fā)揮著重要作用。由上面敘述的可以知道，在世界各處的高校校園內(nèi)的每個方面都有使用基Internet的校園網(wǎng)進(jìn)行各方面應(yīng)用的。國外的教學(xué)科研軟件與國內(nèi)相比開發(fā)的早而且比較成熟。早在七十年代末，美國就建成了NSFNET(國家科學(xué)基金網(wǎng))，其課題的申報及課題的進(jìn)展情況匯報都在網(wǎng)上進(jìn)行。其網(wǎng)上教學(xué)教務(wù)管理系統(tǒng)也十分完善，世界各地的學(xué)生可以坐在家里通過互聯(lián)網(wǎng)完成入學(xué)報名、課程的選修、學(xué)期考試、畢業(yè)論文的撰寫、取得學(xué)位這一學(xué)習(xí)生活的全過程。在我國，有相當(dāng)多的高校都有進(jìn)行學(xué)分制管理，它的核心內(nèi)容是讓學(xué)生進(jìn)行自主選課，就是把學(xué)習(xí)的自主權(quán)還給學(xué)生?，F(xiàn)階段Internet的發(fā)展使我們的教育趨于信息化與現(xiàn)代化，現(xiàn)在網(wǎng)上的信息管理，是我們教育部門里的一個熱門問題?，F(xiàn)在，老師、學(xué)生跟學(xué)校的之間的信息傳遞，只在網(wǎng)絡(luò)上便可以實現(xiàn)，可以說是一指之間，是最為方便快速的一個途徑。在這樣的情況下，決定選課的因素有很多，工作量大并且復(fù)雜，通常情況是需要在很短的時間內(nèi)完成的。運(yùn)用計算機(jī)來輔助選課，就是能實時地對大量選課數(shù)據(jù)進(jìn)行檢驗和統(tǒng)計了，十分方便地輸出選課結(jié)果，同時也避免了人工處理時容易產(chǎn)生的錯誤。2系統(tǒng)需求分析2.1現(xiàn)系統(tǒng)概述基于SpringMvc的學(xué)生選課系統(tǒng)是一種現(xiàn)代化的教學(xué)技術(shù)，此系統(tǒng)已經(jīng)越來越受到人們的重視。每個學(xué)校必不可少的就是學(xué)生選課系統(tǒng)，它的操作內(nèi)容對于學(xué)校的領(lǐng)導(dǎo)者和管理者來說是至關(guān)重要的，所以學(xué)生選課系統(tǒng)是一個，能夠為操作者提供充足完善的信息和方便快捷的查詢手段的一個系統(tǒng)。現(xiàn)階段Internet的發(fā)展使我們的教育趨于信息化與現(xiàn)代化，現(xiàn)在網(wǎng)上的信息管理，是我們教育部門里的一個熱門問題。現(xiàn)在，老師、學(xué)生跟學(xué)校的之間的信息傳遞，只在網(wǎng)絡(luò)上便可以實現(xiàn)，可以說是一指之間，是最為方便快速的一個途徑。一直以來，人們都使用傳統(tǒng)的方式，人工手動整理文件、檔案等資料，這種管理方式存在著許多缺點，如：耗時久、查詢速度慢、保密性差等。另外，時間一長，就會有很多的文件和數(shù)據(jù)的堆積，這對于查找、更新和維護(hù)都增添了不少的困難。此外，在保密性和查詢更新等方面，都存在有一定的不足，各現(xiàn)有系統(tǒng)資料都是獨(dú)立的，想關(guān)聯(lián)到一起很麻煩。在以管理者為主體的方式中，信息的取舍取決于管理者對于信息的熟悉程度與個人意愿，對于需要者也不是絕對的公平，因此無法完全滿足用戶的需求。2.2可行性分析1.實用性:系統(tǒng)界面清晰，方便快捷，操作簡單，對系統(tǒng)的配置要求不高，因此經(jīng)濟(jì)實惠，可行性高。該系統(tǒng)可以建立一個橋梁，實現(xiàn)學(xué)生、教師、學(xué)校三者之間的聯(lián)系，在Internet上實現(xiàn)完成部分教務(wù)工作，提高工作效率，減少運(yùn)作周期。2.技術(shù)性:隨著計算機(jī)網(wǎng)絡(luò)的發(fā)展，越來越多的組織機(jī)構(gòu)將系統(tǒng)管理與計算機(jī)技術(shù)融合到一起，用以方便各方面技術(shù)的運(yùn)營與管理。在這么發(fā)達(dá)的一個社會背景下，基于Windows和MySQL5.0,運(yùn)用先進(jìn)的HTML+AJAX+JQURY技術(shù)，基于SpringMVC的學(xué)生選課系統(tǒng)，將學(xué)生、老師、管理員巧妙地結(jié)合到一起，大大的提高了工作效率，降低了人員的成本。使先進(jìn)的技術(shù)得以發(fā)光發(fā)熱。2.3系統(tǒng)業(yè)務(wù)流程分析2.3.1組織機(jī)構(gòu)及業(yè)務(wù)范圍分析學(xué)生選課系統(tǒng)結(jié)構(gòu)如圖2-3所示。學(xué)生選課系統(tǒng)學(xué)生選課系統(tǒng)學(xué)生模塊管理員模塊學(xué)生信息教室信息維護(hù)信息退出教師模塊選課相關(guān)情況課程信息教師信息選課相關(guān)情況圖2-3學(xué)生選課系統(tǒng)結(jié)構(gòu)圖Figure2-3structurediagramofstudents'courseselectionsystem本系統(tǒng)主要大致包含三大模塊，分別包括：學(xué)生管理模塊、教師管理模塊和管理員模塊。其中這三個模塊又何以細(xì)分出12個子模塊，分別如下：學(xué)生信息：完成學(xué)生的登陸驗證。進(jìn)行增刪改查等功能。教師信息：完成教師的登陸,可以添加選課,并審批選課申請。課程信息：添加課程及選課。學(xué)院信息：學(xué)院設(shè)施的管理。院系信息：查看每個學(xué)院的詳細(xì)信息和就業(yè)情況。專業(yè)信息：登錄查看專業(yè)課程、專業(yè)信息及選修情況。教室信息：顯示學(xué)院各個教室的占用情況及位置。課表信息：顯示課程分配信息。班級信息：顯示班級內(nèi)部班干部情況。成績查詢：顯示學(xué)生各科成績及績點情況。教學(xué)計劃管理：顯示各位老師的教學(xué)計劃。系統(tǒng)管理：對用戶信息進(jìn)行增刪改查，以及對學(xué)校設(shè)施的管理。2.4需求陳述本系統(tǒng)具體有以下模塊：個人信息：顯示學(xué)生的個人資料。課程查詢：顯示課程編號、課程名稱、課程學(xué)分及選課情況。已選課程：已選課程的開課時間，上課地點，上課老師等信息。管理功能：課程發(fā)布，修改，刪除。學(xué)生，老師用戶的添加刪除。教師用戶：教師可以查看個人信息，課程和選修自己課程的學(xué)生列表。學(xué)生用戶：學(xué)生可以選修喜歡的課程，亦可以取消選擇。公告：學(xué)校發(fā)布的信息公告及近期活動安排等。退出系統(tǒng)主要功能學(xué)生網(wǎng)上選課系統(tǒng)的主要功能為：數(shù)據(jù)添加、數(shù)據(jù)刪除、數(shù)據(jù)更新、數(shù)據(jù)查詢和統(tǒng)計?！皵?shù)據(jù)更新”：主要有數(shù)據(jù)添加、數(shù)據(jù)刪除、數(shù)據(jù)修改及修改之后查詢顯示等功能“數(shù)據(jù)添加”：此功能顯示方便快捷的輸入界面，通過按鈕的單擊事件輸入數(shù)據(jù)添加到數(shù)據(jù)庫中，將數(shù)據(jù)庫中的數(shù)據(jù)更新便可顯示。“數(shù)據(jù)刪除”：此功能將用戶不需要的數(shù)據(jù)從數(shù)據(jù)庫中刪除?！皵?shù)據(jù)修改”：此功能需要獲取用戶的權(quán)限，有權(quán)限的用戶可以將其指定的數(shù)據(jù)信息進(jìn)行修改操作，同樣，將數(shù)據(jù)庫中的數(shù)據(jù)更新便可顯示?！皵?shù)據(jù)查詢”：此功能獲取用戶權(quán)限，權(quán)限通過的用戶可根據(jù)查詢條件條件來查詢所需信息?！敖y(tǒng)計”：此功能將統(tǒng)計出所有符合查詢條件的數(shù)據(jù)信息。性能要求能夠為操作者提供充足完善的信息和方便快捷的查詢手段，需要系統(tǒng)響應(yīng)速度快，計算的精準(zhǔn)度高。系統(tǒng)的輸入、輸出輸入：班級表、課程表、院系表、專業(yè)表、計劃表、成績表、教室表、學(xué)生表、教師表、管理員表輸出：教師授課表、學(xué)生選課表2.5UseCase建模2.3.1定義活動者根據(jù)學(xué)生選課系統(tǒng)的需求可以確定3個活動者，即學(xué)生、老師和管理員，選修課程模塊和添加用戶模塊。學(xué)生：登錄自己系統(tǒng)，進(jìn)行選課、取消已選課程、查詢課程等操作。老師：授課、查看學(xué)生選修情況及學(xué)生信息、輸入成績。管理員：增加課程、修改課程、刪除課程、添加學(xué)生賬戶、添加教師賬戶。2.3.2UseCase圖根據(jù)系統(tǒng)需求分析，結(jié)合上節(jié)系統(tǒng)活動者的定義分析，得到學(xué)生請求服務(wù)模塊的用例如下：結(jié)合活動者和用例得到學(xué)生請求服務(wù)模塊的用例圖如下圖2-3-1所示。查詢課程查詢課程選擇課程查詢課程選擇課程查詢課程取消課程學(xué)生取消課程2-3-1學(xué)生選課UseCase圖Figure2-3-1UseCasediagramofstudents'courseselection教師授課模塊的用例圖如下圖2-3-所示。查看選修情況授課查看選修情況授課輸入成績教師輸入成績2-3-2教師授課UseCase圖Figure2-3-2UseCasediagramofteachers'courseselection管理員模塊的用例圖如下圖2-3-3所示。添加用戶添加用戶更新課程更新課程刪除課程刪除課程刪除課程刪除課程2-3-3管理員UseCase圖Figure2-3-3UseCasediagramofusers'courseselection3系統(tǒng)總體設(shè)計3.1項目規(guī)劃基于Windows操作系統(tǒng)和MySQL5.0數(shù)據(jù)庫，使用JSP編程，建立一個B/S層結(jié)構(gòu)的學(xué)生選課系統(tǒng)，，實現(xiàn)學(xué)生的選課功能、以及教師查詢上課信息的需求。網(wǎng)上選課系統(tǒng)從功能上劃分一共有3個主模塊，主要實現(xiàn)老師授課信息管理、學(xué)生選課信息管理、課程編排信息管理，其中教師信息管理有老師姓名、教師編號、授課信息、選修情況；學(xué)生信息管理有學(xué)生姓名、學(xué)生編號和學(xué)生所選課程，以及課程所對應(yīng)的教師；課程信息管理有課程名稱、學(xué)分、上課地點、上課教師。管理員有權(quán)限去更改課程信息，用戶的信息以及刪除操作。身份權(quán)限驗證：學(xué)生，老師，管理員三種身份（權(quán)限不同）用戶管理：管理員可以添加各種權(quán)限的用戶，修改，和刪除用戶課程管理：可以對發(fā)布的課程表進(jìn)行增刪改查的操作3.2設(shè)計目標(biāo)建立一個學(xué)生網(wǎng)上選課系統(tǒng)，實現(xiàn)對課程的基本信息維護(hù)以及學(xué)生選課、教師上課信息。系統(tǒng)對學(xué)生角色提供個人信息管理、選課管理、管理學(xué)生本人已選課程。系統(tǒng)對教師提供查看自己所擔(dān)任課程的課表和選該門課的學(xué)生信息。系統(tǒng)同時給管理員以下功能：查看所有專業(yè)、課程、學(xué)生、教師的信息并可以對它們進(jìn)行管理（添加、編輯、刪除）。提高信息處理的速度和準(zhǔn)確性，能夠及時、準(zhǔn)確、有效的查詢和修改選課情況。3.3數(shù)據(jù)庫分析設(shè)計3.3.1數(shù)據(jù)庫需求分析學(xué)生選課管理系統(tǒng)的要求是要準(zhǔn)確快捷地管理學(xué)生的信息。學(xué)生隸屬班級，學(xué)院；學(xué)生需要有課程，學(xué)分，成績，而這些又都要靠教師或者管理人員來添加。由此總結(jié)出如下需求信息：用戶分為管理員用戶、教師用戶和學(xué)生用戶。一個學(xué)生有多門課，一門課對應(yīng)多個學(xué)生。一個老師可以教授多門課程，一門課程可以有多個教師來授課。經(jīng)過對上述系統(tǒng)功能的分析和需求總結(jié)，設(shè)計如下數(shù)據(jù)項：管理員信息：管理員ID、用戶名、密碼。學(xué)生信息：學(xué)生ID、姓名、登錄密碼、性別、班級、年齡、聯(lián)系方式教師信息：教師ID、登錄密碼、姓名、性別、年齡、聯(lián)系方式課程信息：課程ID、名稱、上課地點、學(xué)分、上課教師教室信息：班級ID、名稱專業(yè)信息：專業(yè)ID、專業(yè)名稱、課程ID、院系ID院系信息：院系ID、院系名稱、院系課程、院系專業(yè)班級信息：班級ID、班級名稱3.3.2數(shù)據(jù)庫概念結(jié)構(gòu)設(shè)計由上面的數(shù)據(jù)項可以設(shè)計出能夠滿足用戶需求的各種實體以及它們之間的關(guān)系，為后面的邏輯結(jié)構(gòu)設(shè)計打下基礎(chǔ)。這些實體包含各種具體信息，通過相互之間的作用形成數(shù)據(jù)的流動。本系統(tǒng)設(shè)計的實體有：學(xué)生實體、教師實體、課程實體、班級實體、。如圖3-3-1所示為實體間關(guān)系E-R圖如圖3-3-2為學(xué)生信息E-R圖如圖3-3-3為管理員信息E-R圖如圖3-3-4為教師信息E-R圖如圖3-3-5為課程信息E-R圖學(xué)生學(xué)生院系NNN1NN教師班級課程圖3-3-1實體間關(guān)系E-R圖Figure3-3-1e-rdiagramofinter-entityrelationship學(xué)號學(xué)號姓名性別年齡學(xué)院聯(lián)系方式學(xué)生班級圖3-2-2學(xué)生信息E-R圖Figure3-2-2studentinformatione-rdiagram系統(tǒng)用戶系統(tǒng)用戶用戶名密碼用戶名密碼圖3-3-3管理員信息E-R圖Figure3-3-3administratorinformatione-rdiagram教工號教工號姓名性別年齡聯(lián)系方式教師密碼圖3-3-4教師信息E-R圖Figure3-3-4e-rdiagramofteacherinformation課程號課程號課程名上課時間學(xué)分時間上課地點課程上課教師所在系圖3-3-5課程信息實體E-R圖Figure3-5isthee-rdiagramofcourseinformationentity3.3.3數(shù)據(jù)庫表的設(shè)計和創(chuàng)建根據(jù)E-R圖分析，系統(tǒng)數(shù)據(jù)庫中各個表的設(shè)計結(jié)果如下：用戶表admin（如圖3-1所示）記錄管理員的用戶名和密碼。管理員可以添加各種權(quán)限的用戶，修改，和刪除用戶。圖3-1管理員表學(xué)生表student（如圖3-2所示），用來記錄學(xué)生信息。此記錄的信息會詳細(xì)地顯示在學(xué)生登錄后的頁面上。此信息不允許學(xué)生自己更新。圖3-2學(xué)生信息表教師表teacher（如圖3-3所示）用來記錄教師信息。此記錄的信息會詳細(xì)地顯示在學(xué)教師登錄后的頁面上。圖3-3教師信息表課程表course（如圖3-4所示）用來記錄課程信息表圖3-4課程信息表選課表courses（如圖3-5所示）記錄學(xué)生選課信息圖3-5選課信息表班級表class（如圖3-6所示）記錄班級信息圖3-6班級信息表3.4系統(tǒng)模塊設(shè)計本系統(tǒng)包括3個管理模塊用戶管理模塊、課程管理模塊、選課管理模塊，用戶模塊分為3類用戶，管理員、學(xué)生、老師。管理員實現(xiàn)課程管理、學(xué)生、教師管理。本系統(tǒng)主要實現(xiàn)學(xué)生管理模塊，而學(xué)生管理模塊、課程管理模塊、選課管理模塊的與管理員和學(xué)生相關(guān)的主要模塊。如圖3-4-1和圖3-4-2所表示是從管理員、學(xué)生用戶、教師用戶的角度給出的模塊功能。管理員登錄管理員登錄系統(tǒng)管理用戶管理課程管理選課管理學(xué)生管理用戶管理教師管理刪除添加添加修改密碼分配課程修改課程添加課程刪除課程教師登錄圖3-4-1管理員與教師功能模塊學(xué)生登錄學(xué)生登錄用戶管理個人信息查詢個人密碼修改課程添加選修課程刪除選課課程信息其他管理查看頭像退出系統(tǒng)我的選課查看選課信息圖3-4-2學(xué)生用戶功能模塊圖4系統(tǒng)詳細(xì)設(shè)計和實現(xiàn)4.1主界面設(shè)計頁面使用框架。本系統(tǒng)界面采用框架結(jié)構(gòu)，把頁頭、左側(cè)導(dǎo)航欄、右側(cè)內(nèi)容區(qū)分別放在不同的框架里面。這樣便于用戶在左側(cè)導(dǎo)航欄選擇不同的功能菜單，在右側(cè)內(nèi)容區(qū)刷新內(nèi)容，這樣做使得頁面結(jié)構(gòu)清晰，便于用戶操作。系統(tǒng)的首頁面index.html在頁面左邊顯示出三種身份登錄的鏈接。便于不同用戶清晰的看清登錄的位置。不同身份的用戶登錄提交的用戶名和密碼提交到不同身份的數(shù)據(jù)庫認(rèn)證頁面中。如學(xué)生用戶登錄提交到login.html。當(dāng)驗證通過時，跳到學(xué)生用戶的頁面。并把信息保存進(jìn)Jquery，以供其他頁面判斷用戶是否已經(jīng)登錄。系統(tǒng)首頁如圖4-1所示。圖4-1系統(tǒng)首頁面4.2界面頭尾設(shè)計登錄頁面采用的是HTML頁面，保證頁面單登錄，學(xué)生登錄、管理員登錄、教師登錄可選性登錄。4.3登錄界面登錄界面相對簡單，對于不同身份的用戶擁有不同的操作權(quán)限，因此登錄頁面顯示是不同的。當(dāng)輸入用戶名密碼成功之后，系統(tǒng)校驗其身份是否正確，繼而提交到不同的認(rèn)證頁面。當(dāng)驗證通過時，跳到用戶使用頁面。下圖以學(xué)生身份登錄為例，教師和管理員身份登錄頁面類似。圖4-2登錄頁面4.4學(xué)生用戶界面設(shè)計學(xué)生用戶功能模塊由三部分組成：個人信息、已選課程、課程查詢及退出。個人信息：顯示出用戶的所有個人信息已選課程：提供學(xué)生用戶查看已經(jīng)選擇的選課信息，列表內(nèi)容有課程編號、課程名稱、課程老師、課程課時、上課教室和取消選課，學(xué)生可以取消已選課程。課程查詢：學(xué)生查看所有課程并可以查看課程信息、課程編號、課程名稱、課程學(xué)分、并提供選擇課程的功能。其他功能：退出系統(tǒng)學(xué)生用戶界面設(shè)計用框架實現(xiàn)。頁面頭放在上框架，功能導(dǎo)航放在左框架，具體功能放在右框架。學(xué)生功能設(shè)計所有頁面都放在student的HTML中，所以以下所提到的頁面均在student.HTML中。設(shè)置學(xué)生界面框架結(jié)構(gòu)主頁student.html。其中左框架中的功能導(dǎo)航頁面為student.html，右框架中的功能頁面為student.html。系統(tǒng)用Jquery保存用戶的學(xué)號。圖4-3學(xué)生用戶界面其中框架的代碼為：<html>

<head>

<metacharset="UTF-8">

<title>學(xué)生選課信息管理系統(tǒng)-個人信息</title>

<linkhref="css/style02.css"type="text/css"rel="stylesheet"/>

<scripttype="text/javascript"src="js/jquery.js"></script>

<scripttype="text/javascript"src="js/Student.js"></script>

</head>

<body>

<divclass="top">

<divclass="title">

<p>學(xué)生選課信息管理系統(tǒng)</p>

</div>

</div>

<divclass="main">

<divclass="main_left">

<divclass="main_left_class00"><imgsrc=img/touxiang.png></div>

<divclass="main_left_class01"><ahref="javascript:void(0);"id="yxkc"onclick="functio()">已選課程</a></div>

<divclass="main_left_class02"><ahref="javascript:void(0);"id="kccx"onclick="functio()">課程查詢</a></div>

<divclass="main_left_class03"><ahref="javascript:void(0);"id="xjxx"onclick="functio()">學(xué)生信息</a></div>

<divclass="main_left_class04"><ahref="javascript:void(0);"id="zx"onclick="zhuxiao()">注銷</a></div>

</div>

<divclass="main_right">

<divclass="info1">

<p>親愛的<spanid="infoP"></span>同學(xué)，歡迎來到選課系統(tǒng)</p>

</div>

<divclass="box">

<divclass="function">

<p>[通知]選課系統(tǒng)已開放</p>

</div>

<divclass="form">

<divclass="form_1">

<!--個人信息-->

<tableclass="info"style="display:none"id="grxx">

<tr>

<td></td>

</tr>

<tr>

<td></td>

<td><inputclass="text"id="stuName"type="text"value=""readonly="true"></td>

<td></td>

<td></td>

<td></td>

<tdrowspan="2"><imgsrc="/img/touxiang.png"/></td>

</tr>

<tr>

<td></td>

<td><inputclass="text"id="stuid"type="text"value=""readonly="true"></td>

</tr>

<tr>

<td></td>

<td><inputclass="text"id="stusex"type="text"value=""readonly="true"></td>

</tr>

<tr>

<td></td>

<td><inputclass="text"id="stuold"type="text"value=""readonly="true"></td>

</tr>

<tr>

<td></td>

<td><inputclass="text"id="stutel"type="text"value=""readonly="true"></td>

</tr>

</table>

<!--已選課程-->

<tableclass="table"style="display:none"id="yxkctable">

<tr>

<td></td>

</tr>

<tr>

<td>課程編號</td>

<td>課程名稱</td>

<td>課程老師</td>

<td>課程課時</td>

<td>上課教室</td>

<td>取消選課</td>

</tr>

</table>

<!--選擇課程-->

<tableclass="info2"id="info2"style="display:none">

<tr>

<td></td>

</tr>

<trclass="kclb">

<td>課程編號</td>

<td>課程名稱</td>

<td>課程學(xué)分</td>

<td>選課</td>

</tr>

<tr>

<td></td>

</tr>

<tr>

<td></td>

<td></td>

<td><inputclass="sure"type="button"value="確定"onclick="addCon()"></td>

<td><inputclass="off"type="reset"value="取消"></td>

</table>

</div>

</div>

</div>

</div>

</div>

</body>

</html>4.4.1個人信息模塊功能模塊設(shè)計個人信息模塊包括個人資料和修改密碼兩部分。個人資料顯示學(xué)生的所有信息，包括學(xué)號、姓名、學(xué)院、系別、班級。如圖4-4-1個人資料顯示頁面圖4-4-1個人資料顯示頁面4.4.2已選課程模塊功能設(shè)計網(wǎng)上平臺由兩部分組成：查看已選擇課程和刪除已選擇課程查看已選擇課程：學(xué)生用戶登錄查看所有已選擇科目的信息刪除已選擇課程：學(xué)生用戶選課后可以通過點擊取消來刪除課程選課信息：student.html我的課表：student.html如圖4-6已選課程頁面圖4-6已選課程頁面圖4-6中學(xué)生用戶登錄查看所有已選擇科目的信息。學(xué)生用戶選課后可以通過點擊取消來刪除已選課程。代碼如下：functiondeleteCon(){

$('#yxkctable').on('click','.cancle',function(){

varcouId=$(this).parent().parent().children().eq(0).text();

$.ajax({

url:'/student/deleteCou',

data:{

stuid:stuid,

couid:couId

},

success:function(res){

alert(res.msg);

window.location.reload();

}

});

})

};4.4.4其他功能模塊設(shè)計用戶退出系統(tǒng)時，用戶點退出時，系統(tǒng)調(diào)用Jquery實現(xiàn)把頁面跳轉(zhuǎn)至Login.html。代碼如下：functionzhuxiao(){

window.location.replace('Login.html');

}4.4.5課程查詢模塊設(shè)計課程查詢模塊是查詢所有科目信息用戶可以勾選自己需要選擇的課程，同樣也可以進(jìn)行多選。代碼如下：functionaddCon(){

varcheckID=newArray();

$("input[name='choiceCou']:checked").each(function(i,c){

checkID.push($(this).parent().parent().children().eq(0).text());

});

$.ajax({

url:'/student/addCou',

traditional:true,

data:{

checkID:checkID,

stuid:stuid

},

success:function(res){

if(res.code==400){

alert(res.msg);

window.location.reload();

}

}

});

}4.5教師用戶界面設(shè)計管理員用戶功能模塊由四部分組成：選課管理、學(xué)生信息、信息查詢和系統(tǒng)公告以及退出系統(tǒng)選課管理：對課程進(jìn)行管理。對課程信息進(jìn)行增刪改查的操作。學(xué)生信息：查看想要了解的學(xué)生的個人資料信息查詢：對學(xué)號、姓名、班級、課程號、課程名、上課教室進(jìn)行模糊查詢。系統(tǒng)公告：教師對公告進(jìn)行管理，可在后臺編輯需要上傳的公告信息。其他功能：退出系統(tǒng)教師用戶界面都同樣也是用框架實現(xiàn)，教師功能設(shè)計所有頁面都放在teaInfo.html中，所以以下所提到的頁面均在teaInfo.html中。設(shè)置教師界面框架結(jié)構(gòu)主頁teaInfo.html。其中左框架中的功能導(dǎo)航頁面為下圖上半部分所顯示的。右框架中的功能頁面及公告等內(nèi)容為下半部分。教師頁面代碼如下：<!DOCTYPEhtml>

<html>

<head>

<metacharset="UTF-8">

<title>學(xué)生選課信息管理系統(tǒng)-后臺管理</title>

<linkhref="css/style02.css"type="text/css"rel="stylesheet"/>

<scripttype="text/javascript"src="js/jquery.js"></script>

<scripttype="text/javascript"src="js/Teacher.js"></script>

</head>

<body>

<divclass="top">

<divclass="title"><p>學(xué)生選課信息管理系統(tǒng)</p></div>

</div>

<divclass="main">

<divclass="main_left">

<divclass="main_left_class00"><imgsrc=img/touxiang.png></div>

<divclass="main_left_class01"><ahref="javascript:void(0);"id="kcgl"onclick="readcy()">選課管理</a></div>

<divclass="main_left_class02"><ahref="javascript:void(0);"id="xsxx"onclick="readcy()">學(xué)生信息</a></div>

<divclass="main_left_class03"><ahref="javascript:void(0);"id="xxcx"onclick="readcy()">信息查詢</a></div>

<divclass="main_left_class04"><ahref="javascript:void(0);"id="zx"onclick="zhuxiao()">注銷</a></div>

</div>

<divclass="main_right">

<divclass="info1">

<p>親愛的<spanid="teanames"></span>老師，歡迎進(jìn)入選課系統(tǒng)</p>

</div>

<divclass="box">

<divclass="function">

<p>[通知]選課系統(tǒng)已開放</p>

</div>

<divclass="form">

<tableclass="news">

<tr>

<td><h2>關(guān)于本學(xué)期校級任選課相關(guān)事宜安排的通知</h2></td>

</tr>

<tr>

<td>各學(xué)院及相關(guān)單位:</td>

</tr>

<tr>

<td>根據(jù)學(xué)校教學(xué)安排，本學(xué)期全校任選課定于6月20日（星期五）正式開課，選課工作將從6月16日開始?，F(xiàn)將有關(guān)事項通知如下：</td>

</tr>

<tr>

<td>一、選課時間：6月16日6月20日</td>

</tr>

<tr>

<td>二、學(xué)生登錄選課信息管理系統(tǒng)后進(jìn)入學(xué)生選課進(jìn)行選課。學(xué)生選課前請認(rèn)真閱讀選課公告，再進(jìn)行“網(wǎng)上選課”。</td>

</tr>

<tr>

<td>三、教師可登陸選課信息管理系統(tǒng)后進(jìn)入選課管理增刪課程，6月15日14:00之后各位教師及學(xué)生登錄教務(wù)處網(wǎng)站查詢自己申報的課程是否停開。</td>

</tr>

<tr>

<td>四、選課退課均須在選課時間內(nèi)完成，選課結(jié)束后不再進(jìn)行補(bǔ)退選，請學(xué)生注意選課時間。</td>

</tr>

<tr>

<td>五、請各學(xué)院通知并組織學(xué)生進(jìn)行選課，同時請各學(xué)院及相關(guān)單位通知任課教師按時上課。教務(wù)處將組織相關(guān)人員對上課情況進(jìn)行不定期的檢查。</td>

</tr>

<tr>

<tdalign="right">2019-06-10</td>

</tr>

</table>

<tableid="Txsxx"style="display:none">

<tr>

<td></td>

</tr>

<tr>

<td>學(xué)生編號</td>

<td>學(xué)生名稱</td>

<td>登錄密碼</td>

<td>所在班級</td>

<td>學(xué)生性別</td>

<td>聯(lián)系方式</td>

</tr>

</table>

<tableclass="kcgl"style="display:none">

<tr>

<td></td>

</tr>

<tr>

<td>課程編號</td>

<td>課程名稱</td>

<td>課程課時</td>

<td>修改課程</td>

<td>刪除課程</td>

</tr>

</table>

<divclass="form_1">

<tableclass="form_1_table"style="display:none">

<tr>

<td><inputclass="text"type="text"name="queryKey"id="queryKey"placeholder="請輸入查詢項"/></td>

<td></td>

<td></td>

<td></td>

<td></td>

<td></td>

<td></td>

<td></td>

<td></td>

<td></td>

<td></td>

<td></td>

<td></td>

<td>

<selectname="type"id="selectType">

<optionvalue="1">學(xué)號</option>

<optionvalue="2">姓名</option>

<optionvalue="3">班級</option>

<optionvalue="4">課程號</option>

<optionvalue="5">課程名</option>

<optionvalue="6">上課教室</option>

</select>

</td>

<td><inputclass="btn"type="button"value="查詢"onclick="selectStuAndCouAndRoom()"/></td>

</tr>

</table>

<tableclass="xxxxx"style="display:none">

<tr>

<td>學(xué)號</td>

<td>學(xué)生姓名</td>

<td>學(xué)生班級</td>

<td>課程號</td>

<td>課程名</td>

<td>上課教室</td>

</tr>

</table>

<tableclass="updateCou"style="display:none">

<tr>

<td></td>

</tr>

<tr>

<td>課程編號</td>

<td><inputclass="text"type="text"id="CNo"name="CNo"value=""readonly="true"/></td>

</tr>

<tr>

<td>課程名稱</td>

<td><inputclass="text"type="text"id="Cname"name="Cname"value=""/></td>

</tr>

<tr>

<td>課程學(xué)分</td>

<td><inputclass="text"type="text"id="Ccredit"name="Ccredit"value=""/></td>

</tr>

<tr>

<td></td>

<td>

<inputclass="Coubtn"type="button"value="確認(rèn)修改"/>

<inputclass="btn"type="reset"value="取消修改"/></td>

</tr>

</table>

<tableclass="updateStu"style="display:none">

<tr>

<td></td>

</tr>

<tr>

<td>學(xué)生學(xué)號</td>

<td><inputclass="text"type="text"id="SNo"value=""readonly="true"/></td>

</tr>

<tr>

<td>學(xué)生姓名</td>

<td><inputclass="text"type="text"id="Sname"value=""/></td>

</tr>

<tr>

<td>學(xué)生密碼</td>

<td><inputclass="text"type="text"id="Spassword"value=""/></td>

</tr>

<tr>

<td>學(xué)生班級</td>

<td><inputclass="text"type="text"id="Sclass"value=""readonly="true"/></td>

</tr>

<tr>

<td>學(xué)生性別</td>

<td><inputclass="text"type="text"id="Ssex"value=""/></td>

</tr>

<tr>

<td>聯(lián)系方式</td>

<td><inputclass="text"type="text"id="Stel"value=""/></td>

</tr>

<tr>

<td></td>

<td><inputclass="updateStuBtn"type="button"value="確認(rèn)修改"onclick="updateStuX()"/>

<inputclass="btn"type="reset"value="取消修改"/></td>

</tr>

</table>

</div>

</div>

</div>

</div>

</div>

</body>

</html>4.5.1選課管理模塊功能設(shè)計對課程進(jìn)行管理。根據(jù)需要修改、刪除課程信息。修改、刪除課程的相同頁面teaInfo.html圖4-10選課管理（修改或刪除）上圖點修改時可以修改該課程，代碼如下：functionupdateCon(){

varcouId;

varcouName;

varcourseTime;

$('.form_1_table').hide();

$('.xxxxx').hide();

$('.news').hide();

$('#Txsxx').hide();

$('.kcgl').hide();

$('.updateCou').show();

$('.kcgl').on('click','.upadateBtn',function(){

couId=$(this).parent().parent().children().eq(0).text();

couName=$(this).parent().parent().children().eq(1).text();

courseTime=$(this).parent().parent().children().eq(2).text();

$('#CNo').val(couId);

$('#Cname').val(couName);

$('#Ccredit').val(courseTime);

});

$('.Coubtn').click(function(){

varname=$('#Cname').val();

varcourestime=$('#Ccredit').val();

$.ajax({

url:'/course/updateCon',

data:{

conid:couId,

na