基于ASP.NET的在線學(xué)習(xí)系統(tǒng)

基于ASP.NET的在線學(xué)習(xí)系統(tǒng)基于ASP.NET的在線學(xué)習(xí)系統(tǒng)題目名稱：

基于ASP.NET的在線學(xué)習(xí)系統(tǒng)摘要：本課題研究的在線學(xué)習(xí)系統(tǒng)，是一個(gè)基于網(wǎng)絡(luò)和互聯(lián)網(wǎng)的在線學(xué)習(xí)網(wǎng)站，讓學(xué)生能夠在網(wǎng)絡(luò)上就能夠查看和學(xué)習(xí)到自己想學(xué)習(xí)的知識(shí)。通過(guò)本系統(tǒng)，大大方便了人們對(duì)于求知的獲取，也能夠增加人們的學(xué)習(xí)知識(shí)的動(dòng)力和相應(yīng)的學(xué)習(xí)能力，提高人們對(duì)于網(wǎng)絡(luò)學(xué)習(xí)的認(rèn)知。本課題主要從可行性分析、需求分析、總體設(shè)計(jì)、詳細(xì)設(shè)計(jì)、編碼實(shí)現(xiàn)以及運(yùn)行與維護(hù)方面進(jìn)行了探討。本課題使用ASP.NET開(kāi)發(fā)技術(shù)，運(yùn)用HTML、C#語(yǔ)言進(jìn)行開(kāi)發(fā)，以VisualStudio2010，SQLServer2008作為開(kāi)發(fā)工具進(jìn)行的設(shè)計(jì)與實(shí)現(xiàn)。本網(wǎng)站實(shí)現(xiàn)了學(xué)生注冊(cè)，會(huì)員登陸，查看、修改個(gè)人信息，在線觀看網(wǎng)課，下載資料，上傳資料，管理員后臺(tái)管理會(huì)員、網(wǎng)頁(yè)信息等功能。本課題的完成實(shí)現(xiàn)了用戶在線觀看網(wǎng)課的功能，通過(guò)科學(xué)、便利、時(shí)效的方法來(lái)為線下的學(xué)習(xí)進(jìn)行節(jié)約成本提高工作效率，更重要的是能夠?yàn)閷W(xué)習(xí)的人員提供全方位的學(xué)習(xí)資源。關(guān)鍵詞：在線學(xué)習(xí)；視頻教學(xué)；ASP.NET；SQLServer數(shù)據(jù)庫(kù)

