西安工業(yè)大學(xué)計(jì)算機(jī)專(zhuān)業(yè)畢業(yè)論文

1、本科畢業(yè)設(shè)計(jì)(論文) 題目：基于WEB的軟件工程案例教學(xué)平臺(tái)-交互演示子系統(tǒng)的設(shè)計(jì) 院 （系）： 計(jì)算機(jī)科學(xué)與工程學(xué)院 專(zhuān) 業(yè)： 網(wǎng)絡(luò)工程 班 級(jí)： 120614 學(xué) 生： 郭雪 學(xué) 號(hào)： 120614119 指導(dǎo)教師： 徐飛 2016年06月本科畢業(yè)設(shè)計(jì)(論文) 題目：基于WEB的軟件工程案例教學(xué)平臺(tái)-交互演示子系統(tǒng)的設(shè)計(jì) 院 （系）： 計(jì)算機(jī)科學(xué)與工程學(xué)院 專(zhuān) 業(yè)： 網(wǎng)絡(luò)工程 班 級(jí)： 120614 學(xué) 生： 郭雪 學(xué) 號(hào)： 120614119 指導(dǎo)教師： 徐飛 2016年06月西安工業(yè)大學(xué)畢業(yè)設(shè)計(jì)（論文）任務(wù)書(shū)院（系） 計(jì)算機(jī)科學(xué)與工程 專(zhuān)業(yè) 網(wǎng)絡(luò)工程 班 120614 姓名 郭丹丹 學(xué)

2、號(hào) 120614119 1.畢業(yè)設(shè)計(jì)（論文）題目： 基于WEB的軟件工程案例教學(xué)平臺(tái)交互演示子系統(tǒng)設(shè)計(jì) 2.題目背景和意義：隨著網(wǎng)絡(luò)技術(shù)、通信技術(shù)和計(jì)算機(jī)技術(shù)的迅猛發(fā)展，教育正逐步走向了網(wǎng)絡(luò)化、信息化和現(xiàn)代化。網(wǎng)絡(luò)教學(xué)是利用計(jì)算機(jī)技術(shù)、網(wǎng)絡(luò)技術(shù)以及多媒體技術(shù)，在互聯(lián)網(wǎng)絡(luò)環(huán)境下實(shí)行教育教學(xué)的一種新途徑，作為一種重要的輔助手段，補(bǔ)充傳統(tǒng)的課堂教學(xué)。網(wǎng)絡(luò)教學(xué)可以充分依靠先進(jìn)的教學(xué)手段、教學(xué)技術(shù)、教學(xué)資源、教學(xué)思想，給廣大用戶提供了良好的自主學(xué)習(xí)環(huán)境，大幅度的促進(jìn)并提升了教學(xué)效率、教學(xué)效果和教學(xué)水平。 該系統(tǒng)能把不同形式的教學(xué)資源有機(jī)的結(jié)合起來(lái)，并提供一個(gè)層次化、科學(xué)化、便捷化的應(yīng)用平臺(tái)，使教學(xué)資源的

3、利用高效化，提高了教學(xué)的服務(wù)質(zhì)量?，F(xiàn)代教育教學(xué)系統(tǒng)是建立在高效的案例教學(xué)平臺(tái)的基礎(chǔ)上的，也是現(xiàn)代教育教學(xué)系統(tǒng)中必不可少的、重要的基礎(chǔ)系統(tǒng)。3.設(shè)計(jì)(論文)的主要內(nèi)容（理工科含技術(shù)指標(biāo)）： 按照軟件工程的方法進(jìn)行系統(tǒng)需求分析、設(shè)計(jì)及開(kāi)發(fā)，主要有以下功能： （1） 學(xué)生用戶：用戶登陸、信息瀏覽、密碼修改、案例查詢、案例檢索、案例下載、案例評(píng)論等功能。（2） 教師用戶及管理員：用戶登陸、信息瀏覽、密碼修改、案例查詢、案例添加、案例檢索、案例修改、案例刪除、案例類(lèi)別管理、案例答疑等功能。（3）交互演示子系統(tǒng)為用戶提供便捷的方式展示案例文檔、源代碼、相關(guān)數(shù)據(jù)庫(kù)設(shè)計(jì)說(shuō)明等；用戶可以方便按照知識(shí)點(diǎn)、課程內(nèi)容

4、、技術(shù)分類(lèi)的進(jìn)行案例的檢索查詢。4.設(shè)計(jì)的基本要求及進(jìn)度安排（含起始時(shí)間、設(shè)計(jì)地點(diǎn)）：1） 基本要求：能夠進(jìn)行基本的web開(kāi)發(fā)，掌握基本編程語(yǔ)言，熟悉Mysql數(shù)據(jù)庫(kù)應(yīng)用；2）進(jìn)度安排： 第13周：選題、收集相關(guān)資料并撰寫(xiě)開(kāi)題報(bào)告進(jìn)行開(kāi)題答辯； 第46周：根據(jù)客戶需求完成需求分析報(bào)告并完成詳細(xì)設(shè)計(jì)報(bào)告； 第79周：系統(tǒng)設(shè)計(jì)、數(shù)據(jù)庫(kù)設(shè)計(jì)、開(kāi)發(fā)環(huán)境搭建； 第1015周：完成系統(tǒng)所有模塊開(kāi)發(fā)工作，同時(shí)完成功能測(cè)試； 第1617周 對(duì)整個(gè)系統(tǒng)進(jìn)行完整測(cè)試、運(yùn)行 ； 第18周：修改完善論文并準(zhǔn)備畢業(yè)答辯。 5.畢業(yè)設(shè)計(jì)（論文）的工作量要求 實(shí)驗(yàn)（時(shí)數(shù)）*或?qū)嵙?xí)（天數(shù)）： 3月-6月 圖紙（幅面和張數(shù)）*

5、： A4紙 其他要求： 論文字?jǐn)?shù)要求15000字，軟件源代碼及使用說(shuō)明 指導(dǎo)教師簽名： 年 月 日 學(xué)生簽名： 年 月 日 系（教研室）主任審批： 年 月 日說(shuō)明：1本表一式二份，一份由學(xué)生裝訂入論文，一份教師自留。2 帶*項(xiàng)可根據(jù)學(xué)科特點(diǎn)選填。基于Web的軟件工程案例教學(xué)平臺(tái)-交互演示子系統(tǒng)的設(shè)計(jì)摘 要隨著互聯(lián)網(wǎng)技術(shù)的不斷發(fā)展，網(wǎng)絡(luò)教學(xué)平臺(tái)化不斷普及。教育正在逐漸進(jìn)入網(wǎng)絡(luò)化。網(wǎng)絡(luò)教學(xué)平臺(tái)是利用計(jì)算機(jī)技術(shù)、網(wǎng)絡(luò)技術(shù)以及多媒體技術(shù)，在互聯(lián)網(wǎng)環(huán)境下實(shí)現(xiàn)教育教學(xué)的一種新途徑。將軟件工程案例放到網(wǎng)上讓學(xué)生通過(guò)網(wǎng)絡(luò)來(lái)學(xué)習(xí)，可以使學(xué)生更好地理解軟件工程這門(mén)課程的真諦，以此培養(yǎng)學(xué)生開(kāi)發(fā)計(jì)算機(jī)應(yīng)用系統(tǒng)的實(shí)際能

