基于JSP大學(xué)生職業(yè)規(guī)劃系統(tǒng)的設(shè)計(jì)與應(yīng)用

基于JSP的基于JSP的大學(xué)生職業(yè)生涯規(guī)劃系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)作者:作者:指導(dǎo)教師：指導(dǎo)教師：專(zhuān)業(yè)名稱(chēng)：計(jì)算機(jī)科學(xué)與技術(shù)專(zhuān)業(yè)名稱(chēng)：計(jì)算機(jī)科學(xué)與技術(shù)Time\@"yyyy年M月d日"Time\@"yyyy年M月d日"2015年9月1日 基于JSP大學(xué)生職業(yè)規(guī)劃系統(tǒng)的設(shè)計(jì)與應(yīng)用【摘要】現(xiàn)今社會(huì)，大學(xué)生對(duì)職業(yè)的迷茫迫切需要有一定的指導(dǎo)和培訓(xùn)。因?yàn)槁殬I(yè)生涯規(guī)劃可以讓在短暫而忙碌的大學(xué)生活中，找準(zhǔn)未來(lái)發(fā)展方向，在燦爛的校園生活中撐起屬于自己的那片藍(lán)天。大學(xué)生職業(yè)規(guī)劃系統(tǒng)主要使用JSP技術(shù)的MVC模式開(kāi)發(fā)的，通過(guò)WEB形式展示的。本文首先介紹了WEB技術(shù)的基本框架，MVC模式的技術(shù)優(yōu)點(diǎn)等。作品主要結(jié)合實(shí)際的校園生活環(huán)境以及目前一些新生的狀況，設(shè)計(jì)出職業(yè)生涯規(guī)劃系統(tǒng)的功能需求。在校的學(xué)生用戶(hù)可以進(jìn)入前臺(tái)進(jìn)行自我現(xiàn)狀評(píng)估，對(duì)專(zhuān)業(yè)和職業(yè)的查看以及進(jìn)行目標(biāo)計(jì)劃設(shè)定。【關(guān)鍵詞】職業(yè)規(guī)劃;校園生活;Web;JSP;MVC模式目錄 1.引言 1.引言1.1開(kāi)發(fā)背景及目的大學(xué)是作為學(xué)子踏入社會(huì)的一個(gè)前奏，是作為大學(xué)生步入社會(huì)的一次小型社會(huì)的演練。人生的生殺大權(quán)是掌握在自己的手上的，要走好自己的未來(lái)之路，就應(yīng)該充分地做好準(zhǔn)備——規(guī)劃。規(guī)劃自己的人生不是意味著按部就班的走著尋常路，而是代表著為自己所追求的價(jià)值時(shí)刻做準(zhǔn)備。初入大學(xué)生活，對(duì)自己的專(zhuān)業(yè)、未來(lái)發(fā)展都是一片迷茫的。如果有一個(gè)明確的職業(yè)規(guī)劃不僅可以讓同學(xué)們了解自己，了解自己的專(zhuān)業(yè)，讓大學(xué)生不再是迷茫學(xué)習(xí)，像無(wú)頭蒼蠅自己探索，不再在臨近畢業(yè)的時(shí)候后悔自己選擇錯(cuò)誤的努力方向，更是讓大學(xué)生對(duì)自己未來(lái)的發(fā)展有明確的奮斗目標(biāo)。因此我利用大學(xué)所學(xué)的知識(shí)，以Web的形式給大學(xué)生提供一個(gè)可以對(duì)自己大學(xué)生涯和以后的職場(chǎng)作規(guī)劃的系統(tǒng)，這符合計(jì)算機(jī)科學(xué)與技術(shù)專(zhuān)業(yè)的特色。利用大學(xué)所學(xué)到的知識(shí)以及課后自習(xí)，本人開(kāi)發(fā)出了大學(xué)生職業(yè)規(guī)劃系統(tǒng)。該系統(tǒng)的前端框架主要是運(yùn)用了DIV+CSS+JavaScript，后臺(tái)的動(dòng)態(tài)實(shí)現(xiàn)主要使用JSP技術(shù)，MVC的開(kāi)發(fā)框架。本網(wǎng)站主要針對(duì)的對(duì)象時(shí)剛進(jìn)入大學(xué)生活的學(xué)者，他們對(duì)大學(xué)生涯的迷茫、專(zhuān)業(yè)未來(lái)發(fā)展的困惑等等實(shí)際需求，本人展開(kāi)了對(duì)該系統(tǒng)的開(kāi)發(fā)。該系統(tǒng)為大學(xué)生提供一個(gè)對(duì)專(zhuān)業(yè)和職業(yè)更深入地了解的平臺(tái)，以及可以對(duì)一些難于抉擇的決定做決策等等。1.2系統(tǒng)任務(wù)本文主要按照提出問(wèn)題、分析問(wèn)題、解決問(wèn)題和總結(jié)問(wèn)題的流程進(jìn)行組織實(shí)施，本論文任務(wù)主要包括:對(duì)MVC模式的基本知識(shí)和發(fā)展等相關(guān)內(nèi)容做簡(jiǎn)要的介紹介紹開(kāi)發(fā)的網(wǎng)站——大學(xué)生職業(yè)規(guī)劃系統(tǒng)的創(chuàng)意以及網(wǎng)站的結(jié)構(gòu)對(duì)該網(wǎng)站所涉及的知識(shí)點(diǎn)和技術(shù)難點(diǎn)進(jìn)行探討，并提出解決方案對(duì)該網(wǎng)站初步確定主要的功能以及各模塊的之間的邏輯關(guān)系，做出詳細(xì)的需求分析，并完成設(shè)計(jì)界面原型的工作總結(jié)網(wǎng)站設(shè)計(jì)過(guò)程中所研究的內(nèi)容以及工作成果，分析大學(xué)生職業(yè)規(guī)劃系統(tǒng)的特點(diǎn)，并對(duì)下一步的工作的進(jìn)行展望。本論文預(yù)期效果如下：實(shí)現(xiàn)職業(yè)規(guī)劃系統(tǒng)總體的需求分析實(shí)現(xiàn)職業(yè)規(guī)劃系統(tǒng)的靜態(tài)架構(gòu)及靜態(tài)編碼實(shí)現(xiàn)職業(yè)規(guī)劃系統(tǒng)的數(shù)據(jù)庫(kù)設(shè)計(jì)實(shí)現(xiàn)職業(yè)規(guī)劃系統(tǒng)的動(dòng)態(tài)體系架構(gòu)設(shè)計(jì)及動(dòng)態(tài)編碼實(shí)現(xiàn)對(duì)職業(yè)規(guī)劃系統(tǒng)主要模塊的Web測(cè)試1.3開(kāi)發(fā)階段及使用的工具在網(wǎng)站實(shí)現(xiàn)的過(guò)程中，作者獨(dú)立完成需求分析、靜態(tài)頁(yè)面搭建、數(shù)據(jù)庫(kù)設(shè)計(jì)、編碼實(shí)現(xiàn)、Web測(cè)試等工作。在每一個(gè)開(kāi)發(fā)過(guò)程中用到的專(zhuān)業(yè)軟件如下：需求分析階段：Visio。利用Visio快速建立界面原型。靜態(tài)頁(yè)面搭建：Dreamweaver。利用Dreamweaver建立靜態(tài)網(wǎng)頁(yè)的界面原型，數(shù)據(jù)庫(kù)設(shè)計(jì)：MySQL。利用MySQL對(duì)該系統(tǒng)所需要的數(shù)據(jù)進(jìn)行簡(jiǎn)單的數(shù)據(jù)庫(kù)設(shè)計(jì)。編碼實(shí)現(xiàn)：MyEclipse和Tomcat。利用MyEclipse實(shí)現(xiàn)網(wǎng)站的動(dòng)態(tài)化。撰寫(xiě)論文：Visio和WPS。利用Visio制作流程圖、數(shù)據(jù)流圖等。2.需求分析2.1功能需求分析大學(xué)生職業(yè)規(guī)劃網(wǎng)是以WEB形式展示的，作為大學(xué)生用戶(hù)可以了解該系統(tǒng)的簡(jiǎn)介以及說(shuō)明、進(jìn)行心理測(cè)試，查看自己學(xué)習(xí)的專(zhuān)業(yè)或者了解其他專(zhuān)業(yè)，還有可以對(duì)自己未來(lái)感興趣的職業(yè)的了解，以此可以更加明確自己未來(lái)的發(fā)展路線，還可以對(duì)自己的一些難于抉擇的事情通過(guò)決策平衡單來(lái)分析等等。網(wǎng)站管理員可以登錄該系統(tǒng)的后臺(tái)進(jìn)行對(duì)前臺(tái)展示給用戶(hù)使用的一些功能和信息的及時(shí)更新和管理。次網(wǎng)站的整體功能描述如下：大學(xué)生成員，可以瀏覽職業(yè)規(guī)劃系統(tǒng)的前臺(tái)頁(yè)面所有信息。職業(yè)規(guī)劃網(wǎng)管理者，可以登錄職業(yè)規(guī)劃系統(tǒng)后臺(tái)管理，對(duì)職業(yè)規(guī)劃系統(tǒng)進(jìn)行管理，執(zhí)行職業(yè)規(guī)劃系統(tǒng)后臺(tái)提供的基本功能，同時(shí)可以瀏覽職業(yè)規(guī)劃系統(tǒng)前臺(tái)所有信息。各個(gè)模塊功能描述如下：前臺(tái)：在首頁(yè)模塊可了解職業(yè)規(guī)劃的流程；在現(xiàn)狀評(píng)估模塊可進(jìn)行心理測(cè)試來(lái)了解自己的現(xiàn)狀；在專(zhuān)業(yè)探索模塊可查看各專(zhuān)業(yè)的課程以及學(xué)習(xí)建議；在職業(yè)探索模塊可查看現(xiàn)今社會(huì)上的一些職業(yè)的發(fā)展情況；在決策行動(dòng)模塊可對(duì)自己的一些左右為難的抉擇做出決策；在行動(dòng)計(jì)劃模塊可對(duì)自己實(shí)現(xiàn)目標(biāo)做出規(guī)劃；在個(gè)人信息模塊可查看登錄用戶(hù)本人的信息；同時(shí)，也可以查看該系統(tǒng)的簡(jiǎn)介。后臺(tái)：在專(zhuān)業(yè)管理模塊可對(duì)專(zhuān)業(yè)的信息進(jìn)行添加、刪除、編輯；在職業(yè)管理模塊可對(duì)專(zhuān)業(yè)的信息進(jìn)行添加、刪除、編輯；在決策管理模塊可對(duì)決策因素進(jìn)行添加、刪除、編輯；在修改密碼模塊可對(duì)管理員登錄后臺(tái)密碼的修改。職業(yè)規(guī)劃網(wǎng)整體流程圖如圖2-1所示：圖2-1網(wǎng)站流程圖2.2用Visio制作界面原型Visio是一個(gè)可以簡(jiǎn)單快速畫(huà)圖的工具，適合在需求分析階段用來(lái)快速制作界面原型的工具。使用這種工具，制作出前臺(tái)、后臺(tái)部分界面原型如下圖3-2所示：圖2-2登錄界面原型圖2-3首頁(yè)界面原型圖2-4專(zhuān)業(yè)探索界面原型圖2-5決策行動(dòng)界面原型圖2-5后臺(tái)專(zhuān)業(yè)管理界面原型圖2-6后臺(tái)職業(yè)管理界面原型3.系統(tǒng)總體架構(gòu)設(shè)計(jì)3.1課題可行性大學(xué)校園生活是大學(xué)生踏入社會(huì)的過(guò)渡階段。然而對(duì)于剛脫離家庭的庇佑和高中生活的“一心只為高考故”的讀書(shū)方式的大學(xué)新生們，他們對(duì)大學(xué)的生活總是充滿(mǎn)了好奇和迷茫。因此，大學(xué)生不僅應(yīng)該對(duì)自己的專(zhuān)業(yè)了解還應(yīng)該對(duì)自己的未來(lái)的職業(yè)有一定的規(guī)劃。現(xiàn)如今，信息時(shí)代的高速發(fā)展和快節(jié)奏的生活方式不僅帶來(lái)好處也一樣帶來(lái)弊端。我們應(yīng)該充分的利用信息時(shí)代帶來(lái)的便利，所以本課題主要是結(jié)合計(jì)算機(jī)技術(shù)研究開(kāi)發(fā)一種能夠給予大學(xué)生一種更直觀的、更快捷的方式，以此使大學(xué)生的大學(xué)生活和未來(lái)職業(yè)有更好的規(guī)劃。3.2技術(shù)可行性本系統(tǒng)用Java語(yǔ)言開(kāi)發(fā)，Java不僅在近幾年的所有計(jì)算機(jī)語(yǔ)言排行榜上總是名列榜首，而且在其優(yōu)越之處是移植性好，且使用當(dāng)今流行的MVC（ModelViewController）模式實(shí)現(xiàn)，其將應(yīng)用程序的輸入、處理和輸出分開(kāi)的作用，大大的對(duì)開(kāi)發(fā)過(guò)程更簡(jiǎn)單、更方便，重用性高。本網(wǎng)站的數(shù)據(jù)庫(kù)使用MySQL,這種模式是將業(yè)務(wù)邏輯、用戶(hù)界面、控制器分離的模式，使得代碼更加簡(jiǎn)潔，易于項(xiàng)目的維護(hù)與擴(kuò)展。隨著Internet和WWW的流行，MVC的開(kāi)發(fā)模式越來(lái)越得到青睞。MVC是一個(gè)設(shè)計(jì)模式，它將強(qiáng)制性的使應(yīng)用程序的輸入、處理和輸出分開(kāi)，應(yīng)用程序被分成三個(gè)核心部件：模型、視圖、控制器。它們各自處理自己的任務(wù)。這種優(yōu)勢(shì)簡(jiǎn)化了開(kāi)發(fā)過(guò)程的繁瑣，減輕了系統(tǒng)維護(hù)與升級(jí)的成本和工作量，降低了用戶(hù)的總成本。3.3相關(guān)技術(shù)介紹3.3.1Vison界面原型工具Vison界面原型工具是一種可以快速建立界面原型的工具。Vison在需求分析中被廣泛使用，其操作簡(jiǎn)單，特別適合不懂HTML語(yǔ)法的需求分析人員。3.3.2Ajax模式Ajax（AsynchronousJavaScriptandXML）是一種Web應(yīng)用程序技術(shù)[3]。Ajax開(kāi)發(fā)框架如圖3-3所示：圖3-1Ajax開(kāi)發(fā)框架3.3.3MVC設(shè)計(jì)模式MVC是由模型（model）、視圖（view）、控制器（controller）三個(gè)組件組成的一種將邏輯、處理過(guò)程、顯示分層的模式。和純JSP開(kāi)發(fā)相比使得代碼更加清晰，更容易維護(hù)和擴(kuò)展。隨著J2EE應(yīng)用在Internet上的成熟，MVC在理解和分析應(yīng)用模型時(shí)提供了最基本的分析方法，MVC逐步成為J2EE平臺(tái)的主流思想[5]。MVC架構(gòu)的分層體系圖如圖3-2所示：圖3-2MVC架構(gòu)的分層體系3.3.4軟件測(cè)試軟件測(cè)試是為了發(fā)現(xiàn)程序中的錯(cuò)誤而執(zhí)行程序的過(guò)程，目的在于尋找和發(fā)現(xiàn)錯(cuò)誤，檢測(cè)系統(tǒng)是否符合需求的過(guò)程。白盒測(cè)試和黑盒測(cè)試是軟件測(cè)試按測(cè)試方法分的[6]。3.4系統(tǒng)數(shù)據(jù)庫(kù)設(shè)計(jì)數(shù)據(jù)庫(kù)是大學(xué)生職業(yè)規(guī)劃網(wǎng)的核心組成部分，因?yàn)橛脩?hù)的查詢(xún)?cè)L問(wèn)操作都是需要數(shù)據(jù)庫(kù)來(lái)完成的。因此數(shù)據(jù)庫(kù)的好壞都會(huì)影響到系統(tǒng)的運(yùn)行效率。所以本人根據(jù)所學(xué)的數(shù)據(jù)庫(kù)設(shè)計(jì)原理和對(duì)系統(tǒng)的分析將模型里的類(lèi)映射到數(shù)據(jù)里而設(shè)計(jì)了大學(xué)生職業(yè)規(guī)劃網(wǎng)主要數(shù)據(jù)庫(kù)的PDM表如圖3-5所示：圖3-3數(shù)據(jù)庫(kù)中主要表的PDM3.4.1用戶(hù)信息表（cp_user）用來(lái)保存系統(tǒng)用戶(hù)的信息，如用戶(hù)名、密碼、性別、郵箱。3.4.2專(zhuān)業(yè)信息表（cp_profess）用來(lái)保存相關(guān)專(zhuān)業(yè)的信息，用戶(hù)可以根據(jù)自己學(xué)習(xí)的專(zhuān)業(yè)選擇自己想要了解的專(zhuān)業(yè)，管理員可以登錄后臺(tái)管理操作相關(guān)專(zhuān)業(yè)信息，將數(shù)據(jù)存儲(chǔ)在表里。如專(zhuān)業(yè)名、學(xué)習(xí)課程、學(xué)習(xí)建議。3.4.3職業(yè)信息表（cp_occup）用來(lái)保存相關(guān)職業(yè)的信息，用戶(hù)可以選擇當(dāng)今社會(huì)存在的職業(yè)的了解，借鑒信息對(duì)自己的未來(lái)職業(yè)發(fā)展做出目標(biāo)，管理員可以登錄后臺(tái)管理操作相關(guān)專(zhuān)業(yè)信息，將數(shù)據(jù)存儲(chǔ)在表里。如職業(yè)名、職業(yè)簡(jiǎn)介、工作內(nèi)容、工作條件、收入、職業(yè)前景、職業(yè)發(fā)展、知名單位和典型人物。3.4.4報(bào)告信息表(cp_report)用來(lái)保存用戶(hù)相關(guān)報(bào)告的信息。如自我了解、行動(dòng)計(jì)劃。3.4.5決策信息表(cp_decide)用來(lái)保存決策所屬類(lèi)型和相關(guān)因素的信息，如個(gè)人精神方面得失、個(gè)人物質(zhì)方面得失等等。4.主要模塊的詳細(xì)設(shè)計(jì)通過(guò)上述需求分析，我將對(duì)前臺(tái)、后臺(tái)頁(yè)面分別進(jìn)行UI設(shè)計(jì)。采用DIV+CSS+JavaScript框架搭建靜態(tài)頁(yè)面。用jQuery+Ajax框架實(shí)現(xiàn)基本的驗(yàn)證的框架，同時(shí)用MVC模式作為動(dòng)態(tài)開(kāi)發(fā)框架，MySQL作為數(shù)據(jù)庫(kù)支持。4.1項(xiàng)目的代碼結(jié)構(gòu)項(xiàng)目的代碼結(jié)構(gòu)，如下圖4-1：圖4-1項(xiàng)目代碼結(jié)構(gòu)圖4.2登錄模塊4.2.1主要功能實(shí)現(xiàn)用戶(hù)可以通過(guò)用戶(hù)名和密碼登錄然后對(duì)網(wǎng)站進(jìn)行一些操作，或者管理員可以登錄后臺(tái)管理進(jìn)行對(duì)前臺(tái)的內(nèi)容的管理。此部分的主要功能如下：使用CSS和HTML技術(shù)實(shí)現(xiàn)登錄界面的設(shè)計(jì)。使用JavaScript實(shí)現(xiàn)用戶(hù)名和密碼簡(jiǎn)單校驗(yàn)。如是否滿(mǎn)足輸入格式，是否有效用戶(hù)名等。使用JSP實(shí)現(xiàn)與數(shù)據(jù)庫(kù)存儲(chǔ)的用戶(hù)和密碼校驗(yàn)。當(dāng)輸入的用戶(hù)名、密碼正確則登錄成功，否則重置用戶(hù)名、密碼。4.2.2功能流程圖圖4-2登錄功能流程圖4.2.3主要代碼設(shè)計(jì)<scriptlanguage="javascript"> functioncheck(){ varname=document.myform.username; varpassword=document.myform.password; if(name.value==""){ alert("用戶(hù)名不能為空"); name.focus(); returnfalse; }elseif(password.value==""){ alert("密碼不能為空"); password.focus(); returnfalse; } elseif(name.value.length<4||pass.value.length>16){ alert("用戶(hù)名的長(zhǎng)度必須在4-16個(gè)字符"); name.select(); returnfalse; }else{returntrue;} }</script> 4.2.4界面設(shè)計(jì)圖4-3登錄頁(yè)面效果圖4.3首頁(yè)模塊4.3.1主要功能實(shí)現(xiàn)前臺(tái)（首頁(yè)）：對(duì)本網(wǎng)站的職業(yè)規(guī)劃流程的介紹?，F(xiàn)狀評(píng)估、專(zhuān)業(yè)探索、職業(yè)探索、決策行動(dòng)的規(guī)劃流程，循序漸進(jìn)的步驟。學(xué)生用戶(hù)和管理員可以登錄本網(wǎng)站并進(jìn)行操作。此部分實(shí)現(xiàn)的主要功能如下：1．使用JavaScript技術(shù)實(shí)現(xiàn)鼠標(biāo)所在位置彈出對(duì)話框。4.3.2主要代碼設(shè)計(jì)<!--//JavaScript技術(shù)實(shí)現(xiàn)一個(gè)鼠標(biāo)移動(dòng)顯示內(nèi)容的功能--><scripttype="text/javascript">$(document).ready(function(){$.MetroTooltipInit({animation:"fadeInLeftfast",persist:0,})});</script>4.3.3界面設(shè)計(jì)圖4-4前臺(tái)頁(yè)面效果圖4.4現(xiàn)狀評(píng)估模塊4.4.1主要功能實(shí)現(xiàn)前臺(tái)（現(xiàn)狀評(píng)估）:對(duì)自己的現(xiàn)狀做一個(gè)評(píng)估測(cè)試題，以此了解自己的目前狀態(tài)，可以更好的為自己量身打造自己的規(guī)劃路程。此部分實(shí)現(xiàn)的主要功能如下：1．JSP技術(shù)實(shí)現(xiàn)對(duì)測(cè)試題的結(jié)果的計(jì)算算法。4.4.2主要代碼設(shè)計(jì)//現(xiàn)狀評(píng)估<c:forEachitems="${alq}"var="alq"> <tr><td><divid="qnum"> 第<inputid="qid"name="qid"type="text"value="${alq.qid}"/>題</div><divid="qtitle"><textarea>${alq.qname}</textarea></div> <divid="qchoose"><tablewidth="440"height="26"><tr><tdwidth="80"style="background-color:#34b5d2"> 你的答案</td> <tdwidth="80"style="background-color:#34b5d2"><inputtype="radio"name="regtype1"value="A02"id="A02"> <labelfor="A02"><button1name="btnGroup1"onclick="toggleButton(this)">A</button1></label></td> <tdwidth="80"><inputtype="radio"name="regtype1"value="A03"id="A03"><labelfor="A03"><button1name="btnGroup1"onclick="toggleButton(this)">B</button1></label></td> <tdwidth="80"><inputtype="radio"name="regtype1"value="A04"id="A04"><labelfor="A04"><button1name="btnGroup1"onclick="toggleButton(this)">C</button1> </label></td> <tdwidth="80"><inputtype="radio"name="regtype1"value="A05"id="A05"><labelfor="A05"><button1name="btnGroup1"onclick="toggleButton(this)">;D</button1> </label></td></tr></table></div></td></tr></c:forEach>4.4.3界面設(shè)計(jì)圖4-5現(xiàn)狀評(píng)估前臺(tái)頁(yè)面效果圖此現(xiàn)狀評(píng)估測(cè)試題是采用網(wǎng)絡(luò)流行的心理測(cè)試題，其最終的測(cè)試結(jié)果的相關(guān)的算法得到的。4.5專(zhuān)業(yè)探索模塊4.5.1主要功能實(shí)現(xiàn)此部分實(shí)現(xiàn)的主要功能如下：前臺(tái)（專(zhuān)業(yè)探索）：可以查閱相關(guān)的專(zhuān)業(yè)知識(shí)，學(xué)習(xí)的課程以及一些專(zhuān)家或者任教過(guò)的老師學(xué)習(xí)建議。此功能通過(guò)選擇下拉框的內(nèi)容得到ID然后通過(guò)ID獲得數(shù)據(jù)庫(kù)中解相關(guān)的專(zhuān)業(yè)知識(shí)。后臺(tái)（專(zhuān)業(yè)管理）：主要是對(duì)前臺(tái)的大學(xué)專(zhuān)業(yè)的內(nèi)容更新和增加。4.5.2主要代碼設(shè)計(jì)//js實(shí)現(xiàn)專(zhuān)業(yè)信息的查看<scripttype="text/javascript"> varreq; functiongetDetail(){ varidField=document.getElementById("proid"); varurl="ProfessionController?flag=changeShow&proId="+escape(idField.value); if(window.XMLHttpRequest){ req=newXMLHttpRequest(); }elseif(window.ActiveXObject){ req=newActiveXObject("Microsoft.XMLHTTP"); } req.open("GET",url,true); req.onreadystatechange=callback; req.send(null); } functioncallback(){ if(req.readyState==4&&req.status==200){ varmsg=req.responseText; varu=eval("("+msg+")");//轉(zhuǎn)為json格式數(shù)據(jù) document.getElementById("course").innerHTML=u.course; document.getElementById("advice").innerHTML=u.advice; } }</script>4.5.3界面設(shè)計(jì)圖4-6專(zhuān)業(yè)探索前臺(tái)頁(yè)面效果圖此模塊的查看專(zhuān)業(yè)功能主要是用JavaScript實(shí)現(xiàn)的。通過(guò)異步交互，用open（）方法向后臺(tái)severlet傳參數(shù)然后再獲得后臺(tái)傳來(lái)的值顯示在前臺(tái)。4.6職業(yè)探索模塊4.6.1主要功能實(shí)現(xiàn)此部分實(shí)現(xiàn)的主要功能如下：前臺(tái)（職業(yè)探索）：可以查閱相關(guān)的職業(yè)信息。此功能后臺(tái)（職業(yè)管理）：對(duì)前臺(tái)職業(yè)信息的更新、增加和刪除功能。4.6.2主要代碼設(shè)計(jì)//前臺(tái)顯示<c:forEachitems="${al}"var="op"><tr><td>${op.occupId}</td><td><ahref="OccupationSeverlet?flag=detail&id=${op.occupId}">${op.occupName}</a></td><td><ahref="OccupationSeverlet?flag=detail&id=${op.occupId}"><inputtype="button"value="查看"/></a></td></tr></c:forEach>//后臺(tái)實(shí)現(xiàn)分頁(yè)功能intpageCount=omd.getPageCount();//獲得數(shù)據(jù)總數(shù)intindex=0;if(pageCountNow>6){ index=6;}else{ index=(pageCountNow)+1;}int[]shu=newint[index];intj=0;for(inti=pageNow;i<=pageCount&&i<pageNow+6;i++){ shu[j]=i; j++;}alo=omd.getCaseList(pageNow);//該頁(yè)的數(shù)據(jù)4.6.3界面設(shè)計(jì)圖4-7職業(yè)探索前臺(tái)頁(yè)面效果圖4.7個(gè)人信息模塊4.7.1主要功能實(shí)現(xiàn)此部分實(shí)現(xiàn)的主要功能如下：利用JSP技術(shù)顯示該用戶(hù)的信息、測(cè)試的結(jié)果以及修改密碼功能。利用JavaScript技術(shù)對(duì)密碼的簡(jiǎn)單校驗(yàn)，校驗(yàn)是否輸入的密碼一致。4.7.2主要代碼設(shè)計(jì)//修改密碼的主要功能HttpSessionsession=request.getSession();Stringname=(String)session.getAttribute("name");PsdModifyDaosDao=newPsdModifyDao(); passWd=sDao.serchPSW(name,fg);if(!old_psw.equals(passWd)){StrMes="所輸入的舊密碼與登錄時(shí)輸入的密碼不吻合"; request.setAttribute("StrMes",StrMes); request.getRequestDispatcher("BackWeb/saveFail.jsp?flag=modPSD").forward(request,response);}else{ Booleanflag=sDao.upDatePass(name,new_psw,fg); if(flag){ StrMes="更改新密碼成功!"; request.setAttribute("StrMes",StrMes); request.getRequestDispatcher("BackWeb/saveSuccess.jsp?flag=SuccessPSD").forward(request,response); } else{ System.out.println("修改出現(xiàn)異常！修改失敗，要跳轉(zhuǎn)到的錯(cuò)誤頁(yè)面"); request.getRequestDispatcher("BackWeb/saveFail.jsp").forward(request,response); }//密碼的簡(jiǎn)單校驗(yàn)<scripttype="text/javascript"> functionCheckForm() { if(document.form1.old_psw.value=="") {alert("原始密碼不能為空！"); return(false); } if(document.form1.new_psw.value=="") {alert("新密碼不能為空！"); document.form1.new_psw.focus(); return(false); } if(document.form1.check_psw.value==""||document.form1.check_psw.value!==form1.new_psw.value) {alert("兩次輸入密碼不一致！"); document.form1.check_psw.focus(); return(false); } return(true); } </script>4.7.3界面設(shè)計(jì)圖4-8修改密碼界面效果圖5.系統(tǒng)測(cè)試5.1軟件測(cè)試的現(xiàn)狀和分類(lèi)在整個(gè)軟件開(kāi)發(fā)的過(guò)程中軟件測(cè)試是占30%左右，可以說(shuō)軟件測(cè)試也是一件很重要的事情。因?yàn)檐浖y(cè)試是一個(gè)系統(tǒng)能否成功上線起決定性作用。軟件測(cè)試分黑盒測(cè)試和白盒測(cè)試兩種。本章將通過(guò)對(duì)登錄模塊書(shū)寫(xiě)測(cè)試用例。5.1.1登錄測(cè)試首先測(cè)試用戶(hù)登錄，測(cè)試數(shù)據(jù)為：用戶(hù)名admin密碼123該用戶(hù)存在，且已啟用。登錄模塊等類(lèi)劃分設(shè)計(jì)測(cè)試用例如下[9]：確定等價(jià)類(lèi)：表5-1管理員登錄等價(jià)類(lèi)表輸入條件有效等價(jià)類(lèi)無(wú)效等價(jià)類(lèi)登錄賬號(hào)①6位以上字母、數(shù)字、下劃線②有非法字符③少于6位字符④不輸入登錄密碼任意字符無(wú)建立等價(jià)類(lèi)表：表5-2管理員登錄測(cè)試用例表登錄賬號(hào)登錄密碼預(yù)測(cè)結(jié)果實(shí)際結(jié)果覆蓋范圍admin123登錄系統(tǒng)登錄系統(tǒng)①zs@123不能登錄不能登錄②③6.總結(jié)與展望6.1系統(tǒng)總結(jié)大學(xué)生職業(yè)規(guī)劃網(wǎng)的開(kāi)發(fā)的目的是為了那些新入大學(xué)校園生活的新生以及對(duì)自己學(xué)習(xí)和未來(lái)發(fā)展迷茫的同學(xué)而開(kāi)發(fā)的，為同學(xué)們提供一個(gè)可以全面了解自己、了解專(zhuān)業(yè)課內(nèi)容、了解職業(yè)發(fā)展的平臺(tái)。作為本校的同學(xué)都可以進(jìn)入這個(gè)網(wǎng)站，并可以在此網(wǎng)站進(jìn)行一些操作和學(xué)習(xí)，以此來(lái)解決自身的困惑和迷茫。如果是網(wǎng)站管理員可以利用收集到的資料和信息，以及對(duì)職業(yè)規(guī)劃有幫助的信息等，然后進(jìn)入網(wǎng)站后臺(tái)管理頁(yè)面進(jìn)行更新，以此可以讓同學(xué)們了解到更多的信息。大學(xué)生職業(yè)規(guī)劃網(wǎng)是根據(jù)在校大學(xué)新生的實(shí)際情況展開(kāi)的。以Web頁(yè)面的形式展示各類(lèi)大小院校出現(xiàn)的專(zhuān)業(yè)課程和學(xué)習(xí)建議，還有各類(lèi)職業(yè)的行規(guī)行情，讓同學(xué)們?nèi)娼鉀Q自己在大學(xué)里該干什么，該怎么干的問(wèn)題，心理測(cè)試和決策平衡單更是兩項(xiàng)在本網(wǎng)站的亮點(diǎn)之處，讓同學(xué)們?nèi)媪私庾陨淼膯?wèn)題，以及解決面對(duì)難于抉擇的問(wèn)題時(shí)可以有所幫助。DIV+CSS+JavaScript是此網(wǎng)站的靜態(tài)開(kāi)發(fā)框架，MVC是動(dòng)態(tài)開(kāi)發(fā)框架。在大學(xué)學(xué)習(xí)過(guò)程中我們學(xué)習(xí)了這些基礎(chǔ)知識(shí)，加上本人在課后的不斷學(xué)習(xí)和實(shí)踐，已經(jīng)基本實(shí)現(xiàn)了這個(gè)網(wǎng)站功能。6.2系統(tǒng)展望本系統(tǒng)在實(shí)現(xiàn)的過(guò)程中，由于資源、時(shí)間的有限性存在一些不足。本系統(tǒng)在交互方面需要進(jìn)一步改進(jìn)。在一些功能開(kāi)發(fā)過(guò)程中，需要進(jìn)一步人性化設(shè)計(jì)，對(duì)于現(xiàn)狀評(píng)估的測(cè)驗(yàn)結(jié)果的分析還存在缺乏科學(xué)有效的方法。在今后的二次開(kāi)發(fā)過(guò)程中，我將在不足之處著手，進(jìn)一步深入設(shè)計(jì)，運(yùn)用最新的技術(shù)，全面改善所有問(wèn)題，并且將網(wǎng)站升級(jí)到更優(yōu)，讓同學(xué)們使用更便捷、明了。致謝在這個(gè)設(shè)計(jì)這個(gè)網(wǎng)站的過(guò)程中，我遇到了許多的問(wèn)題，但是在老師的指導(dǎo)和組員幫助下我們一起解決了問(wèn)題。首先我要感謝的是我的指導(dǎo)老師陳忠老師在這段時(shí)間的悉心指導(dǎo)，有計(jì)劃的安排我們的進(jìn)度，使我們的設(shè)計(jì)按時(shí)完成，并且在此期間讓我學(xué)到更多的東西，我還要特別感謝所有的授課老師，你們讓我學(xué)到知識(shí)，給予我很多理論上的引導(dǎo)，使我少走了很多彎路。同時(shí)我還要感謝組員和同學(xué)們的幫助，使這個(gè)系統(tǒng)的設(shè)計(jì)更加完美。最后，我謹(jǐn)向百忙之中審閱本文的老師們表示衷心的感謝！參考文獻(xiàn)[1]張海藩.軟件工程導(dǎo)論[M].北京:清華大學(xué)出版社，2008,162-175.[2]NicholasC.Zakas.JavaScript高級(jí)程序設(shè)計(jì)[M].北京:人民郵電出版社，2012.[3]耿祥義，張躍平。Java大學(xué)實(shí)用教程[M].北京：電子工業(yè)出版社.2012.[4]楊章偉.精通SQL語(yǔ)言與數(shù)據(jù)庫(kù)管理[M].北京:人民郵電出版社，2008.[5]AdityaP.Mathur.軟件測(cè)試基礎(chǔ)教程[M].北京:機(jī)械工業(yè)出版社，2011.[6]張建沛.《數(shù)據(jù)庫(kù)原理及應(yīng)用系統(tǒng)開(kāi)發(fā)》[M].北京：中國(guó)水利水電出版社，1999.[7]MartyHall,Larrybrown.Servlet與JSP核心編程[M].清華大學(xué)出版社,2004:322~341[8]王峰，郭長(zhǎng)國(guó)，陳振華.軟件測(cè)試基礎(chǔ)教程[M].北京:機(jī)械工業(yè)出版社，2011,86-100.[9]龐慧娟等.《利用JSP實(shí)現(xiàn)基JDBC-ODBC橋的Web