ASP.NETonlinelearningsystemAbstract:Theonlinelearningsystemstudiedinthistopicisanonlinelearningwebsitebasedonnetworkandinternet.Allowstudentstoviewandlearnwhattheywanttolearnontheweb.Throughthissystem,people'saccesstoknowledgeisgreatlyfacilitated,andpeople'smotivationtolearnknowledgeandcorrespondinglearningabilitycanbeincreased,andpeople'sawarenessofonlinelearningcanbeimproved.Thistopicmainlydiscussesfeasibilityanalysis,requirementsanalysis,overalldesign,detaileddesign,codingimplementation,andoperationandmaintenance.ThistopicusesASP.NETdevelopmenttechnology,usingHTML,C#languagefordevelopment,VisualStudio2010,SQLServer2008asadevelopmenttoolfordesignandimplementation.Thiswebsiteimplementsstudentregistration,memberlogin,viewingandmodifyingpersonalinformation,onlineviewingofonlinelessons,downloadingofmaterials,uploadingofmaterials,administratorsmanagingmembersandwebpageinformationinthebackground.Thecompletionofthisprojectrealizesthefunctionofuserstowatchonlinecoursesonline,andsavescostandimprovesworkefficiencyforofflinelearningthroughscientific,convenientandtime-sensitivemethods.Moreimportantly,itcanprovidecomprehensivelearningresourcesforlearners.Keywords:onlinelearning;videoteaching;ASP.NET;SQLServer目錄TOC\o"1-3"\f\u1HYPERLINK前言 11.1HYPERLINK系統(tǒng)研發(fā)的背景及意義 11.2HYPERLINK選題研究?jī)?nèi)容及主要目標(biāo) 11.2.1HYPERLINK選題研究目標(biāo) 11.2.2HYPERLINK選題研究?jī)?nèi)容 12HYPERLINK可行性分析 22.1HYPERLINK技術(shù)可行性 22.1.1C#HYPERLINK語(yǔ)言簡(jiǎn)介 2HYPERLINK2.1.2基于B/S結(jié)構(gòu)開(kāi)發(fā) 32.1.3SQLHYPERLINKServer數(shù)據(jù)庫(kù) 32.1.4HYPERLINKHtml5HYPERLINK新增功能 32.2HYPERLINK需求分析 43.1HYPERLINK系統(tǒng)功能需求分析 43.2HYPERLINK數(shù)據(jù)字典 44HYPERLINK總體設(shè)計(jì) 54.1HYPERLINK功能模塊圖 54.2HYPERLINK系統(tǒng)數(shù)據(jù)庫(kù)設(shè)計(jì) 64.2.1HYPERLINK邏輯設(shè)計(jì) 64.2.2HYPERLINK物理設(shè)計(jì) 85HYPERLINK詳細(xì)設(shè)計(jì)與實(shí)現(xiàn) 125.1HYPERLINK前臺(tái)界面 125.1.1HYPERLINK系統(tǒng)主界面 125.1.2HYPERLINK用戶注冊(cè)界面 145.1.3HYPERLINK用戶登錄界面 175.1.4HYPERLINK視頻課程界面 185.2HYPERLINK后臺(tái)界面 205.2.1HYPERLINK后臺(tái)登錄界面 205.2.2HYPERLINK教師信息添加界面 235.2.3HYPERLINK管理員修改密碼界面 256HYPERLINK系統(tǒng)測(cè)試 266.1HYPERLINK系統(tǒng)測(cè)試的意義 266.2HYPERLINK本系統(tǒng)測(cè)試 266.2.1HYPERLINK測(cè)試結(jié)果 26HYPERLINK6.2.2具體圖示 27HYPERLINK7運(yùn)行和維護(hù) 28HYPERLINK8總結(jié) 28參考文獻(xiàn) 30致謝 31吉林工商學(xué)院本科畢業(yè)論文PAGEPAGE311前言經(jīng)濟(jì)體系的快速發(fā)展也加快改變了人們的生活方式，人們的生活不再僅僅局限于普通的生活環(huán)境，也開(kāi)始在業(yè)余的生活中尋求一些提高自己的工作能力和知識(shí)儲(chǔ)備的一些相關(guān)的學(xué)習(xí)能力。在業(yè)余的生活中，我們通過(guò)在線可以進(jìn)行學(xué)習(xí)，進(jìn)行相關(guān)的知識(shí)的提高和對(duì)于知識(shí)的追求，所以我們能夠在線進(jìn)行學(xué)習(xí)，也能夠在線進(jìn)行相關(guān)的網(wǎng)站的查看等。1.1系統(tǒng)研發(fā)的背景及意義人們的生活質(zhì)量的不斷提高，所以已經(jīng)離不開(kāi)知識(shí)的不斷的擴(kuò)充，所以通過(guò)在線進(jìn)行學(xué)習(xí)和知識(shí)能力的提高已經(jīng)成為了人們對(duì)于普通生活和生產(chǎn)中的一項(xiàng)重要的學(xué)習(xí)任務(wù)?；谶@種需求，我們開(kāi)發(fā)了一款關(guān)于在線學(xué)習(xí)的系統(tǒng)，通過(guò)在線的學(xué)習(xí)，能夠進(jìn)一步讓用戶能夠在網(wǎng)上就能夠?qū)W習(xí)到相關(guān)的知識(shí)，也能夠提高個(gè)人的學(xué)習(xí)能力，通過(guò)網(wǎng)絡(luò)的設(shè)計(jì)，最終可以實(shí)現(xiàn)人們?cè)谏詈蜕a(chǎn)中對(duì)于學(xué)習(xí)和求知的獲取。通過(guò)在線學(xué)習(xí)系統(tǒng)的研發(fā)，能夠讓用戶在網(wǎng)上就可以進(jìn)行學(xué)習(xí)，也能夠?qū)W(xué)習(xí)的視頻進(jìn)行查看和觀看，大大方便了用戶之間對(duì)于學(xué)習(xí)知識(shí)的儲(chǔ)備以及提高了人們自主學(xué)習(xí)能力。1.2選題研究?jī)?nèi)容及主要目標(biāo)1.2.1選題研究目標(biāo)通過(guò)學(xué)習(xí)網(wǎng)站的建立，一方面可以讓用戶在網(wǎng)站上就能夠?qū)W習(xí)相關(guān)的知識(shí)，查看學(xué)習(xí)視頻，另一方面讓用戶能夠在網(wǎng)站上進(jìn)行課程的查看和學(xué)習(xí)，能夠大大提高用戶對(duì)于學(xué)習(xí)的求知的方便性。本系統(tǒng)的設(shè)計(jì)，還實(shí)現(xiàn)了學(xué)生對(duì)在線試題的查看，也能夠進(jìn)行試題檢測(cè)，提交答卷后，就可以查看成績(jī)。同時(shí)也大大方便了學(xué)生在線的學(xué)習(xí)和對(duì)于學(xué)習(xí)資料的下載等，能夠獲取更多的學(xué)習(xí)知識(shí)。1.2.2選題研究?jī)?nèi)容在線學(xué)習(xí)系統(tǒng)的設(shè)計(jì)和實(shí)現(xiàn)主要分為兩大功能模塊，這兩大功能模塊構(gòu)成網(wǎng)站的全部。主要分為管理員使用的后臺(tái)管理功能和用戶使用的前臺(tái)管理功能。前臺(tái)的主要功能有：1.用戶注冊(cè)：學(xué)生用戶注冊(cè)以及管理員用戶注冊(cè)，通過(guò)填寫(xiě)注冊(cè)信息發(fā)送到后臺(tái)管理員審核學(xué)生用戶的真實(shí)性，審核無(wú)誤即注冊(cè)成功，之后即可登錄賬號(hào)進(jìn)行觀看視頻等操作。2.站內(nèi)新聞：該模塊是本系統(tǒng)的核心，其主要是網(wǎng)站管理者定時(shí)發(fā)布的一些關(guān)于網(wǎng)站的新聞信息或者關(guān)于學(xué)習(xí)的相關(guān)的知識(shí)的查看和展示，能夠讓用戶在網(wǎng)站的首頁(yè)就能夠了解到學(xué)習(xí)網(wǎng)站的相關(guān)知識(shí)等。3.在線留言：此模塊就是能夠通過(guò)在線留言讓學(xué)生對(duì)在線學(xué)習(xí)系統(tǒng)的一些建議，能夠通過(guò)在線留言，也提高用戶對(duì)于學(xué)習(xí)系統(tǒng)的使用等。通過(guò)在線留言，可以讓網(wǎng)站開(kāi)發(fā)者和管理者了解用戶對(duì)網(wǎng)站和視頻的評(píng)價(jià)，獲得反饋并加以優(yōu)化。4.課程查看：實(shí)現(xiàn)了用戶在線對(duì)于課程信息的查看，能夠在線進(jìn)行課程的學(xué)習(xí)和查看，課程以視頻的形式進(jìn)行展示，可以讓用戶在線進(jìn)行登錄，登錄后就能夠以視頻的形式進(jìn)行課程信息的查看和展示，更加方便了用戶的在線的學(xué)習(xí)。后臺(tái)管理功能模塊包含：1.學(xué)生用戶管理：用戶管理功能可以對(duì)用戶進(jìn)行增、刪、改的操作，用戶管理只能是管理員在后臺(tái)進(jìn)行使用。2.資料查看下載：用戶能夠在后臺(tái)中，進(jìn)行學(xué)習(xí)資料的查看，并且能夠?qū)τ诟信d趣的資料進(jìn)行下載等。3.試卷管理：教師用戶在后臺(tái)登錄后，可以進(jìn)行試題信息管理，以便學(xué)生可以在個(gè)人的后臺(tái)中，對(duì)試題進(jìn)行解答，并獲得個(gè)人的考試成績(jī)。4.留言管理：前臺(tái)模塊的留言管理，在后臺(tái)來(lái)說(shuō)管理員可以從這樣進(jìn)行操作。如果有學(xué)生在后臺(tái)中，進(jìn)行留言，就能夠在后臺(tái)中查看到相關(guān)的留言信息，并且給予一定的回復(fù)。5.站內(nèi)新聞管理：站內(nèi)新聞管理就是在此處進(jìn)行增加、刪除或者修改。這些操作都是由管理員進(jìn)行的。6.視頻信息管理：本系統(tǒng)的視頻教學(xué)信息的展示，是通過(guò)視頻信息的展示和實(shí)現(xiàn)，就能夠讓學(xué)生在前臺(tái)，查看和選擇相應(yīng)的視頻信息進(jìn)行學(xué)習(xí)，也能夠通過(guò)視頻信息的查看，對(duì)于視頻的獲取也有一定的查看。2可行性分析2.1技術(shù)可行性在網(wǎng)站開(kāi)發(fā)技術(shù)方面，后臺(tái)以C#語(yǔ)言為主，前臺(tái)則使用HTML+CSS。2.1.1C#語(yǔ)言簡(jiǎn)介C#它和Java語(yǔ)言一樣，是一種全新的面向?qū)ο蟮木幊陶Z(yǔ)言。誕生至今也快有二十年了，區(qū)別于其它語(yǔ)言來(lái)說(shuō)它的誕生可以說(shuō)是專門(mén)為了.NET而服務(wù)的。語(yǔ)言簡(jiǎn)潔易懂、支持一定的跨平臺(tái)性操作、開(kāi)發(fā)快速穩(wěn)定是當(dāng)下C#語(yǔ)言所表現(xiàn)出的突出特點(diǎn)。下面就當(dāng)下一些主流的開(kāi)發(fā)語(yǔ)言和C#語(yǔ)言進(jìn)行比較：C#和Java語(yǔ)言是當(dāng)下最流行的編程語(yǔ)言。相對(duì)于Java語(yǔ)言來(lái)說(shuō)，C#語(yǔ)言不僅僅包括Java語(yǔ)言的面向?qū)ο螅覍?duì)于Java中所實(shí)現(xiàn)的封裝、繼承、多態(tài)都體現(xiàn)的非常細(xì)致。面向?qū)ο蟮某潭认鄬?duì)于Java來(lái)說(shuō)也是非常高的。其次，在執(zhí)行速度方面由于獨(dú)特的設(shè)計(jì)結(jié)構(gòu)在運(yùn)行速度方面也快于Java[1]。這些特點(diǎn)對(duì)于本次畢業(yè)設(shè)計(jì)的在線學(xué)習(xí)系統(tǒng)來(lái)說(shuō)恰恰卻是所需要的，所以本網(wǎng)站采用了C#語(yǔ)言。2.1.2基于B/S結(jié)構(gòu)開(kāi)發(fā)作為一個(gè)學(xué)習(xí)教學(xué)網(wǎng)站，數(shù)以萬(wàn)計(jì)的學(xué)生們會(huì)頻繁的對(duì)網(wǎng)站進(jìn)行使用,采用B/S架構(gòu)設(shè)計(jì)思想只要有瀏覽器和網(wǎng)絡(luò)就能隨處打開(kāi)，可以利用不斷成熟的Web技術(shù)，結(jié)合多種腳本語(yǔ)言，節(jié)約了開(kāi)發(fā)成本，同時(shí)在系統(tǒng)維護(hù)方面來(lái)說(shuō)BUG少，減輕了服務(wù)器的負(fù)擔(dān)，增加了交互性[1]。2.1.3SQLServer數(shù)據(jù)庫(kù)SQLServer是目前較為廣泛且普遍的數(shù)據(jù)庫(kù)，操作簡(jiǎn)單，適合新手。表與表之間的聯(lián)系緊密，是操作者更容易理解。對(duì)于在線學(xué)習(xí)系統(tǒng)來(lái)說(shuō)并不需要操作復(fù)雜的數(shù)據(jù)只是對(duì)數(shù)據(jù)進(jìn)行一些日常的簡(jiǎn)單處理，所以說(shuō)選擇這款數(shù)據(jù)庫(kù)來(lái)說(shuō)比較方便。SQLServer具有強(qiáng)大的基于Web的分析，支持Web技術(shù)，能夠很輕易的將數(shù)據(jù)庫(kù)的數(shù)據(jù)呈現(xiàn)在頁(yè)面上[2]。具有圖形化用戶界面的功能，使數(shù)據(jù)庫(kù)管理更簡(jiǎn)單、易懂。2.1.4Html5新增功能1.簡(jiǎn)化的語(yǔ)法HTML5簡(jiǎn)化了很多細(xì)微的語(yǔ)法2.更加語(yǔ)義化標(biāo)簽(開(kāi)發(fā)者可以更加優(yōu)雅，網(wǎng)頁(yè)結(jié)構(gòu)更清晰)header、footer、nav、article、figure..3.新增<audio>和<video>標(biāo)簽這兩個(gè)標(biāo)簽是用來(lái)播放音頻和視頻的。4.新增canvas標(biāo)簽我們可以基于js，把它作為一個(gè)畫(huà)布，繪制出想要的圖形或者動(dòng)畫(huà)。5.刪除<b>和<font>標(biāo)簽6.刪除<frame>,<center>,<big>標(biāo)簽[3]2.2經(jīng)濟(jì)可行性本系統(tǒng)是一個(gè)網(wǎng)站，服務(wù)器方面只需要一臺(tái)計(jì)算機(jī)就可以運(yùn)行軟件，比較方便。而且在所涉及使用到的工具或者語(yǔ)言方面也都是完全免費(fèi)開(kāi)放。從經(jīng)濟(jì)層面來(lái)講，在線學(xué)習(xí)系統(tǒng)在使用金錢(qián)方面是非常少的，不需要投入大量資金。在開(kāi)發(fā)系統(tǒng)的同時(shí)，還可以鍛煉自身的編程能力和加深對(duì)程序的理解。2.3操作可行性在互聯(lián)網(wǎng)的快速發(fā)展下，設(shè)計(jì)一套在線網(wǎng)站學(xué)習(xí)系統(tǒng)已經(jīng)沒(méi)有什么太大的問(wèn)題，開(kāi)發(fā)者在本地開(kāi)發(fā)測(cè)試完成之后，可以通過(guò)云服務(wù)供應(yīng)商租用一臺(tái)服務(wù)器，把自己的網(wǎng)站發(fā)布到服務(wù)器上，再通過(guò)域名的申請(qǐng)備案網(wǎng)站就可以真正的實(shí)現(xiàn)在線運(yùn)行了。至于用戶操作那就更簡(jiǎn)單易懂了，本網(wǎng)站完全采用字、圖結(jié)合的頁(yè)面展示形式?？梢允褂脩舨僮饕荒苛巳?。3需求分析3.1系統(tǒng)功能需求分析系統(tǒng)的功能需求分析如下：1.視頻教學(xué)管理視頻教學(xué)的展示，是本系統(tǒng)的重點(diǎn)與核心，通過(guò)視頻信息的展示和對(duì)于學(xué)生視頻學(xué)習(xí)，能夠更加方便和大大提高了學(xué)生的學(xué)習(xí)多樣性。 2.在線考試管理用戶能夠在線進(jìn)行考試的信息管理，通過(guò)在線考試的信息的展示和管理，能夠讓學(xué)生通過(guò)在線的考試，了解到最新的知識(shí)和試題，并且能夠在線進(jìn)行測(cè)試，獲得相應(yīng)的試題的答案。3.新聞信息展示該模塊主要包括：新聞信息的展示，并且能夠讓用戶在網(wǎng)站的前臺(tái)中，查看到想要查看的新聞信息，能夠通過(guò)新聞信息的展示，進(jìn)一步讓用戶能夠了解到最新的行業(yè)信息。4.在線留言管理該模塊主要包括：通過(guò)在線的留言，能夠讓用戶在網(wǎng)站的前臺(tái)，寫(xiě)下自己使用過(guò)的感受，進(jìn)行留言，教師也可以選擇留言來(lái)回復(fù)。通過(guò)在線留言，可以讓網(wǎng)站開(kāi)發(fā)者和管理者了解用戶對(duì)網(wǎng)站和視頻的評(píng)價(jià)，了解網(wǎng)站的不足，獲得反饋并進(jìn)行網(wǎng)站的完善。5.用戶信息管理用戶信息管理主要就是對(duì)用戶注冊(cè)的用戶信息進(jìn)行管理，包括信息查詢、信息修改、信息刪除等。6.系統(tǒng)管理系統(tǒng)管理主要是對(duì)系統(tǒng)進(jìn)行維護(hù)，包括系統(tǒng)公告、系統(tǒng)簡(jiǎn)介、在線留言管理、站內(nèi)新聞等這些主要是管理員經(jīng)常使用。3.2數(shù)據(jù)字典表3-1會(huì)員信息表數(shù)據(jù)流會(huì)員信息數(shù)據(jù)流來(lái)源SQLSERVER數(shù)據(jù)庫(kù)中會(huì)員信息表數(shù)據(jù)去向會(huì)員信息管理界面數(shù)據(jù)流組成會(huì)員名、會(huì)員密碼、郵箱、身份證號(hào)、性別等表3-2教師信息表數(shù)據(jù)流教師信息數(shù)據(jù)流來(lái)源SQLSERVER數(shù)據(jù)庫(kù)中教師信息表數(shù)據(jù)去向教師信息管理界面數(shù)據(jù)流組成職工號(hào)，姓名，性別，專業(yè)表3-3視頻信息管理表數(shù)據(jù)流視頻信息數(shù)據(jù)流來(lái)源SQLSERVER數(shù)據(jù)庫(kù)中視頻信息表數(shù)據(jù)去向系統(tǒng)主界面，視頻信息界面數(shù)據(jù)流組成名稱，課程，發(fā)布人表3-4試題信息管理表數(shù)據(jù)流試題信息數(shù)據(jù)流來(lái)源SQLSERVER數(shù)據(jù)庫(kù)中試題信息表數(shù)據(jù)去向會(huì)員后臺(tái)界面，試題信息界面數(shù)據(jù)流組成編號(hào)，答案4總體設(shè)計(jì)4.1功能模塊圖根據(jù)以上的系統(tǒng)需求分析，在線學(xué)習(xí)系統(tǒng)主要包括在線學(xué)習(xí)視頻的展示，在線新聞?wù)故荆脩舻牧粞哉故?，用戶的在線答疑，用戶成績(jī)查看等。網(wǎng)站的組成是一個(gè)前臺(tái)+后臺(tái)的組成模式，通過(guò)前臺(tái)展示相應(yīng)的學(xué)習(xí)視頻，后臺(tái)對(duì)于用戶的知識(shí)的查看和考試進(jìn)行管理，教師能夠發(fā)布相關(guān)的試題，用戶能夠在線進(jìn)行試卷的作答。具體功能模塊圖如下圖：圖4-1功能模塊圖4.2系統(tǒng)數(shù)據(jù)庫(kù)設(shè)計(jì)4.2.1邏輯設(shè)計(jì)在線學(xué)習(xí)系統(tǒng)的E-R圖表現(xiàn)了系統(tǒng)中各個(gè)實(shí)體之間的聯(lián)系，具體如下圖所示：圖4-2總體E-R圖管理員實(shí)體屬性圖如下：圖4-3管理員屬性圖會(huì)員實(shí)體屬性圖如下：圖4-4會(huì)員屬性圖教師實(shí)體屬性圖如下：圖4-5教師實(shí)體圖教學(xué)視頻實(shí)體屬性圖如下：圖4-6教學(xué)視頻實(shí)體圖資料實(shí)體屬性圖如下：圖4-7資料實(shí)體圖4.2.2物理設(shè)計(jì)表4-1allgonggao表序號(hào)字段名稱字段類(lèi)型大小允許為空最大長(zhǎng)度備注1IDInt4自增編號(hào)10