6、力。因此，本課題主要是基于軟件工程中案例教學(xué)平臺(tái)，研究其演示系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)工作。力爭(zhēng)提供一個(gè)友好、便捷的案例交互演示的方式。本課題主要采用面向?qū)ο箝_(kāi)發(fā)語(yǔ)言java開(kāi)發(fā)，結(jié)合現(xiàn)在流行的MVC框架struts2進(jìn)行頁(yè)面模型的封裝、動(dòng)作請(qǐng)求的處理和調(diào)用相關(guān)服務(wù)層接口；使用ORM框架hibernate對(duì)數(shù)據(jù)庫(kù)層進(jìn)行了封裝，提供大量公共接口方法，方便服務(wù)層調(diào)用，使得系統(tǒng)在數(shù)據(jù)庫(kù)訪問(wèn)方面更加便捷、高效；采用Spring框架的控制反轉(zhuǎn)特性將struts2和hibernate進(jìn)行統(tǒng)一管理，提高系統(tǒng)的性能。同時(shí)在事務(wù)管理方面，也使用spring的AOP在服務(wù)層織入統(tǒng)一的事務(wù)管理，降低了代碼的耦合性；頁(yè)面的各項(xiàng)

7、輸入驗(yàn)證采用流行的jQuery.validate.js框架，使的驗(yàn)證用戶更加方便靈活；頁(yè)面中的一些動(dòng)態(tài)顯示，則使用jquery.js框架.基于軟件教學(xué)平臺(tái)的需求，本系統(tǒng)設(shè)計(jì)實(shí)現(xiàn)了案例交互演示系統(tǒng)的相關(guān)功能。在用戶體驗(yàn)和交互演示方面，本系統(tǒng)分別從案例推薦、相關(guān)案例推薦、優(yōu)秀老師推薦、案例評(píng)論、案例下載、案例收藏和案例預(yù)覽等幾個(gè)方面來(lái)體現(xiàn)交互的特性。整個(gè)開(kāi)發(fā)過(guò)程始終堅(jiān)持以用戶為原則，提供豐富的用戶交互方式，盡最大限度的調(diào)動(dòng)用戶的交流。關(guān)鍵詞：jQuery；struts2；交互演示；案例教學(xué) IISoftware engineering case teaching platform based on

8、 WEB -Interactive presentation subsystem designAbstractWith the incessant development of Internet technology and the incessant popularization of network education platform,Education is gradually networked. The network education platform is a new realization of the education and teaching by the use o

9、f computer technology, network technology and multimedia technology in the Internet environment . with the way of students learn the on-Internet software engineering courseware through the computer,students can better understand the truth of software engineering curriculum and train the practical ab

10、ility of development computer application system. For these reasons,this project mainly study the design and implementation of the demonstration system on the foudation of the case of the education and teaching platform in the software engineering.We are Striving for provid a friendly, convenient an

11、d convenient demonstrated way on case interaction.with the primary object-oriented programming language Java and the now popular MVC framework Struts Two,this paper is deveiopde to package on webpage model,process to an action request and call related service layer interface; package the database by

12、 using ORM framework hibernate ,which provide a large number of public interface methods for the convenience of calling the service layer and makes more convenient and efficient in the system access to database; unified manage Struts Two and hibernate through the IOC characteristics of spring framew

13、ork,which improve the system performance; Also by using spring AOP in the service layer woven into the unified management to the affairs in the transaction management aspect,which reduce the coupling code;use popular jQuery.validate framework in the page-input validation,which enable the verificatio

14、n on user more convenient and flexible,and use the jQuery framework on some dynamic webpage display.For requirements of the software platform, the system design implement the relevant functions of the case interactive demonstration system. On the way of user experience and interactive demonstrations

15、, this system shows interaction characteristics in some ways that include the the case recommended, recommended related cases, the excellent teacher recommendation, case review, case download, case collection and case preview etc.The development process has always persevere in the principle of users

16、, provide rich user interactive ways and maximize the commmunication of the user.KeyWords: JQuery;struts2;interactive demonstration;case teaching目錄摘 要IAbstractII1.1背景介紹31.2系統(tǒng)設(shè)計(jì)的意義31.3國(guó)內(nèi)外相關(guān)研究情況31.4課題研究?jī)?nèi)容41.5論文結(jié)構(gòu)42 軟件開(kāi)發(fā)相關(guān)的技術(shù)62.1 JSP簡(jiǎn)介62.2 OGNL簡(jiǎn)介62.3 jQuery簡(jiǎn)介72.4 MySql 簡(jiǎn)介83 需求分析93.1 需求分析93.2 系統(tǒng)功能需求分析93

17、.3 系統(tǒng)非功能需求104 系統(tǒng)詳細(xì)設(shè)計(jì)114.1 系統(tǒng)結(jié)構(gòu)114.2 模塊介紹114.3 數(shù)據(jù)庫(kù)結(jié)構(gòu)設(shè)計(jì)124.3.1 數(shù)據(jù)表E-R圖134.3.2 數(shù)據(jù)表概要說(shuō)明134.3.3 物理結(jié)構(gòu)設(shè)計(jì)145 系統(tǒng)實(shí)現(xiàn)165.1 開(kāi)發(fā)環(huán)境及工具165.2 交互演示系統(tǒng)整體設(shè)計(jì)165.2.1 功能設(shè)計(jì)165.2.2 程序結(jié)構(gòu)設(shè)計(jì)175.2.3 程序流程185.3 重要模塊實(shí)現(xiàn)細(xì)節(jié)185.3.1 系統(tǒng)的首頁(yè)界面185.3.2 案例查看頁(yè)面195.3.3 案例收藏列表頁(yè)205.3.4 相關(guān)代碼如下206 測(cè)試256.1 軟件測(cè)試的目標(biāo)256.2 測(cè)試計(jì)劃256.3 測(cè)試結(jié)果256.4 測(cè)試評(píng)價(jià)277 結(jié)論2