ID2titleVarChar255是255

標(biāo)題3contentText16是255

內(nèi)容4leibieVarChar50是255

類(lèi)別5shouyetupianVarChar50是255

首頁(yè)圖片6dianjilvVarChar50是255

點(diǎn)擊率7addtimeDateTime8是23

添加日期表4-2alluser表序號(hào)字段名稱字段類(lèi)型大小允許為空最大長(zhǎng)度備注1IDInt4自增編號(hào)10

ID2yonghumingVarChar50是255

用戶名3pwVarChar50是255

密碼4qxVarChar50是255權(quán)限

5dateDateTime8是23

添加日期表4-3book表序號(hào)字段名稱字段類(lèi)型大小允許為空最大長(zhǎng)度備注1idInt4自增編號(hào)10

ID2xingmingVarChar20是255

用戶名3sexVarChar4是255

性別4neirongVarChar500是255

內(nèi)容5qqVarChar10是255

QQ6emailVarChar20是255

電子郵箱7faceVarChar10是255

頭像8adddateDateTime8是23

添加日期9ishidVarChar2是255

是否隱藏10pageVarChar50是255

主頁(yè)11replyVarChar2是255

是否回復(fù)12recontVarChar500是255

回復(fù)內(nèi)容表4-4chengji表序號(hào)字段名稱字段類(lèi)型大小允許為空最大長(zhǎng)度備注1IDInt4自增編號(hào)10

ID2xuanzetiFloat8是15

選擇題3xhVarChar50是255

學(xué)號(hào)4addtimeDateTime8是23

添加日期表4-5dx表序號(hào)字段名稱字段類(lèi)型大小允許為空最大長(zhǎng)度備注1IDInt4自增編號(hào)10

ID2leibieVarChar50是255

類(lèi)別3contentText16是255

內(nèi)容表4-6fuxijilu表序號(hào)字段名稱字段類(lèi)型大小允許為空最大長(zhǎng)度備注1IDInt4自增編號(hào)10

UD2ziliaoIDVarChar50是255

資料ID3kemuVarChar50是255

科目4zhangjieVarChar50是255

類(lèi)別5ziliaomingchengVarChar50是255

名稱6beizhuVarChar500是255

備注7tianjiarenVarChar50是255

添加人8addtimeDateTime8是23

時(shí)間表4-7jiaoxuekejian表序號(hào)字段名稱字段類(lèi)型大小允許為空最大長(zhǎng)度備注1IDInt4自增編號(hào)10

ID2bianhaoVarChar50是255

編號(hào)3mingchengVarChar300是255

名稱4wenjianVarChar50是255

文件5jiaoshiVarChar50是255

教師6leixingVarChar50是255

類(lèi)型7jianjieText16是255