18、9參考文獻(xiàn)30致 謝32畢業(yè)設(shè)計(jì)（論文）知識(shí)產(chǎn)權(quán)聲明33畢業(yè)設(shè)計(jì)（論文）獨(dú)創(chuàng)性聲明34附 錄11 緒論1 緒論1.1 背景介紹隨著網(wǎng)絡(luò)技術(shù)、通信技術(shù)和計(jì)算機(jī)技術(shù)的迅猛發(fā)展，教育正逐步走向了網(wǎng)絡(luò)化、信息化和現(xiàn)代化。網(wǎng)絡(luò)教學(xué)是利用計(jì)算機(jī)技術(shù)、網(wǎng)絡(luò)技術(shù)以及多媒體技術(shù)，在互聯(lián)網(wǎng)絡(luò)環(huán)境下實(shí)行教育教學(xué)的一種新途徑，作為一種重要的輔助手段，補(bǔ)充傳統(tǒng)的課堂教學(xué)。網(wǎng)絡(luò)教學(xué)可以充分依靠先進(jìn)的教學(xué)手段、教學(xué)技術(shù)、教學(xué)資源、教學(xué)思想，給廣大用戶提供了良好的自主學(xué)習(xí)環(huán)境，大幅度的促進(jìn)并提升了教學(xué)效率、教學(xué)效果和教學(xué)水平。 該系統(tǒng)能把不同形式的教學(xué)資源有機(jī)的結(jié)合起來(lái)，并提供一個(gè)層次化、科學(xué)化、便捷化的應(yīng)用平臺(tái)，使教學(xué)資源

19、的利用高效化，提高了教學(xué)的服務(wù)質(zhì)量?，F(xiàn)代教育教學(xué)系統(tǒng)是建立在高效的案例教學(xué)平臺(tái)的基礎(chǔ)上的，也是現(xiàn)代教育教學(xué)系統(tǒng)中必不可少的、重要的基礎(chǔ)系統(tǒng)。1.2 系統(tǒng)設(shè)計(jì)的意義案例教學(xué)是一種讓學(xué)生在學(xué)習(xí)的過(guò)程中結(jié)合實(shí)際情況教學(xué)方式，很早就在國(guó)外興起，并取得了不錯(cuò)的效果。軟件工程的學(xué)習(xí)本就是一種實(shí)踐性比較強(qiáng)的學(xué)科。讓學(xué)生結(jié)合案例學(xué)習(xí)，不僅可以促進(jìn)學(xué)生的動(dòng)手能力；同時(shí)，利用互聯(lián)網(wǎng)的信息快速傳播，使的大家能夠盡可能的享受優(yōu)秀的教育資源。以往的案例信息大部分是以文件的形式被上傳在網(wǎng)上，我們搜索之后只能看到他的標(biāo)題，可能會(huì)有一些簡(jiǎn)單的說(shuō)明。這樣就需要我們下載每個(gè)文件，逐一去辨別是不是我們想要的資源。通過(guò)本案例庫(kù)演示系

20、統(tǒng)，用戶可以采用多種方式來(lái)學(xué)習(xí)案例。如：查看案例簡(jiǎn)介、在線預(yù)覽案例、下載離線學(xué)習(xí)案例、參與評(píng)價(jià)討論等。不僅提高了用戶的交流能動(dòng)性，也豐富了現(xiàn)有教學(xué)方式?？梢院芎玫奶岣呓虒W(xué)效果，彌補(bǔ)傳統(tǒng)教學(xué)方式中的諸多不足。1.3 國(guó)內(nèi)外相關(guān)研究情況目前，國(guó)內(nèi)外最有名、使用范圍最廣的教學(xué)管理方法當(dāng)屬美國(guó)的“案例教學(xué)法”。 該方法于 19 世紀(jì)末在哈佛大學(xué)法學(xué)院推廣，由當(dāng)時(shí)的法學(xué)院院長(zhǎng)，著名的法理學(xué)家 Christopher Columbus Langdell 首創(chuàng)。案例教學(xué)法最大的特點(diǎn)就是將學(xué)生納入教學(xué)環(huán)節(jié)，參與到真實(shí)的案例分析中來(lái)，教師則在教學(xué)活動(dòng)中發(fā)揮引導(dǎo)、激勵(lì)的作用。由于此教學(xué)法改變了傳統(tǒng)教學(xué)中以教師為中

21、心的教學(xué)法，鼓勵(lì)學(xué)生積極參與，最大限度調(diào)度了學(xué)生的思考和動(dòng)手能力，同時(shí)也培養(yǎng)了學(xué)生之間的團(tuán)隊(duì)協(xié)作能力。因此，很快就受到了很多高校和老師的青睞，并積極效仿。我國(guó)的學(xué)者對(duì)案例教學(xué)也有研究，但是他們更加傾向于判定問(wèn)題的屬性，32西安工業(yè)大學(xué)畢業(yè)設(shè)計(jì)(論文)研究問(wèn)題的界定，比如華東師范大學(xué)教授董家輝，他在他的著作案例教學(xué)指南中明確指出了：“案例是對(duì)實(shí)際情境的描述”。西南師范大學(xué)李忠如認(rèn)為，案例是包含了多重以外因素的事件回顧，描述了教學(xué)環(huán)節(jié)“意料之外、情理之中”的故事”。華東師范大學(xué)教授，著名教育學(xué)專(zhuān)家顧泠沅在此基礎(chǔ)上從教學(xué)結(jié)果上加以補(bǔ)充，并認(rèn)為，案例教學(xué)“反映了典型的教學(xué)思考力水平及其保持、下降或達(dá)成

22、等現(xiàn)象?！憋@然，相較于國(guó)外專(zhuān)家對(duì)案例設(shè)計(jì)環(huán)節(jié)的關(guān)注，國(guó)內(nèi)學(xué)者們更專(zhuān)注于案例本身。國(guó)內(nèi)外專(zhuān)家們對(duì)概念的研究和關(guān)注也從不同側(cè)面展示了不同的價(jià)值取向與研究思路。我國(guó)的案例教學(xué)是在工商行政代表團(tuán)于 70 年代末訪問(wèn)美國(guó)后介紹到國(guó)內(nèi)的。在運(yùn)用過(guò)程中案例教學(xué)效果得到了突現(xiàn)，與此同時(shí)，案例教學(xué)法的課程也逐漸增多，現(xiàn)在幾乎涉及教育教學(xué)中的各個(gè)方面。由于起步較晚，并且受應(yīng)試教育和傳統(tǒng)教學(xué)模式的影響較深，我國(guó)的案例教學(xué)還存在諸多問(wèn)題，特別是教學(xué)案例的網(wǎng)絡(luò)化，真正意義上的案例教學(xué)網(wǎng)絡(luò)平臺(tái)更是寥寥無(wú)幾。因此，本課題希望能夠構(gòu)建一個(gè)方便快捷的案例交互演示系統(tǒng)，提供更多方便的案例學(xué)習(xí)方式，最大限度的調(diào)動(dòng)學(xué)生的能動(dòng)性，提高

23、教學(xué)效果。1.4 課題研究?jī)?nèi)容本課題需要研究實(shí)現(xiàn)的內(nèi)容是：針對(duì)案例教學(xué)平臺(tái)中案例的交互演示系統(tǒng)進(jìn)行研究。用戶進(jìn)行案例的檢索預(yù)覽。對(duì)于搜索到的案例可以查看案例的相關(guān)信息，同時(shí)還會(huì)展示本案例的相關(guān)推薦案例；用戶可在網(wǎng)絡(luò)情況下在線預(yù)覽文件和下載到本地進(jìn)行離線學(xué)習(xí)，也可對(duì)案例進(jìn)行提問(wèn)和對(duì)其他用戶提出的疑問(wèn)進(jìn)行回復(fù)評(píng)論。盡最大限度的調(diào)動(dòng)用戶參與進(jìn)來(lái)，互動(dòng)學(xué)習(xí)。實(shí)現(xiàn)交互的作用。對(duì)于演示功能，本系統(tǒng)暫時(shí)只支持pdf文件、txt文件、xml文件、office等系列文件，其中在預(yù)覽word文件時(shí)，會(huì)調(diào)用本地的office組件。1.5 論文結(jié)構(gòu)本論文的組織結(jié)構(gòu)如下：第一章：緒論。闡明了關(guān)于案例教學(xué)平臺(tái)中交互演示子

24、系統(tǒng)的開(kāi)發(fā)背景、研究意義以及課題研究的內(nèi)容。第二章：軟件開(kāi)發(fā)相關(guān)的技術(shù)介紹。分析了JSP作為動(dòng)態(tài)頁(yè)面的優(yōu)勢(shì)；jQuery作為前端驗(yàn)證框架的優(yōu)越性；OGNL作為頁(yè)面數(shù)據(jù)處理腳本的好處和MySql數(shù)據(jù)庫(kù)的相關(guān)簡(jiǎn)單特點(diǎn)。第三章：需求分析。介紹基于Web的軟件工程案例教學(xué)平臺(tái)-交互演示子系統(tǒng)的需求概述，系統(tǒng)功能需求等。第四章：詳細(xì)設(shè)計(jì)。介紹基于Web的軟件工程案例教學(xué)平臺(tái)-交互演示子系統(tǒng)的功能設(shè)計(jì)、界面設(shè)計(jì)、數(shù)據(jù)庫(kù)設(shè)計(jì)等。第五章：系統(tǒng)實(shí)現(xiàn)。系統(tǒng)中各個(gè)模塊的功能實(shí)現(xiàn)。第六章：介紹了軟件的測(cè)試過(guò)程。第七章：介紹了開(kāi)發(fā)者在完成本軟件后的心得體會(huì)。2 軟件開(kāi)發(fā)相關(guān)技術(shù)2 軟件開(kāi)發(fā)相關(guān)的技術(shù)2.1 JSP簡(jiǎn)介J

25、SP的全名叫Java Server Page，與HTML結(jié)構(gòu)類(lèi)似的一種動(dòng)態(tài)頁(yè)面腳本語(yǔ)言，支持所有HTML所支持的標(biāo)簽。他的中文名字也叫java服務(wù)器頁(yè)面，這主要是因?yàn)樗庋b了許多Servlet相關(guān)組件，能很好的支持大部分Servlet的功能。起初，JSP是由Sun Microsystems開(kāi)發(fā)的，后臺(tái)很多開(kāi)源組織也加入進(jìn)來(lái)，一起共同制定也一系列動(dòng)態(tài)網(wǎng)頁(yè)的技術(shù)標(biāo)準(zhǔn)。JSP技術(shù)和微軟的ASP有點(diǎn)相似，都是一種動(dòng)態(tài)頁(yè)面腳本語(yǔ)言，改變了傳統(tǒng)HTML語(yǔ)言中數(shù)據(jù)靜態(tài)的缺點(diǎn)，使的數(shù)據(jù)更加靈活，頁(yè)面顯示效果可以隨數(shù)據(jù)的更新動(dòng)態(tài)更新；同時(shí)，它又是一種服務(wù)器語(yǔ)言，主要在于頁(yè)面編譯過(guò)程中會(huì)將JSP頁(yè)面的所有內(nèi)容編譯

26、成servlet，運(yùn)行于Servlet容器之中，由java的輸入輸出流輸出到頁(yè)面，以此來(lái)體現(xiàn)它的動(dòng)態(tài)性。同時(shí)，采用java語(yǔ)言解析，也使JSP具有很好的跨平臺(tái)性、與java語(yǔ)言很好融合。JSP頁(yè)面的結(jié)構(gòu)同HTML頁(yè)面的結(jié)構(gòu)一樣，都是采用標(biāo)簽的形式包裹需要顯示的內(nèi)容。經(jīng)過(guò)發(fā)展，JSP也已經(jīng)支持了HTML的幾乎所有內(nèi)容顯示標(biāo)簽，在樣式顯示方面也做到了很好的兼容性?？傮w來(lái)說(shuō)，編寫(xiě)JSP頁(yè)面的時(shí)候就像編寫(xiě)HTML頁(yè)面一樣，不需要考慮JSP是否無(wú)法編譯。JSP中也可以很方便的編寫(xiě)Java代碼，但是需要使用“<% %>”標(biāo)簽進(jìn)行包裹,在該標(biāo)簽中編輯代碼就像其他java編輯器一樣簡(jiǎn)單方便，需要使

27、用到的類(lèi)庫(kù)則需要在JSP頁(yè)面的頭部標(biāo)簽中引入，引入方式方式如：“<% page language='java' import='java.util.* ' pageEncoding='utf-8'%>”。JSP技術(shù)對(duì)Servlet也有了很好的支持，JSP中有九大內(nèi)置對(duì)象，基本上可以滿足在JSP頁(yè)面中使用Servlet的所有相關(guān)組建，并且JSP對(duì)這些對(duì)象進(jìn)行了很好的封裝，在Servlet容器中有很好的交互效果。這也是其動(dòng)態(tài)性的一大體現(xiàn)，是其迅速流行起來(lái)的主要特點(diǎn)。JSP頁(yè)面還可以擴(kuò)展第三方標(biāo)簽語(yǔ)言，比如JSTL、OGNL等。可以很大的降

28、低頁(yè)面開(kāi)發(fā)的工作量，同時(shí)這些標(biāo)記語(yǔ)言替換了傳統(tǒng)的頁(yè)面中嵌套Java代碼，不僅增加了頁(yè)面的可讀性，也大大提高了頁(yè)面的執(zhí)行效率。直接使用第三方類(lèi)庫(kù)的標(biāo)記語(yǔ)言，提高了代碼的復(fù)用性。下邊就引入struts2 標(biāo)簽中的OGNL第三方標(biāo)簽庫(kù)舉例，如：“<% taglib uri='/struts-tags' prefix='s'%>”。2.2 OGNL簡(jiǎn)介OGNL是Object-Graph Navigation Language的縮寫(xiě)，它是一種功能強(qiáng)大的表達(dá)式語(yǔ)言，通過(guò)它簡(jiǎn)單一致的表達(dá)式語(yǔ)法，可以存取對(duì)象的任意屬性，調(diào)用西安工業(yè)大學(xué)畢業(yè)設(shè)計(jì)(論文)對(duì)象的方法，遍