簡(jiǎn)介8addtimeDateTime8是23

添加日期表4-8jiaoxueshipin表序號(hào)字段名稱字段類(lèi)型大小允許為空最大長(zhǎng)度備注1IDInt4自增編號(hào)10

ID2bianhaoVarChar50是255

編號(hào)3mingchengVarChar300是255

名稱4shipinVarChar50是255

視頻5jiaoshiVarChar50是255

教師6jianjieText16是255

簡(jiǎn)介7addtimeDateTime8是23

添加日期表4-9kemuxinxi表序號(hào)字段名稱字段類(lèi)型大小允許為空最大長(zhǎng)度備注1IDInt4自增編號(hào)10

ID2kemuVarChar50是255

科目3addtimeDateTime8是23

添加日期表4-10xuanzeti表序號(hào)字段名稱字段類(lèi)型大小允許為空最大長(zhǎng)度備注1IDInt4自增編號(hào)10

ID2timuVarChar500是255

題目3xuanxiangAVarChar300是255

選擇題A4xuanxiangBVarChar300是255

選擇題B5xuanxiangCVarChar300是255

選擇題C6xuanxiangDVarChar300是255

選擇題D7daanVarChar50是255

答案8nanduVarChar50是255

難度9addtimeDateTime8是23

表4-11xuexiziliao表序號(hào)字段名稱字段類(lèi)型大小允許為空最大長(zhǎng)度備注1IDInt4自增編號(hào)10