29、歷整個(gè)對(duì)象的結(jié)構(gòu)圖，實(shí)現(xiàn)字段類(lèi)型轉(zhuǎn)化等功能。它使用相同的表達(dá)式去存取對(duì)象的屬性。這樣可以更好的取得數(shù)據(jù)。OGNL可以讓我們用非常簡(jiǎn)單的表達(dá)式訪問(wèn)對(duì)象層。例如，當(dāng)前環(huán)境的根對(duì)象為user1，則表達(dá)式vince可以訪問(wèn)到user1的person屬性的第一個(gè)address的province屬性。這種功能是模板語(yǔ)言的一個(gè)重要補(bǔ)充，象jsp2.0,velocity,jelly等等，都有類(lèi)似的功能，但是OGNL比它們完善得多，而且以一個(gè)獨(dú)立的lib出現(xiàn)，方便我們構(gòu)建自己的框架。webwork和現(xiàn)在的Struts2.x中使用OGNL取代原來(lái)的EL來(lái)做界面數(shù)據(jù)綁定，所謂界

30、面數(shù)據(jù)綁定，也就是把界面元素（例如一個(gè)textfield,hidden)和對(duì)象層某個(gè)類(lèi)的某個(gè)屬性綁定在一起，修改和顯示自動(dòng)同步。和struts1.x的formbean相比，這樣做的好處非常明顯：在webwork中不需要為每個(gè)頁(yè)面專(zhuān)門(mén)寫(xiě)formbean，可以直接利用對(duì)象層的對(duì)象。例如在對(duì)象設(shè)計(jì)中，我們的User和Person是分開(kāi)的，而一個(gè)注冊(cè)用戶界面需要填寫(xiě)兩者的內(nèi)容，在webwork中，就可以保持后臺(tái)的對(duì)象結(jié)構(gòu)，把屬于用戶屬性的界面元素用user.person.xxx綁定，把屬于賬號(hào)屬性的界面元素用user.xxx綁定。2.3 jQuery簡(jiǎn)介JQuery是繼prototype之后的又一個(gè)優(yōu)

31、秀的JavaScript庫(kù)，它是輕量級(jí)的js庫(kù)，它兼容css3，還兼容各種瀏覽器（IE6.0+，F(xiàn)F1.5+，Safari2.0+,Opera 9.0+）,jQuery2.0及后續(xù)版本將不再支持IE6/7/8瀏覽器。jQuery使用戶能更方便地處理HTML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用）、events、實(shí)現(xiàn)動(dòng)畫(huà)效果，并且方便地為網(wǎng)站提供AJAX交互。jQuery還有一個(gè)比較大的優(yōu)勢(shì)是，它的文檔說(shuō)明很全，而且各種應(yīng)用也說(shuō)得很詳細(xì)，同時(shí)還有許多成熟的插件可供選擇。jQuery能夠使用戶的HTML頁(yè)面保持代碼和HTML內(nèi)容分離，也就是說(shuō)，不用再在HTML里面插入一堆js來(lái)調(diào)用命令了，只需要定義id即

32、可。jQuery是一個(gè)兼容多瀏覽器的javascript庫(kù)，核心理念是write less,do more(寫(xiě)得更少,做得更多)。jQuery在2006年1月由美國(guó)人John Resig在紐約的barcamp發(fā)布，吸引了來(lái)自世界各地的眾多JavaScript高手加入，由Dave Methvin率領(lǐng)團(tuán)隊(duì)進(jìn)行開(kāi)發(fā)。如今，jQuery已經(jīng)成為最流行的javascript庫(kù)，在世界前10000個(gè)訪問(wèn)最多的網(wǎng)站中，有超過(guò)55%在使用jQuery。jQuery是免費(fèi)、開(kāi)源的。jQuery的語(yǔ)法設(shè)計(jì)可以使開(kāi)發(fā)更加便捷，例如操作文檔對(duì)象、選擇DOM元素、制作動(dòng)畫(huà)效果、事件處理、使用AJAX以及其他功能。除此以

33、外，jQuery提供API讓開(kāi)發(fā)者編寫(xiě)插件。其模塊化的使用方式使開(kāi)發(fā)者可以很輕松的開(kāi)發(fā)出功能強(qiáng)大的靜態(tài)或動(dòng)態(tài)網(wǎng)頁(yè)。jQuery，顧名思義，也就是JavaScript和查詢（Query），即是輔助JavaScript開(kāi)發(fā)的庫(kù)。jQuery的官方插件是jQuery UI。開(kāi)發(fā)者可以任意擴(kuò)展jQuery的函數(shù)庫(kù)或者按照自己的需求開(kāi)發(fā)UI組件。網(wǎng)上已經(jīng)有數(shù)以萬(wàn)計(jì)的jQuery插件，覆蓋各種各樣的需求。例如AJAX輔助、數(shù)據(jù)表格、動(dòng)態(tài)列表、XML工具、拖曳、cookie處理、彈出層等等。jQuery 的文檔說(shuō)明很全，而且各種應(yīng)用也說(shuō)得很詳細(xì)，同時(shí)還有許多成熟的插件可供選擇。隨著jQuery插件在網(wǎng)站建設(shè)

34、過(guò)程中的使用率不斷的增加，所以有必要跟進(jìn)時(shí)代步伐開(kāi)發(fā)出一些新的插件、代碼片段，以此來(lái)鞏固并提高前端用戶體驗(yàn)，將用戶體驗(yàn)提升到一個(gè)新的高度。其中包括Flat jQuery Price Slider、Gmaps jQuery Map Plugin 、FormChimpMailChimp AJAX plugin for jQuery 等。2.4 MySql 簡(jiǎn)介MySQL是一個(gè)關(guān)系型數(shù)據(jù)庫(kù)管理系統(tǒng)，由瑞典MySQL AB 公司開(kāi)發(fā)，目前屬于Oracle旗下公司。MySQL 最流行的關(guān)系型數(shù)據(jù)庫(kù)管理系統(tǒng)，在 WEB 應(yīng)用方面MySQL是最好的 RDBMS (Relational Database Ma

35、nagement System，關(guān)系數(shù)據(jù)庫(kù)管理系統(tǒng)) 應(yīng)用軟件之一。MySQL是一種關(guān)聯(lián)數(shù)據(jù)庫(kù)管理系統(tǒng)，關(guān)聯(lián)數(shù)據(jù)庫(kù)將數(shù)據(jù)保存在不同的表中，而不是將所有數(shù)據(jù)放在一個(gè)大倉(cāng)庫(kù)內(nèi)，這樣就增加了速度并提高了靈活性。MySQL所使用的 SQL 語(yǔ)言是用于訪問(wèn)數(shù)據(jù)庫(kù)的最常用標(biāo)準(zhǔn)化語(yǔ)言。MySQL 軟件采用了雙授權(quán)政策，它分為社區(qū)版和商業(yè)版，由于其體積小、速度快、總體擁有成本低，尤其是開(kāi)放源碼這一特點(diǎn)，一般中小型網(wǎng)站的開(kāi)發(fā)都選擇 MySQL 作為網(wǎng)站數(shù)據(jù)庫(kù)。由于其社區(qū)版的性能卓越，搭配PHP和Apache可組成良好的開(kāi)發(fā)環(huán)境。與其他的大型數(shù)據(jù)庫(kù)例如Oracle、DB2、SQL Server等相比，MySQL

36、自有它的不足之處，但是這絲毫也沒(méi)有減少它受歡迎的程度。對(duì)于一般的個(gè)人使用者和中小型企業(yè)來(lái)說(shuō)，MySQL提供的功能已經(jīng)綽綽有余，而且由于 MySQL是開(kāi)放源碼軟件，因此可以大大降低總體擁有成本。Linux作為操作系統(tǒng)，Apache和Nginx作為Web服務(wù)器，MySQL 作為數(shù)據(jù)庫(kù)，PHP、Perl、Python作為服務(wù)器端腳本解釋器。由于這四個(gè)軟件都是免費(fèi)或開(kāi)放源碼軟件（FLOSS)，因此使用這種方式不用花一分錢(qián)（除開(kāi)人工成本）就可以建立起一個(gè)穩(wěn)定、免費(fèi)的網(wǎng)站系統(tǒng)，被業(yè)界稱(chēng)為“LAMP”或“LNMP”組合。西安工業(yè)大學(xué)畢業(yè)設(shè)計(jì)(論文)3 需求分析3 需求分析3.1 需求分析依據(jù)軟件工程的原理和

37、方法，以及對(duì)系統(tǒng)的前期分析，初步規(guī)劃系統(tǒng)所要實(shí)現(xiàn)的功能模塊，滿足前期的報(bào)告中提出對(duì)系統(tǒng)的功能要求；可行性分析也稱(chēng)為可行性研究，即是在系統(tǒng)調(diào)查的基礎(chǔ)上，針對(duì)新系統(tǒng)的開(kāi)發(fā)是否具備必要性和可能性，對(duì)新系統(tǒng)的開(kāi)發(fā)從技術(shù)、經(jīng)濟(jì)、管理的方面進(jìn)行分析和研究，以避免投資失誤，保證新系統(tǒng)的開(kāi)發(fā)成功?？尚行匝芯康哪康木褪怯米钚〉拇鷥r(jià)在盡可能短的時(shí)間內(nèi)確定問(wèn)題是否能夠解決。該系統(tǒng)的可行性分析包括以下幾個(gè)方面的內(nèi)容。（1）經(jīng)濟(jì)可行性主要是對(duì)項(xiàng)目的經(jīng)濟(jì)效益進(jìn)行評(píng)價(jià)，軟件開(kāi)發(fā)周期一般為23個(gè)月，開(kāi)發(fā)所需硬件軟件很普遍，該軟件系統(tǒng)的安裝、部署、運(yùn)行和維護(hù)，開(kāi)發(fā)費(fèi)用不高。所以該系統(tǒng)在經(jīng)濟(jì)上是可行的。（2）技術(shù)可行性技術(shù)上的可

38、行性分析主要分析技術(shù)條件是否能順利完成開(kāi)發(fā)工作，硬、軟件能否滿足開(kāi)發(fā)者的需要。本系統(tǒng)采用Java語(yǔ)言編寫(xiě)程序，基于web瀏覽器上使用了MyEclipse集成開(kāi)發(fā)平臺(tái)，運(yùn)用了MySql數(shù)據(jù)庫(kù)和Hibernate數(shù)據(jù)層框架技術(shù), 能夠處理大量數(shù)據(jù)，同時(shí)保持?jǐn)?shù)據(jù)的完整性并提供許多高級(jí)管理功能。硬件方面，可靠性越來(lái)越強(qiáng)，足夠滿足系統(tǒng)的開(kāi)發(fā)。（3）操作可行性現(xiàn)在所有計(jì)算機(jī)都可以運(yùn)行本系統(tǒng)，并且用戶很容易的就可以操作本系統(tǒng)。因此從操作可行性的角度來(lái)衡量，本系統(tǒng)的開(kāi)發(fā)方案也是可行的。綜合三方面的因素，開(kāi)發(fā)基于Web的軟件工程案例教學(xué)平臺(tái)交互演示子系統(tǒng)程序是可行的。3.2 系統(tǒng)功能需求分析根據(jù)需求分析中的模塊

39、劃分，進(jìn)行系統(tǒng)架構(gòu)和網(wǎng)頁(yè)結(jié)構(gòu)設(shè)計(jì)，對(duì)模塊的功能有一個(gè)初步的設(shè)計(jì)，并且將系統(tǒng)模塊的功能流程有初步的分析，實(shí)現(xiàn)了部分模塊的功能。系統(tǒng)主要是針對(duì)不同用戶演示案例是的差別，功能模塊如下圖所示：管理員用戶功能如圖3.1所示：圖3.1 管理員功能用例圖普通用戶功能用例圖如圖3.2所示：圖3.2 普通用戶功能用例圖3.3 系統(tǒng)非功能需求分析（1）可用性：基于Web的軟件工程案例教學(xué)平臺(tái)交互演示子系統(tǒng)保證功能正常使用，界面操作簡(jiǎn)單，頁(yè)面邏輯合理，交互形式多樣，頁(yè)面響應(yīng)時(shí)間不超過(guò)10秒。（2）性能：基于Web的軟件工程案例教學(xué)平臺(tái)交互演示子系統(tǒng)啟動(dòng)時(shí)間不超過(guò)10秒，可支持文件的在線預(yù)覽。（3）可維護(hù)性：基于We

40、b的軟件工程案例教學(xué)平臺(tái)交互演示子系統(tǒng)任務(wù)書(shū)、設(shè)計(jì)文檔和實(shí)現(xiàn)代碼都有完整的備份。4 系統(tǒng)詳細(xì)設(shè)計(jì)4 系統(tǒng)詳細(xì)設(shè)計(jì)4.1 系統(tǒng)結(jié)構(gòu)本課題主要研究基于WEB的軟件工程案例教學(xué)平臺(tái)中的交互演示子系統(tǒng)的設(shè)計(jì)，所謂軟件工程案例教學(xué)平臺(tái)中主要與用戶交互的系統(tǒng)之一，用戶體驗(yàn)和交互特性很重要。本課題在設(shè)計(jì)研究中綜合考慮，最終從查詢案例、案例預(yù)覽、案例下載、案例在線預(yù)覽、案例評(píng)論回復(fù)、案例收藏、相關(guān)案例推薦等幾個(gè)方面來(lái)體現(xiàn)交互性。主要是在系統(tǒng)使用過(guò)程中來(lái)最大限度地調(diào)動(dòng)用戶的能動(dòng)性，讓用戶積極參與到其中來(lái)。以此來(lái)滿足交互演示的特性，彌補(bǔ)當(dāng)前教育教學(xué)中存在的不足。交互演示系統(tǒng)作為案例教學(xué)平臺(tái)的主要前臺(tái)交互方式，是整