Id2kemuVarChar50是255

科目3zhangjieVarChar50是255

類(lèi)別4ziliaomingchengVarChar300是255

資料名稱5neirongText16是255

內(nèi)容6addtimeDateTime8是23

添加日期表4-12yonghuzhuce表序號(hào)字段名稱字段類(lèi)型大小允許為空最大長(zhǎng)度備注1IDInt4自增編號(hào)10

ID2yonghumingVarChar50是255

用戶名3mimaVarChar50是255

密碼4xingmingVarChar50是255

姓名5dianhuaVarChar50是255

電話6youxiangVarChar50是255

郵箱7QQVarChar50是255

QQ8touxiangVarChar50是255

頭像9jiguanVarChar50是255

籍貫10dizhiVarChar50是255地址11xingbieVarChar50是255性別12beizhuVarChar50是255

備注13addtimeDateTime8是23

添加日期14isshVarChar2是255

是否審核表4-13youqinglianjie表序號(hào)字段名稱字段類(lèi)型大小允許為空最大長(zhǎng)度備注1IDInt4自增編號(hào)10

ID2wangzhanmingchengVarChar50是255

網(wǎng)站名稱3wangzhiVarChar50是255

網(wǎng)址4addtimeDateTime8是23

添加日期表4-14zhangjiexinxi表序號(hào)字段名稱字段類(lèi)型大小允許為空最大長(zhǎng)度備注1IDInt4自增編號(hào)10

ID2subjectVarChar50是255

科目3zhangjieVarChar50是255

章節(jié)4zhishidianVarChar500是255

知識(shí)點(diǎn)5addtimeDateTime8是23