41、個(gè)系統(tǒng)的重點(diǎn)。因此，設(shè)計(jì)一個(gè)方便、高效、功能豐富的演示系統(tǒng)是很有必要。經(jīng)過(guò)前期設(shè)計(jì)分析，演示系統(tǒng)整體功能設(shè)計(jì)圖如圖4.1所示：圖4.1交互演示系統(tǒng)整體功能結(jié)構(gòu)圖4.2 模塊介紹系統(tǒng)總共分為以下六個(gè)模塊：西安工業(yè)大學(xué)畢業(yè)設(shè)計(jì)(論文)（1）用戶登陸模塊：用于用戶登錄后查看自己的信息、修改信息和查看收藏的案例信息。（2）案例預(yù)覽模塊：案例預(yù)覽模塊主要包含查看案例簡(jiǎn)介信息、案例在線預(yù)覽、案例下載等功能。（3）案例評(píng)論模塊：案例評(píng)論模塊主要包含用戶對(duì)感興趣或者認(rèn)為經(jīng)典的案例進(jìn)行評(píng)論、對(duì)別人的評(píng)論進(jìn)行回復(fù)，同時(shí)用戶也可以刪除自己評(píng)論的內(nèi)容。（4）案例收藏模塊：案例收藏模塊主要是用戶對(duì)喜歡的案例進(jìn)行收藏，方

42、便后續(xù)瀏覽，同時(shí)也可將收藏的案例移除，移除之后將不再在收藏列表中顯示。（5）案例下載模塊：案例下載模塊主要是用戶對(duì)喜歡的案例進(jìn)行下載，在無(wú)網(wǎng)絡(luò)的情況下可以繼續(xù)進(jìn)行相關(guān)案例內(nèi)容的學(xué)習(xí)。（6）老師推薦模塊：老師推薦模塊主要是系統(tǒng)每次隨機(jī)推薦一些老師在首頁(yè)進(jìn)行展示，用戶可以進(jìn)入查看相關(guān)老師的案例信息。在用戶不知道搜索什么案例的時(shí)候給用戶一些建議。4.3 數(shù)據(jù)庫(kù)結(jié)構(gòu)設(shè)計(jì)經(jīng)過(guò)前階段的分析，本課題主要相關(guān)的用戶模型有案例模型、評(píng)論模型、用戶模型。由于本系統(tǒng)是案例教學(xué)平臺(tái)的一個(gè)子系統(tǒng)，將來(lái)會(huì)與另一課題-案例庫(kù)及檢索子系統(tǒng)進(jìn)行整合。所以在數(shù)據(jù)庫(kù)詳細(xì)設(shè)計(jì)階段，與另一課題相關(guān)的模型進(jìn)行了整合，其中包括案例文件模型

43、、導(dǎo)航模型等。相關(guān)實(shí)體模型如下：（1）用戶模型：主要包含管理員、學(xué)生、老師等一些基本信息。（2）案例模型：主要包含案例的相關(guān)信息。（3）案例文件模型：在設(shè)計(jì)過(guò)程中為了實(shí)現(xiàn)一個(gè)案例多文件管理的需求，在此作者抽象出一個(gè)實(shí)體主要存放文件。（4）導(dǎo)航模型：在設(shè)計(jì)的時(shí)候需要對(duì)案例進(jìn)行分類(lèi)，同時(shí)為了滿足首頁(yè)導(dǎo)航信息也可以動(dòng)態(tài)展示，在這里作者抽象出一個(gè)導(dǎo)航模型。用來(lái)管理案例的分類(lèi)和導(dǎo)航欄目的顯示。（5）評(píng)論模型：因?yàn)楸菊n題是案例教學(xué)平臺(tái)的一個(gè)子系統(tǒng)，為了與演示子系統(tǒng)相結(jié)合，這里也使用了另一課題的一個(gè)數(shù)據(jù)模型，即評(píng)論模型。這里主要包含用戶對(duì)相關(guān)案例的評(píng)論信息，同時(shí)也包含不同用戶對(duì)相關(guān)評(píng)論的回復(fù)信息。4.3.1

44、 數(shù)據(jù)表E-R圖數(shù)據(jù)表E-R圖如圖4.2 所示：圖4.2數(shù)據(jù)庫(kù)E-R圖。4.3.2 數(shù)據(jù)表概要說(shuō)明從各實(shí)體的E-R圖到在MySql中為整個(gè)系統(tǒng)建立了一個(gè)數(shù)據(jù)庫(kù)，儲(chǔ)存各類(lèi)數(shù)據(jù)和控制信息。包含以下幾層：（1）表示層：展現(xiàn)給用戶的界面，主要是顯示數(shù)據(jù)和接收用戶輸入數(shù)據(jù)。（2）服務(wù)層：針對(duì)系統(tǒng)整個(gè)業(yè)務(wù)邏輯的處理。（3）數(shù)據(jù)訪問(wèn)層：主要包含數(shù)據(jù)庫(kù)的相關(guān)操作，提供數(shù)據(jù)庫(kù)訪問(wèn)的相關(guān)接口。（4）Model層：定義數(shù)據(jù)庫(kù)字段。其中 Model層中定義的表如表4.1所示：表4.1 Model層包含的實(shí)體模型表表名稱(chēng)說(shuō)明User所有用戶表Work所有案例信息表WorkFile案例相關(guān)文件表，存放案例相關(guān)文件Navi

45、gate系統(tǒng)首頁(yè)導(dǎo)航信息表Comment案例相關(guān)評(píng)論、回復(fù)表4.3.3 物理結(jié)構(gòu)設(shè)計(jì)（1）名稱(chēng)：用戶表（user），如表 4.2所示，包括 userId，userName，userAccount，userPassword，userGender，userEmail，userSchool，userBirthday，userEducation，userPhotos，userCollege，userMajor，userClass，userType等字段，與評(píng)論表、案例表相關(guān)聯(lián)。表4.2：用戶表 （user）字段名類(lèi)型是否主/外鍵是否可為空說(shuō)明userIdBigint(10)主鍵否自增userNamev

46、archar(50)否否真實(shí)姓名userAccountvarchar(50)否否登錄名userPasswordvarchar(50)否否默認(rèn)：123456userGendervarchar(10)否否默認(rèn)：0 男userEmailvarchar(50)否是郵箱userSchoolvarchar(50)否是學(xué)校userBirthdaydate否否生日userEducationvarchar(50)否是學(xué)歷userPhotosvarchar(50)否是照片userCollegevarchar(50)否是學(xué)院userMajorvarchar(50)否是專(zhuān)業(yè)userClassvarchar(50)否是

47、班級(jí)userTypevarchar(10)否否用戶類(lèi)型（2）名稱(chēng)：案例表（work），如表 4.3所示，包括 workId，workName，workKeyWords，navigateId，workDestribute，workTechnology，workUploadDate，workClickNum，userId等字段，與導(dǎo)航表、用戶表，案例文件表相關(guān)聯(lián)。表4.3：案例表 （work）字段名類(lèi)型是否主/外鍵是否可為空說(shuō)明workIdbigint(20)主鍵否自增workNamevarchar(50)否否案例名稱(chēng)workKeyWordsvarchar(255)否是關(guān)鍵字navigateIdb

48、igint(20)外鍵是分類(lèi)名稱(chēng)workDestributevarchar(255)否是簡(jiǎn)介workTechnologyvarchar(255)否是相關(guān)技術(shù)workUploadDatedatetime否都更新時(shí)間workClickNumInt(11)否否初始值0，userIdbigint(20)外鍵否用戶ID（3）名稱(chēng)：案例文件表（workFile），如表 4.4所示，包括 fileId，fileName，filePath，workId等字段，與案例表相關(guān)聯(lián)。表4.4：案例文件表 （workFile）字段名類(lèi)型是否主/外鍵是否可為空說(shuō)明fileIdbigint(20)主鍵否自增filename

49、varchar(50)否是文件名稱(chēng)filePathvarchar(250)否是文件路徑workIdbigint(20)外鍵否外鍵，workId（4）名稱(chēng)：用戶案例表（user_work），如表 4.5所示，包括user_id，work_id等字段，此表為中間表，鏈接用戶表和案例表。表4.5：用戶案例表（user_work）字段名稱(chēng)類(lèi)型是否主/外鍵是否可為空說(shuō)明user_idbigint(20)主鍵否userId聯(lián)合主鍵work_idbigint(20)主鍵否workId聯(lián)合主鍵（5）名稱(chēng)：評(píng)論表（comment），如表 4.6所示，包括 commentId，commentMessage，com

50、mentDate，toUserId，formUserId，parentId等字段，與用戶表、案例表相關(guān)聯(lián)。表4.6：評(píng)論表（comment）字段名稱(chēng)類(lèi)型是否主/外鍵是否可為空說(shuō)明commentIdbigint(20)主鍵否自增commentMessagelongtext否是文本commentDatedatetime否是日期toUserIdbigint(20)外鍵否userIdfromUserIdbigint(20)外鍵否userIdparentIdbigint(20)外鍵否commentId（6）名稱(chēng)：導(dǎo)航表（navigate），如表 4.7所示，包括 navigateId，navigateN

51、ame，parent等字段，與次表相關(guān)聯(lián)，形成上下級(jí)映射。表4.7：導(dǎo)航表（navigate）字段名類(lèi)型是否主/外鍵是否可為空說(shuō)明navigateIdbigint(20)主鍵否自增navigateNamevarchar(20)否否導(dǎo)航名parentbigint(20)外鍵否父導(dǎo)航名5 系統(tǒng)實(shí)現(xiàn)5 系統(tǒng)實(shí)現(xiàn)5.1 開(kāi)發(fā)環(huán)境及工具此系統(tǒng)的開(kāi)發(fā)平臺(tái)是：Windows 7系統(tǒng)運(yùn)行環(huán)境是：Windows 7系統(tǒng)，Tomcat 7.0 作為服務(wù)器開(kāi)發(fā)工具：MyEclipse 10 ；MySql 開(kāi)發(fā)語(yǔ)言：Jsp、JavaScript、Java5.2 交互演示系統(tǒng)整體設(shè)計(jì)5.2.1 功能設(shè)計(jì)本系統(tǒng)主要包含案

52、例學(xué)習(xí)、評(píng)論回復(fù)、案例收藏、老師相關(guān)案例推薦等模塊。其中案例學(xué)習(xí)中又包含案例信息簡(jiǎn)介、案例在線預(yù)覽、案例下載等幾個(gè)小的功能模塊。系統(tǒng)功能結(jié)構(gòu)圖如5.1所示：圖5.1 交互演示系統(tǒng)詳細(xì)功能設(shè)計(jì)圖功能邏輯圖說(shuō)明：（1）進(jìn)入案例教學(xué)平臺(tái)，用戶可以有多種方式來(lái)獲得案例列表。如通過(guò)導(dǎo)航分類(lèi)、標(biāo)題檢索、詳細(xì)檢索、優(yōu)秀老師推薦案例等。（2）通過(guò)上述任意一種方式的到案例列表，用戶可隨意選擇查看某一案例。（3）進(jìn)入某一案例之后可以看到本條案例的相關(guān)簡(jiǎn)介和跟本案例相近的案例推薦信息。（4）進(jìn)入案例詳細(xì)頁(yè)面，用戶可以選擇對(duì)案例進(jìn)行評(píng)論、在線預(yù)覽、下載學(xué)習(xí)和收藏等功能。西安工業(yè)大學(xué)畢業(yè)設(shè)計(jì)(論文)5.2.2 程序結(jié)構(gòu)

53、設(shè)計(jì)（1）guodan目錄：guodan為項(xiàng)目的名稱(chēng)，也是項(xiàng)目的根目錄。該目錄下主要包含Src源碼目錄、項(xiàng)目所需的配置文件config目錄、相關(guān)測(cè)試用例源碼目錄test文件、WebRoot等。（2）WebRoot目錄：WebRoot為 Web 目錄，包括程序初始化載入頁(yè)面main.jsp、案例上傳目錄uploadFile、用戶頭像上傳目錄uploadPhoto、圖片目錄 images、 樣式文件css、相關(guān)js驗(yàn)證文、WEB-INF 文件夾目錄。其中css文件夾中包含styles.css樣式文件； js文件包含jquery.validate.js、jquery1.42.min.js、myjs.

54、js等js文件； WEB-INF中包含存放項(xiàng)目必須的jar文件的lib文件夾、存放jsp文件的jsp文件夾和web.xml文件等。（3）Src目錄：Src 源碼目錄包含如下幾個(gè)部分：1）com.guodan.bs.domain：項(xiàng)目中所用到的實(shí)體類(lèi)和hibernate操作相關(guān)的實(shí)體配置文件*.hbm.xml等文件。主要有Comment.java、Comment.hbm.xml、Navigate.java、Navigate.hbm.xml、User.java、User.hbm.xml、Work.java、Work.hbm.xml、WorkFile.java、WorkFile.hbm.xml。2）com.guodan.bs.base：包含項(xiàng)目所需要的公共Action操作類(lèi)BaseAction.java、公共Dao操作