添加日期5詳細(xì)設(shè)計(jì)與實(shí)現(xiàn)5.1系統(tǒng)前臺(tái)5.1.1系統(tǒng)主模塊此在線學(xué)習(xí)系統(tǒng)的主界面主要分為三大塊：第一塊是教學(xué)是視頻展示模塊，在這個(gè)模塊中用戶可以通過(guò)視頻的展示，就能夠進(jìn)行相關(guān)的視頻的學(xué)習(xí)；第二塊是網(wǎng)站功能的導(dǎo)航了，在這個(gè)導(dǎo)航里把網(wǎng)站的首頁(yè)、站內(nèi)新聞、視頻信息、在線留言等。在此導(dǎo)航里用戶可以查看到所需要的全部功能；第三塊就是對(duì)一些站內(nèi)新聞、景點(diǎn)信息的展示。圖5-1系統(tǒng)主界面代碼實(shí)現(xiàn)：publicpartialclass_Default:System.Web.UI.Page{publicstringsql,ncontent;publicstringnpics,nlinks,ntexts;protectedvoidPage_Load(objectsender,EventArgse){if(!IsPostBack){sql="selecttop5id,title,shouyetupianfromallgonggaowhereshouyetupian<>''orderbyiddesc";getsyt(sql);sql="selecttop6*fromallgonggaowhereleibie='站內(nèi)新聞'orderbyiddesc";getdata(sql);sql="selecttop6*fromallgonggaowhereleibie='使用幫助'orderbyiddesc";getdata2(sql);sql="selecttop6*fromallgonggaowhereleibie='網(wǎng)站須知'orderbyiddesc";getdata3(sql);sql="selecttop5*fromjiaoxueshipinwhereistj='是'andshipintupian<>''orderbyiddesc";getdata4(sql);sql="selectcontentfrom[dx]whereleibie='系統(tǒng)簡(jiǎn)介'";getdatextjj(sql);}}privatevoidgetdatextjj(stringsql){DataSetresult=newDataSet();result=newClass1().hsggetdata(sql);if(result!=null){if(result.Tables[0].Rows.Count>0){ncontent=result.Tables[0].Rows[0][0].ToString().Trim();}}}privatevoidgetdata(stringsql){DataSetresult=newDataSet();result=newClass1().hsggetdata(sql);if(result!=null){if(result.Tables[0].Rows.Count>0){DataGrid1.DataSource=result.Tables[0];DataGrid1.DataBind();}else{DataGrid1.DataSource=null;DataGrid1.DataBind();}}}}5.1.2用戶注冊(cè)模塊用戶通過(guò)填寫(xiě)用戶名、密碼和姓名等信息成為會(huì)員，登錄后即可觀看視頻，在線留言或進(jìn)行知識(shí)測(cè)試。圖5-2用戶注冊(cè)界面用戶注冊(cè)前，系統(tǒng)會(huì)確認(rèn)是否存在此賬號(hào)。注冊(cè)流程圖如下：圖5-3注冊(cè)流程圖代碼實(shí)現(xiàn)：publicpartialclassuserreg:System.Web.UI.Page{publicstringlbtxt;protectedvoidPage_Load(objectsender,EventArgse){lbtxt="用戶注冊(cè)";if(!IsPostBack){xingbie.Items.Add("男");xingbie.Items.Add("女");//addxiala("kehuxinxi","bianhao","kehubianhao");}}protectedvoidButton1_Click(objectsender,EventArgse){if(newClass1().IsTelephone(dianhua.Text.ToString().Trim())){}else{Response.Write("<script>javascript:alert('電話格式不正確');history.back();</script>");Response.End();}if(newClass1().IsEmail(youxiang.Text.ToString().Trim())){}else{Response.Write("<script>javascript:alert('郵箱格式不正確');history.back();</script>");Response.End();}stringsql;sql="selectidfromyonghuzhucewhereyonghuming='"+yonghuming.Text.ToString().Trim()+"'";DataSetresult2=newDataSet();result2=newClass1().hsggetdata(sql);if(result2!=null){if(result2.Tables[0].Rows.Count>0){Response.Write("<script>javascript:alert('對(duì)不起，該用戶名已被注冊(cè)，請(qǐng)換其他用戶名');history.back();</script>");Response.End();}else{}}sql="insertintoyonghuzhuce(yonghuming,mima,xingming,dianhua,youxiang,touxiang,shenfenzheng,dizhi,xingbie,beizhu)values('"+yonghuming.Text.ToString().Trim()+"','"+mima.Text.ToString().Trim()+"','"+xingming.Text.ToString().Trim()+"','"+dianhua.Text.ToString().Trim()+"','"+youxiang.Text.ToString().Trim()+"','"+wenjian.Text.ToString().Trim()+"','"+txtshenfenzheng.Text.ToString().Trim()+"','"+dizhi.Text.ToString().Trim()+"','"+xingbie.Text.ToString().Trim()+"','"+beizhu.Text.ToString().Trim()+"')";intresult;result=newClass1().hsgexucute(sql);if(result==1){Response.Write("<script>javascript:alert('注冊(cè)成功，請(qǐng)待管理員審核后方可登陸！');location.href='default.aspx';</script>");Response.End();}else{Response.Write("<script>javascript:alert('系統(tǒng)錯(cuò)誤，請(qǐng)檢查數(shù)據(jù)庫(kù)設(shè)置問(wèn)題');</script>");}}}5.1.3用戶登錄模塊用戶只有登錄賬號(hào)后，才可觀看視頻，進(jìn)入學(xué)生后臺(tái)，并進(jìn)行在線測(cè)試，管理信息等操作。登錄界面如下：圖5-4用戶登錄界面登錄時(shí)系統(tǒng)會(huì)檢查是否存在此賬號(hào)或用戶名和密碼是否正確，流程圖如下：圖5-5登錄流程圖代碼實(shí)現(xiàn)：protectedvoidButton1_Click(objectsender,EventArgse){stringsql;sql="select*from[yonghuzhuce]whereyonghuming='"+TextBox1.Text.ToString().Trim()+"'andmima='"+TextBox2.Text.ToString().Trim()+"'andissh='是'";DataSetresult=newDataSet();result=newClass1().hsggetdata(sql);if(result!=null){if(result.Tables[0].Rows.Count>0){Session["username"]=TextBox1.Text.ToString().Trim();Session["cx"]="注冊(cè)用戶";Session["userip"]=Page.Request.UserHostAddress;Response.Write("<script>javascript:alert(‘登陸成功!');location.href='default.aspx';</script>");}else{Response.Write("<script>javascript:alert('登陸失敗，用戶名或密碼錯(cuò)誤，或您的帳號(hào)未經(jīng)審核！');location.href='default.aspx';</script>");}}}5.1.4視頻課程模塊網(wǎng)站的前臺(tái)，具有一定的功能展示的能力，用戶注冊(cè)成為會(huì)員，登錄后可實(shí)現(xiàn)用戶的相關(guān)的視頻查看和學(xué)習(xí)。圖5-6視頻列表圖會(huì)員觀看視頻之前必須先登錄賬號(hào)，流程圖如下：圖5-7視頻流程圖代碼如下：publicpartialclassjiaoxueshipin_detail:System.Web.UI.Page{publicstringnbianhao,nmingcheng,nkecheng,nshipinwenjian,njianjie,nfaburen,lbtxt;protectedvoidPage_Load(objectsender,EventArgse){lbtxt="視頻詳細(xì)信息";if(Session["username"]==null){Response.Write("<script>javascript:alert('對(duì)不起，請(qǐng)您先登陸！');history.back();</script>");Response.End();}if(!IsPostBack){stringsql;sql="select*fromjiaoxueshipinwhereid="+Request.QueryString["id"].ToString().Trim();getdata(sql);sql="select*frompinglunwhereshipinid="+Request["id"].ToString().Trim();getdata2(sql);}}privatevoidgetdata(stringsql){DataSetresult=newDataSet();result=newClass1().hsggetdata(sql);if(result!=null){if(result.Tables[0].Rows.Count>0){nbianhao=result.Tables[0].Rows[0]["bianhao"].ToString().Trim();nmingcheng=result.Tables[0].Rows[0]["mingcheng"].ToString().Trim();nkecheng=result.Tables[0].Rows[0]["kecheng"].ToString().Trim();nshipinwenjian=result.Tables[0].Rows[0]["shipinwenjian"].ToString().Trim();njianjie=result.Tables[0].Rows[0]["jianjie"].ToString().Trim();nfaburen=result.Tables[0].Rows[0]["faburen"].ToString().Trim();}}}}5.2系統(tǒng)后臺(tái)5.2.1后臺(tái)登錄模塊在網(wǎng)站首頁(yè)點(diǎn)擊后臺(tái)之后，就是后臺(tái)界面，在下拉框可選擇“教師”或“超級(jí)管理員”，登錄后就是后臺(tái)管理界面。教師可進(jìn)行教師資料管理，上傳資料，添加視頻，對(duì)題庫(kù)進(jìn)行增刪改。管理員主要是對(duì)整個(gè)網(wǎng)站用戶的管理，包括對(duì)注冊(cè)會(huì)員即學(xué)生，以及教師和其他管理員的管理。對(duì)他們的信息進(jìn)行修改，也可查詢、添加和刪除相關(guān)用戶。管理員也可對(duì)首頁(yè)信息進(jìn)行管理。后臺(tái)登錄界面如下：圖5-8后臺(tái)登錄界面后臺(tái)登錄流程圖如下：圖5-9后臺(tái)登錄流程圖代碼如下：publicpartialclasslogin:System.Web.UI.Page{protectedvoidPage_Load(objectsender,EventArgse){if(!IsPostBack){cx.Items.Add("超級(jí)管理員");cx.Items.Add("教師");}}protectedvoidButton2_Click(objectsender,EventArgse){//Response.Redirect("yonghuzhuce_add.aspx");}protectedvoidButton1_Click(objectsender,EventArgse){if(Session["code"].ToString().Trim().Equals(yzm.Text.Trim())){}else{Response.Write("<script>javascript:alert('驗(yàn)證碼有誤');location.href='login.aspx';</script>");Response.End();}if(TextBox2.Text.ToString().Trim()==""||TextBox1.Text.ToString().Trim()==""){Response.Write("<script>javascript:alert('請(qǐng)輸入完整');history.back();</script>");Response.End();}stringsql;sql="";if(cx.Text.ToString().Trim()=="超級(jí)管理員"){sql="select*fromalluserswhereusername='"+TextBox1.Text.ToString().Trim()+"'andpwd='"+TextBox2.Text.ToString().Trim()+"'";}if(cx.Text.ToString().Trim()=="教師"){sql="select*fromjiaoshixinxiwherezhigonghao='"+TextBox1.Text.ToString().Trim()+"'andmima='"+TextBox2.Text.ToString().Trim()+"'";}DataSetresult=newDataSet();result=newClass1().hsggetdata(sql);//result=newTestOnline.Class1().hsggetdata(sql);if(result!=null){if(result.Tables[0].Rows.Count>0){Session["username"]=TextBox1.Text.ToString().Trim();Session["cx"]=cx.Text;Response.Redirect("main.aspx");}else{Response.Write("<script>javascript:alert('對(duì)不起，用戶名或密碼不正確!');history.back();</script>");}}else{Response.Write("<script>javascript:alert('對(duì)不起，系統(tǒng)錯(cuò)誤，請(qǐng)不要越權(quán)操作!');</script>");}}}5.2.2教師信息添加模塊管理員登錄后臺(tái)之后，可添加教師信息，也可對(duì)已添加過(guò)的教師信息進(jìn)行修改。教師信息添加界面如下：圖5-10教師信息添加界面模塊流程圖如下：圖5-11教師信息添加流程圖代碼實(shí)現(xiàn)：publicpartialclassjiaoshixinxi_add:System.Web.UI.Page{protectedvoidPage_Load(objectsender,EventArgse){ if(!IsPostBack){ xingbie.Items.Add("男"); xingbie.Items.Add("女");zhicheng.Items.Add("助教");zhicheng.Items.Add("講師");zhicheng.Items.Add("副教授");zhicheng.Items.Add("教授");}}protectedvoidButton1_Click(objectsender,EventArgse){stringsql;sql="insertintojiaoshixinxi(zhigonghao,xingming,xingbie,zhicheng,chushengriqi,suoxuezhuanye,xiancongshizhuanye,xueli,xuewei,gongzuoshijian,zhaopian,beizhu,mima)values('"+zhigonghao.Text.ToString().Trim()+"','"+xingming.Text.ToString().Trim()+"','"+xingbie.Text.ToString().Trim()+"','"+zhicheng.Text.ToString().Trim()+"','"+chushengriqi.Text.ToString().Trim()+"','"+suoxuezhuanye.Text.ToString().Trim()+"','"+xiancongshizhuanye.Text.ToString().Trim()+"','"+xueli.Text.ToString().Trim()+"','"+xuewei.Text.ToString().Trim()+"','"+gongzuoshijian.Text.ToString().Trim()+"','"+wenjian.Text.ToString().Trim()+"','"+beizhu.Text.ToString().Trim()+"','"+mima.Text.ToString().Trim()+"')";intresult;result=newClass1().hsgexucute(sql);if(result==1){Response.Write("<script>javascript:alert('添加成功');</script>");}else{Response.Write("<script>javascript:alert('系統(tǒng)錯(cuò)誤，請(qǐng)檢查數(shù)據(jù)庫(kù)設(shè)置問(wèn)題');</script>");}}5.2.3管理員修改密碼模塊管理員可對(duì)自己的登錄密碼進(jìn)行修改。修改界面如下：圖5-12管理員修改密碼界面代碼如下：publicpartialclassmod:System.Web.UI.Page{protectedvoidPage_Load(objectsender,EventArgse){}protectedvoidButton1_Click(objectsender,EventArgse){if(TextBox1.Text.ToString().Trim()==""||TextBox2.Text.ToString().Trim()==""||TextBox3.Text.ToString().Trim()==""){Response.Write("<script>javascript:alert('請(qǐng)?zhí)顚?xiě)完整');history.back();</script>");}else{if(TextBox2.Text.ToString().Trim()!=TextBox3.Text.ToString().Trim()){Response.Write("<script>javascript:alert('兩次密碼不一致，請(qǐng)確認(rèn)');history.back();</script>");}else{stringsql;sql="select*fromalluserswhereusername='"+Session["username"].ToString().Trim()+"'andpwd='"+TextBox1.Text.ToString().Trim()+"'";DataSetresult=newDataSet();result=newClass1().hsggetdata(sql);if(result!=null){if(result.Tables[0].Rows.Count>0){sql="updatealluserssetpwd='"+TextBox2.Text.ToString().Trim()+"'whereusername='"+Session["username"].ToString().Trim()+"'";intresult2;result2=newClass1().hsgexucute(sql);//newClass1().hsgcaozuojilu(Session["username"].ToString().Trim(),"修改密碼","allusers");if(result2==1){Response.Write("<script>javascript:alert('修改成功');</script>");}else{Response.Write("<script>javascript:alert('系統(tǒng)錯(cuò)誤');</script>");}}else{Response.Write("<script>javascript:alert('原密碼不正確');</script>");}}}}}}6系統(tǒng)測(cè)試6.1系統(tǒng)測(cè)試的