畢業(yè)設(shè)計（論文）《網(wǎng)頁腳本編程》 教學(xué)網(wǎng)站系統(tǒng)設(shè)計javascript編程教學(xué)網(wǎng)站

分類號密級UDC編號廣州大學(xué)華軟軟件學(xué)院?？飘厴I(yè)論文論文題目：《網(wǎng)頁腳本編程》教學(xué)網(wǎng)站系統(tǒng)設(shè)計—javascript編程教學(xué)網(wǎng)站學(xué)號：姓名：專業(yè)：互聯(lián)網(wǎng)信息軟件開發(fā)指導(dǎo)教師：【摘要】網(wǎng)絡(luò)教學(xué)的優(yōu)點就是能夠隨時隨地都能夠?qū)W習(xí)到專業(yè)知識，只要能夠上網(wǎng)就可以了，方便快捷，不拘束于地點和時間，能在網(wǎng)站上學(xué)到自己需要的只是，有什么問題都能在網(wǎng)站上提問和得到答復(fù)，不需要專門找老師和同學(xué)。所以能夠提高學(xué)習(xí)的興趣和效率，在現(xiàn)在教育中尤其重要。而且該網(wǎng)站操作簡便，安全可靠，功能完善。本論文主要是闡述javascript編程教學(xué)網(wǎng)站系統(tǒng)的設(shè)計和開發(fā)過程以及技術(shù)。該系統(tǒng)分為前臺和后臺的設(shè)計。前臺是用來查看信息，后臺是對前臺信息的管理。本人主要是負(fù)責(zé)用ASP技術(shù)設(shè)計后臺系統(tǒng)以及數(shù)據(jù)庫Access的建立。后臺系統(tǒng)主要是用Dreamweaver工具制作，其中包括主要的網(wǎng)站配置管理，課程管理，下載管理，考試管理，留言管理等。由于時間和能力的問題，網(wǎng)站后臺系統(tǒng)可能存在一定的瑕疵，希望老師能夠見諒，本人已經(jīng)盡了最大的能力和精力去制作了?！娟P(guān)鍵字】課程教學(xué)，用戶管理，考試系統(tǒng)，asp技術(shù)，數(shù)據(jù)庫ABSTRACTThenetworkteachingadvantagesisanytimeanywherecanlearnprofessionalknowledgejusttobeabletogetonlineisok,convenientandquick,playfulinplaceandtime,cangotoschooltohimselfinthewebsiteneedis,havewhatproblemcaninthewebsitetoquestionandgetananswer,doesnotneedspecialfindteachersandclassmates.Socanimprovethelearninginterestandefficiencyandintheeducationofnowisparticularlyimportant.Andthissiteeasyoperation,safeandreliable,perfectfunction.Thisthesismainlyistoexplainthejavascriptprogrammingteachingwebsitesystemdesignanddevelopmentprocessandtechnology.Thissystemisdividedintofrontdeskandbackgrounddesign.Frontdeskisusedtocheckinformation,backstagetofrontdeskisinformationmanagement.ImainlyresponsibleforusingASPtechnologytodesignthebackgroundsystemandtheestablishmentofdatabaseAccess.BackendsystemismainlymadeinDreamweavertools,includingmainwebsiteconfigurationmanagement,coursemanagement,downloadmanagement,theexammanagement,guestbookmanagement,etc.Becauseofthetimeandtheproblemofafacultywebsitebackstagesystem,theremayexistcertainflaws,hopetheteachercanexcuseme,Ihavebeenbestabilityandefforttomaking.Keywords:Courseteaching,usermanagement,thetestsystem,asptechnology,database目錄第一章前言 5第二章網(wǎng)站開發(fā)背景及相關(guān)理論知識介紹 7動態(tài)網(wǎng)站開發(fā)背景介紹 7網(wǎng)站開發(fā)環(huán)境 7網(wǎng)站建設(shè)目標(biāo)的管理可行性 81.2相關(guān)理論知識介紹及工具介紹 81.2.1ASP技術(shù) 81.2.2Html 81.2.3Access數(shù)據(jù)庫 9第三章網(wǎng)站策劃及主要功能 93.1網(wǎng)站總體規(guī)劃 9網(wǎng)站的定位 93.1.2網(wǎng)站的內(nèi)容建設(shè) 103.1.3網(wǎng)站的設(shè)計原則 103.2主要功能 10注銷退出：退出后臺，進入前臺。 10第四章網(wǎng)站制作流程圖 113.3后臺流程圖 11后臺管理流程圖(如下圖1)： 11圖1后臺流程 113.3.2課程管理流程圖(如下圖2)： 112.3.3資源下載流程圖(如下圖3)： 122.3.4考試管理流程圖(如下圖4)： 122.3.5留言管理流程圖(如下圖5)： 122.3.6會員管理流程圖(如下圖6)： 132.3.7公告管理流程圖(如下圖7)： 13第五章數(shù)據(jù)庫設(shè)計 145.1MicrosoftOfficeAccess簡介 145.2數(shù)據(jù)庫概念結(jié)構(gòu)設(shè)計 145.3系統(tǒng)處理流程 185.4數(shù)據(jù)庫創(chuàng)建 195.5數(shù)據(jù)庫結(jié)構(gòu)及實現(xiàn) 20第六章系統(tǒng)功能實現(xiàn)和制作 246.1系統(tǒng)功能模塊分析 24公共管理模塊的實現(xiàn)工程 24創(chuàng)建數(shù)據(jù)庫連接 246.2.2CSS樣式表文件設(shè)計 256.3后臺首頁設(shè)計 256.4后臺信息模塊 266.4.1登錄驗證頁面設(shè)計 266.4.2課程管理頁面設(shè)計 266.4.3下載管理頁面設(shè)計 326.4.4管理頁面設(shè)計 346.4.5會員管理頁面設(shè)計 366.4.6考試管理頁面設(shè)計 386.4.7公告管理頁面設(shè)計 416.4.8投票管理頁面設(shè)計 42第七章系統(tǒng)安全 447.1系統(tǒng)安全措施 447.1.1登陸驗證碼功能 447.1.2MD5加密功能的實現(xiàn) 447.1.3限制對頁的訪問 44第一章前言就以華軟為例，華軟每個系都有老師的資源能夠進行共享，但是分的比較散，但是如果說想學(xué)javascript編程就要在該系的老師FTP中尋找課件等，而且不知道有哪些老師是教這門課程，所以尋找起來就有點麻煩。所以我覺得需要一個專門的網(wǎng)站，能夠?qū)φn程，資源進行統(tǒng)一的管理和閱讀，能夠提供給學(xué)生對學(xué)習(xí)專門的知識提供更好的平臺，方便和快捷，更能在該平臺上下載所需的軟件或者文件，減輕老師ftp空間不足的缺點。而且平臺能夠提供老師對學(xué)生的知識進行測試，試卷的內(nèi)容能隨時在后臺更新，而且閱卷和評測的成績能夠即時統(tǒng)計并保存在后臺，能夠減輕老師的工作壓力，方便老師掌握每個學(xué)生成績和能力，也讓學(xué)生能夠清楚所學(xué)的知識是否牢固，那些方面需要加強。很多時候老師要問老師問題都要到老師辦公室去，而且有時候老師還不在辦公室，所以說比較麻煩。本平臺提供了留言系統(tǒng)，對學(xué)生在該平臺上的留言，老師能夠在空閑時期在后臺進行回復(fù)解答，能夠很好的解決交流的問題。第二章網(wǎng)站開發(fā)背景及相關(guān)理論知識介紹動態(tài)網(wǎng)站開發(fā)背景介紹Internet起源于20世紀(jì)60年代的美國，它在近幾年迅速風(fēng)靡全球，其根本原因不僅在于她擁有卓越的國際通信功能，更在于它擁有巨大的信息資源。所謂的Internet是指由分布在全世界成千上萬的計算機網(wǎng)絡(luò)遵循一定的通訊協(xié)議，并相互聯(lián)系在一起而形成的國際互連網(wǎng)絡(luò)，也就是說，Internet是建立和使用這些網(wǎng)絡(luò)的人群、群體、公司以及各種網(wǎng)絡(luò)資源的集合體。隨著網(wǎng)絡(luò)技術(shù)的不斷發(fā)展，單純的靜態(tài)頁面已經(jīng)不能滿足發(fā)展的需要，因為靜態(tài)頁面是用單純的HTML語言組成的，它沒有交互性。因此，為了滿足實際的需要，許多網(wǎng)頁文件擴展名不再只是“htm”、“html”，出現(xiàn)了以“php”、“asp”、“jsp”、“shtml”等為后綴的動態(tài)網(wǎng)頁文件。.1網(wǎng)站開發(fā)環(huán)境軟件環(huán)境操作系統(tǒng)：Windowsxp數(shù)據(jù)庫：MicrosoftOfficeAccess開發(fā)軟件：DreamweaverCS3Photoshopcs4硬件環(huán)境內(nèi)存：金士頓DDR2800MHz2GB硬盤：希捷ST3250310AS（250GB）顯卡：NvidiaGeforce9600GT（512MB）顯示器：三星SAM036FSyncMaster（）網(wǎng)站建設(shè)目標(biāo)的管理可行性對于用戶來說，本系統(tǒng)只要求使用者掌握一定的上網(wǎng)經(jīng)驗，經(jīng)過仔細(xì)設(shè)計和測試之后的系統(tǒng)具有操作簡單，方便靈活等優(yōu)點，足可以滿足各種用戶的不同需求，同時也方便了管理人員的內(nèi)部管理。管理人員及用戶一定會在短時間內(nèi)掌握并熟練使用。只要動一動鼠標(biāo)鍵盤就可以達(dá)到想要的效果1.2相關(guān)理論知識介紹及工具介紹ASP技術(shù)ActiveServerPages：“動態(tài)服務(wù)器網(wǎng)頁”，一般簡稱為“ASP”，ASP之所以能受到大家的重視與使用的原因，主要在于所產(chǎn)生的執(zhí)行結(jié)果都是標(biāo)準(zhǔn)的HTML格式，而且這些程序是在網(wǎng)絡(luò)服務(wù)端中執(zhí)行，使用一般的瀏覽器（如IE或Netscape）都可以正確地獲得ASP的“執(zhí)行”結(jié)果，并且將這ASP執(zhí)行的結(jié)果直接在瀏覽器中“瀏覽”。ASP的程序比HTML更方便而更富有靈活性.是在Web服務(wù)器端運行,運行后再將運行結(jié)果以HTML格式傳送至客戶端的瀏覽器。因此ASP與一般的腳本語言相比要安全得多。ASP最大的好處就是可以包含HTML標(biāo)簽,也可以直接存取數(shù)據(jù)庫及使用無限擴充的ActiveX控件,用戶可以直接使用ActiveX控件,調(diào)用對象方法和屬性,以簡單的方式實現(xiàn)強大的交互功能。但ASP技術(shù)也并非完美無缺,由于它基本上是局限于微軟的操作系統(tǒng)平臺,主要的工作環(huán)境是微軟的IIS應(yīng)用程序結(jié)構(gòu),又因ActiveX對象具有平臺特性,所以ASP技術(shù)要實現(xiàn)在跨平臺Web服務(wù)器上工作,不是很容易。在ASP的程序開發(fā)中,它所用的腳本語言是JavaScript和VBScript,在默認(rèn)情況下使用的是VBscript,它是VB程序設(shè)計語言的一個子集,語法與VB基本相同。ASP中的ADO對象用來執(zhí)行與數(shù)據(jù)庫相關(guān)的操作,ADO再以O(shè)LEDB或ODBC的方式訪問數(shù)據(jù)庫。HtmlHTML（HyperTextMarkupLanguage超文本標(biāo)記語言）是一種用來制作超文本文檔的簡單標(biāo)記語言。與常見的字處理文件不同,Web頁以超文本標(biāo)識語言編排格式。HTML文件是帶有特定HTML插入標(biāo)記的用以編排文檔屬性和格式的標(biāo)準(zhǔn)文本文件。它能獨立于各種操作系統(tǒng)平臺（如UNIX，WINDOWS等）。自1990年以來HTML就一直被用作WorldWideWeb上的信息表示語言，用于描述Homepage的格式設(shè)計和它與WWW上其它Homepage的連結(jié)信息。HTML文檔（即Homepage的源文件）是一個放置了標(biāo)記的ASCII文本文件，通常它帶有.html或.htm的文件擴展名。生成一個HTML文檔主要有以下三種途徑：手工直接編寫（例如用你所喜愛的ASCII文本編輯器或其它HTML編輯工具）。通過某些格式轉(zhuǎn)換工具將現(xiàn)有的其它格式文檔（如WORD文檔）轉(zhuǎn)成HTML文檔。由Web服務(wù)器（或稱服務(wù)器）一方實時動態(tài)地生成。在一個HTML網(wǎng)頁文件中，一般必須有一對〈html〉</html>標(biāo)記作為文件的開頭和結(jié)尾，在<html>標(biāo)記后是頭部標(biāo)記<head></head>,其后是實體標(biāo)記<body></body>Access數(shù)據(jù)庫完善地管理各種數(shù)據(jù)庫對象，具有強大的數(shù)據(jù)組織、用戶管理、安全檢查等功能。強大的數(shù)據(jù)處理功能，在一個工作組級別的網(wǎng)絡(luò)環(huán)境中，使用Access開發(fā)的多用戶數(shù)據(jù)庫管理系統(tǒng)具有傳統(tǒng)的XBASE(DBASE、FoxBASE的統(tǒng)稱)數(shù)據(jù)庫系統(tǒng)所無法實現(xiàn)的客戶服務(wù)器(Cient/Server)結(jié)構(gòu)和相應(yīng)的數(shù)據(jù)庫安全機制，Access具備了許多先進的大型數(shù)據(jù)庫管理系統(tǒng)所具備的特征，如事務(wù)處理/出錯回滾能力等?？梢苑奖愕厣筛鞣N數(shù)據(jù)對象，利用存儲的數(shù)據(jù)建立窗體和報表，可視性好。作為Office套件的一部分，可以與Office集成，實現(xiàn)無縫連接。能夠利用Web檢索和發(fā)布數(shù)據(jù)，實現(xiàn)與Internet的連接。Access主要適用于中小型應(yīng)用系統(tǒng)，或作為客戶機/服務(wù)器系統(tǒng)中的客戶端數(shù)據(jù)庫。第三章網(wǎng)站策劃及主要功能3.1網(wǎng)站總體規(guī)劃網(wǎng)站的定位Javascript教學(xué)網(wǎng)站是提供給華軟網(wǎng)絡(luò)技術(shù)系的網(wǎng)站，是面向給華軟軟件學(xué)院的師生而設(shè)立的，它將為網(wǎng)絡(luò)系提供一個信息資源集散地，所以它的性質(zhì)是為華軟網(wǎng)絡(luò)系提供關(guān)于javascript編程的課程教學(xué)和資源享用，師生交流的服務(wù)性平臺的網(wǎng)站。網(wǎng)站的內(nèi)容建設(shè)網(wǎng)站最基本主要分為前臺的頁面制作、后臺的編程兩個部分，本人主要負(fù)責(zé)前臺的制作，前臺主要的版塊為課程教學(xué)，資源下載，在線測試，留言，會員登錄等等。前臺的功能方面，課程教學(xué)主要是提供關(guān)于javascript的內(nèi)容教學(xué)，資源下載主要是提供給用戶下載關(guān)于javascript學(xué)習(xí)的平臺和應(yīng)用軟件，在線測試主要是提供給用戶進行關(guān)于javascript編程的測試，了解自己對于該課程的熟悉和掌握程度，留言主要是提供給用戶對該網(wǎng)站建議或者對一些疑問所設(shè)立的一個交流平臺。網(wǎng)站的設(shè)計原則實用性：網(wǎng)站前臺系統(tǒng)能夠展示各個欄目和界面，而且滿足javascript教學(xué)網(wǎng)站的需求。方便性：前臺系統(tǒng)操作簡單方便，功能強大，后臺界面簡潔美觀。安全性：前臺系統(tǒng)能夠防止非法用戶的入侵，防止數(shù)據(jù)丟失，安全可靠。可靠性：前臺系統(tǒng)能穩(wěn)定運行，不會產(chǎn)生亂碼或其他錯誤。智能性：減少維護員對代碼的更改，做到不需要更改代碼就可以實現(xiàn)全部功能。3.2主要功能以下是具體的前臺主要功能：前臺首頁：展示各個欄目的標(biāo)題及界面。課程教學(xué)：提供關(guān)于javascript的內(nèi)容教學(xué)，方便學(xué)生的學(xué)習(xí)。在線測試：給用戶進行關(guān)于javascript編程的測試，了解自己對于該課程的熟悉和掌握程度資源下載：給用戶下載關(guān)于javascript學(xué)習(xí)和制作的平臺和應(yīng)用軟件。投票管理：能夠?qū)η芭_的投票系統(tǒng)內(nèi)容進行修改，添加，刪除等。會員登錄：提供給用戶進行登錄，用于留言或者在線測試。留言：給用戶對該網(wǎng)站建議或者對一些疑問所設(shè)立的一個交流平臺公告：在前臺顯示的公告內(nèi)容。第四章數(shù)據(jù)庫設(shè)計4.1MicrosoftOfficeAccess簡介MicrosoftOfficeAccess（前名MicrosoftAccess）是由微軟發(fā)布的關(guān)聯(lián)式數(shù)據(jù)庫管理系統(tǒng)。它結(jié)合了MicrosoftJetDatabaseEngine和圖形用戶界面兩項特點，是MicrosoftOffice的成員之一。有以下優(yōu)點：(1)存儲方式簡單，易于維護管理。(2)面向?qū)ο驛ccess是一個面向?qū)ο蟮拈_發(fā)工具，利用面向?qū)ο蟮姆绞綄?shù)據(jù)庫系統(tǒng)中的各種功能對象化，將數(shù)據(jù)庫管理的各種功能封裝在各類對象中。(3）界面友好、易操作。(4)集成環(huán)境、處理多種數(shù)據(jù)信息。(5)Access支持ODBC（開發(fā)數(shù)據(jù)庫互連，OpenDataBaseConnectivity），利用Access強大的DDE（動態(tài)數(shù)據(jù)交換）和OLE（對象的聯(lián)接和嵌入）特性，可以在一個數(shù)據(jù)表中嵌入位圖、聲音、Excel表格、Word文檔，還可以建立動態(tài)的數(shù)據(jù)庫報表和窗體等。(6)支持廣泛，易于擴展，彈性較大。4.2數(shù)據(jù)庫概念結(jié)構(gòu)設(shè)計建設(shè)網(wǎng)站少不了數(shù)據(jù)庫的支持，一個好的數(shù)據(jù)庫能夠大大提高網(wǎng)站運行效率和開發(fā)效率，所以建設(shè)網(wǎng)站前要做好數(shù)據(jù)庫的概念結(jié)構(gòu)設(shè)計，數(shù)據(jù)庫概念結(jié)構(gòu)需要建立局部ER圖，根據(jù)全部的局部ER圖創(chuàng)建數(shù)據(jù)庫。(1)網(wǎng)站配置(config)實體E-R圖圖3-1網(wǎng)站配置(config)實體E-R圖上圖是網(wǎng)站配置實體E-R圖，E-R圖是“實體關(guān)系圖”，該圖意思是：網(wǎng)站配置為實體，其中有編號，網(wǎng)站名稱，域名，客服QQ,網(wǎng)站郵箱，網(wǎng)站，，網(wǎng)站地址，號，號，管理員帳號，管理員密碼。轉(zhuǎn)換為數(shù)據(jù)庫邏輯模型為：網(wǎng)站配置（編號，網(wǎng)站名稱，域名,客服QQ,網(wǎng)站郵箱，網(wǎng)站，，網(wǎng)站地址，號，號，管理員帳號，管理員密碼）。(2)課程信息(doc)實體E-R圖圖3-2課程信息(doc)實體E-R圖上圖是網(wǎng)站課程信息實體E-R圖，E-R圖是“實體關(guān)系圖”，該圖意思是：課程為實體,其中有編號，標(biāo)題，內(nèi)容，發(fā)表時間，來源，作者，瀏覽數(shù)，所屬分類，關(guān)鍵字。轉(zhuǎn)換為數(shù)據(jù)庫邏輯模型為：課程(編號，標(biāo)題，內(nèi)容，發(fā)表時間，來源，作者，瀏覽數(shù)，所屬分類，關(guān)鍵字)。(3)資源下載(down)實體E-R圖圖3-3資源下載(down)實體E-R圖上圖是資源下載實體E-R圖，E-R圖是“實體關(guān)系圖”，該圖意思是：資源下載為實體，其中有編號，資源名稱，資源網(wǎng)址，程序版本，資源大小，下載說明，語言，授權(quán)方式，評價等級，是否為會員，下載數(shù)。轉(zhuǎn)換為數(shù)據(jù)庫邏輯模型為：資源下載（編號，資源名稱，資源網(wǎng)址，程序版本，資源大小，下載說明，語言，授權(quán)方式，評價等級，是否為會員，下載數(shù)）。(4)公告(gonggao)實體E-R圖圖3-4公告(gonggao)實體E-R圖上圖是公告實體E-R圖，E-R圖是“實體關(guān)系圖”，該圖意思是：公告為實體，其中有編號，公告名稱，公告內(nèi)容，添加時間，添加人員。轉(zhuǎn)換為數(shù)據(jù)庫邏輯模型為：公告（編號，公告名稱，公告內(nèi)容，添加時間，添加人員）。(5)用戶留言(ly)實體E-R圖圖3-5用戶留言(ly)實體E-R圖上圖是用戶留言實體E-R圖，E-R圖是“實體關(guān)系圖”，該圖意思是：用戶留言為實體，其中有編號，留言標(biāo)題，留言內(nèi)容，留言時間，留言會員，回復(fù)內(nèi)容，回復(fù)時間，留言審核。轉(zhuǎn)換為數(shù)據(jù)庫邏輯模型為：用戶留言（編號，留言標(biāo)題，留言內(nèi)容，留言時間，留言會員，回復(fù)內(nèi)容，回復(fù)時間，留言審核）。(6)測試章節(jié)(testsubject)實體E-R圖圖3-6測試章節(jié)(testsubject)實體E-R圖上圖是測試章節(jié)實體E-R圖，E-R圖是“實體關(guān)系圖”，該圖意思是：測試章節(jié)為實體，其中有編號，測試章節(jié)，章節(jié)說明。轉(zhuǎn)換為數(shù)據(jù)庫邏輯模型為：測試章節(jié)(編號，測試章節(jié)，章節(jié)說明)。(7)題目測試(testtopic)實體E-R圖圖3-7題目測試(testtopic)實體E-R圖上圖是測試題目實體E-R圖，E-R圖是“實體關(guān)系圖”，該圖意思是：測試題目為實體，其中有編號，所屬章節(jié)，試題類型，題目描述，選項1，選項2，選項3，選項4，選項5，題目分值，答案。轉(zhuǎn)換為數(shù)據(jù)庫邏輯模型為：測試題目（編號，所屬章節(jié)，試題類型，題目描述，選項1，選項2，選項3，選項4，選項5，題目分值，答案）。(8)用戶測試信息(testinfo)實體E-R圖圖3-8用戶測試信息(testinfo)實體E-R圖上圖是用戶測試信息實體E-R圖，E-R圖是“實體關(guān)系圖”，該圖意思是：用戶測試信息為實體，其中有編號，用戶登陸名，用戶密碼，題目測試章節(jié)，測試得分，測試時間。轉(zhuǎn)換為數(shù)據(jù)庫邏輯模型為：用戶測試信息（編號，用戶登陸名，用戶密碼，題目測試章節(jié)，測試得分，測試時間）。(9)投票系統(tǒng)(vote)實體E-R圖圖3.9投票系統(tǒng)(vote)實體E-R圖上圖是投票實體E-R圖，E-R圖是“實體關(guān)系圖”，該圖意思是：投票為實體，其中有編號，投票標(biāo)題，投票內(nèi)容1，投票內(nèi)容2，投票內(nèi)容3，投票內(nèi)容1票數(shù)，投票內(nèi)容2票數(shù)，投票內(nèi)容3票數(shù)。轉(zhuǎn)換為數(shù)據(jù)庫邏輯模型為：投票（編號，投票標(biāo)題，投票內(nèi)容1，投票內(nèi)容2，投票內(nèi)容3，投票內(nèi)容1票數(shù)，投票內(nèi)容2票數(shù)，投票內(nèi)容3票數(shù)）。(10)會員(zchy)實體E-R圖圖3.10會員(zchy)實體E-R圖上圖是會員實體E-R圖，E-R圖是“實體關(guān)系圖”，該圖意思是：會員為實體，其中有編號，會員名稱，會員密碼，聯(lián)系號碼，注冊日期，QQ號碼，郵箱，是否會員。轉(zhuǎn)換為數(shù)據(jù)庫邏輯模型為：會員（編號，會員名稱，會員密碼，聯(lián)系號碼，注冊日期，QQ號碼，郵箱，是否會員）。4.3系統(tǒng)處理流程通過以上的E-R圖，我把它們綜合成全局概念結(jié)構(gòu)，可以得出一個系統(tǒng)處理流程圖，系統(tǒng)處理流程不僅要支持所有局部ER模式，而且必須合理地表示一個完整、一致的數(shù)據(jù)庫概念結(jié)管理員賬號管理員登錄登錄標(biāo)志信息管理員表態(tài)網(wǎng)站動態(tài)內(nèi)容（管理）請求數(shù)據(jù)庫內(nèi)容管理員賬號管理員登錄登錄標(biāo)志信息管理員表態(tài)網(wǎng)站動態(tài)內(nèi)容（管理）請求數(shù)據(jù)庫內(nèi)容底層數(shù)據(jù)庫返回內(nèi)容圖1系統(tǒng)處理流程圖4.4數(shù)據(jù)庫創(chuàng)建本后臺的系統(tǒng)使用MicrosoftOfficeAccess（如圖1）,其中包括11條數(shù)據(jù)表，其中包括config(網(wǎng)站配置表),doc（課程表）,down（資源下載表），gonggao(公告表)，lm(欄目表)，ly(留言表)，testinfo(用戶測試)，testsubject(測試章節(jié))，testtopic(測試題目)，voto(投票表)，zchy(用戶表。（如圖2）圖1圖24.5數(shù)據(jù)庫結(jié)構(gòu)及實現(xiàn)根據(jù)系統(tǒng)的基本架構(gòu)可以設(shè)計出數(shù)據(jù)庫的結(jié)構(gòu)類型。創(chuàng)建config表，用來存儲網(wǎng)站的基本配置信息，比如管理員用戶名及密碼等等。如下圖圖3創(chuàng)建doc表，用來存儲網(wǎng)站的課程內(nèi)容等。如下圖圖4創(chuàng)建down表，用來存儲網(wǎng)站的資源以供下載。如下圖圖5創(chuàng)建gonggao表，用來存儲網(wǎng)站的在前臺顯示的公告內(nèi)容等。如下圖圖6創(chuàng)建lm表，用來存儲網(wǎng)站在前臺顯示的欄目名稱等。如下圖圖7創(chuàng)建ly表，用來存儲網(wǎng)站在前臺顯示的用戶ly信息等內(nèi)容。如下圖圖8創(chuàng)建testinfo表，用來保存與用戶測試相關(guān)的信息。如下圖圖9創(chuàng)建testsubject表，該表存儲測試的章節(jié)等信息。如下圖圖10創(chuàng)建testtopic表，該表保存測試題目的詳細(xì)信息。如下圖圖11創(chuàng)建vote表，該表保存投票的信息。如下圖圖12創(chuàng)建zchy表，該表用來存儲注冊用戶信息等。如下圖圖13第五章系統(tǒng)功能實現(xiàn)和制作5.1系統(tǒng)功能模塊分析Javascript編程教學(xué)網(wǎng)站后臺系統(tǒng)主要為前臺模塊。功能為下。前臺模塊：前臺首頁：展示各個欄目的標(biāo)題及界面。課程教學(xué)：提供關(guān)于javascript的內(nèi)容教學(xué)，方便學(xué)生的學(xué)習(xí)。在線測試：給用戶進行關(guān)于javascript編程的測試，了解自己對于該課程的熟悉和掌握程度資源下載：給用戶下載關(guān)于javascript學(xué)習(xí)和制作的平臺和應(yīng)用軟件。投票管理：能夠?qū)η芭_的投票系統(tǒng)內(nèi)容進行修改，添加，刪除等。會員登錄：提供給用戶進行登錄，用于留言或者在線測試。留言：給用戶對該網(wǎng)站建議或者對一些疑問所設(shè)立的一個交流平臺公告：在前臺顯示的公告內(nèi)容。5.2公共管理模塊的實現(xiàn)工程在開發(fā)動態(tài)網(wǎng)站時，可以將常用的程序模塊放置在一個文件中，需要使用該功能的網(wǎng)頁直接調(diào)用該文件即可。這樣，既可以提高對代碼的重用性又便于對代碼進行維護，在編程過程中可以起到事半功倍的效果。5創(chuàng)建數(shù)據(jù)庫連接創(chuàng)建數(shù)據(jù)庫連接是指通過指定的連接方式與數(shù)據(jù)庫建立連接，以保證對數(shù)據(jù)庫的正常操作。下面是本網(wǎng)站用到的ASP連接SQLServer數(shù)據(jù)庫的代碼。<%'FileName="Connection_ado_conn_string.htm"'Type="ADO"'DesigntimeType="ADO"'="false"'Catalog=""'Schema=""MM_connjx_STRING="Driver={MicrosoftAccessDriver(*.mdb)};DBQ=C:\inetpub\wwwroot\teach.mdb"%>在網(wǎng)站中，需要連接數(shù)據(jù)庫的其他網(wǎng)頁可以通過#include指令包含此asp文件，即可建立數(shù)據(jù)庫連接，代碼如下：<!--#includefile="Connections/connjx.asp"-->5CSS樣式表文件設(shè)計CSS層疊樣式表是一種簡單、靈活、易學(xué)的工具，可使任何瀏覽器都聽從指令、知道該如何顯示元素及其內(nèi)容。掌握CSS樣式表不僅能更好、更快地完成網(wǎng)頁設(shè)計使頁面具有動態(tài)效果，還有助于統(tǒng)一網(wǎng)站的整體風(fēng)格。在網(wǎng)頁中通過<link>標(biāo)記可以引用CSS樣式表文件，代碼如下：前臺頁面css代碼：<styletype="text/css"><!--body{margin-top:0px;background-color:#0099FF;}.STYLE2{font-size:14}a:link{text-decoration:none;}a:visited{text-decoration:none;}a:hover{text-decoration:none;}a:active{text-decoration:none;}.STYLE3{color:#3399CC}.STYLE4{color:#33CCCC}--></style>通過上述設(shè)置，就完成了頁面和超連接這兩個最重要的CSS設(shè)置。也就完成了一個簡單的CSS文件創(chuàng)建。這個CSS文件將在本程序的大部分網(wǎng)頁中進行加載。如在<head>和</head>中使用<linkhref="cssbook.css"rel="stylesheet"type="text/css"/>。5.3前臺首頁設(shè)計前臺首頁設(shè)計由logo，廣告圖片，欄目導(dǎo)航，公告設(shè)計，會員登錄及欄目標(biāo)題及版權(quán)信息等組成的首頁模塊。如圖1所示：以上為圖1所示前臺首頁能夠提供欄目導(dǎo)航，如課程教學(xué)，資源下載，在線測試，留言等以及顯示最新的公告內(nèi)容，提供給會員登錄前臺，還有列出比較熱門的javascript課程標(biāo)題提供點擊閱讀以及軟件下載等等。界面比較清晰整潔，使人感到比較清新。5.4整體頁面設(shè)計5會員登錄面板主要功能是進行會員的注冊和登錄，通過注冊會員，就可以在前臺頁面進行在線測試及留言，并且可以查看在線測試的成績以及留言的內(nèi)容。（1）會員注冊：提供給新會員進行注冊。注冊界面如下：圖1會員注冊主要是向數(shù)據(jù)庫表zchy(會員管理表)中插入數(shù)據(jù)，通過成功插入數(shù)據(jù)完成注冊。（2）會員登錄：提供給完成注冊的用戶進行登錄，如下圖2MM_fldUserAuthorization=""MM_redirectLoginSuccess="index.sp"MM_redirectLoginFailed="loginerr.html"“登錄錯誤”提示的頁面。（3）登錄成功頁面：在登錄頁面輸入正確的用戶名和密碼后，將跳轉(zhuǎn)到loginok.asp，成功登錄的用戶可以修改注冊的資料，可以查看自己的留言，查看自己的測試成績等等。如下圖圖3主要代碼如下：Setloginok_cmd=Server.CreateObject("ADODBmand")loginok_cmd.ActiveConnection=MM_connjx_STRINGloginok_cmdmandText="SELECT*FROMzchyWHEREhymc=?"loginok_cmd.Prepared=true表示記錄集會根據(jù)當(dāng)前登錄的用戶名稱，在數(shù)據(jù)庫的“zchy”表中進行相應(yīng)記錄的提取。5課程教學(xué)課程列表點擊前臺首頁的課程教學(xué)欄目，就會跳轉(zhuǎn)到課程列表的頁面，該頁面主要是列出關(guān)于javascript課程的所有標(biāo)題，以供用戶進行點擊。如下圖：圖4主要代碼如下：<%While((downlb__numRows<>0)AND(NOTdoclb.EOF))%>·<ahref="docxx.asp?id=<%=(doclb.Fields.Item("id").Value)%>&sslm=<%=(doclb.Fields.Item("sslm").Value)%>"><%=(doclb.Fields.Item("bt").Value)%></a>〖<%=(doclb.Fields.Item("tjtime").Value)%>〗(<%=(doclb.Fields.Item("djs").Value)%>)<br/><%downlb__index=downlb__index+1downlb__numRows=downlb__numRows-1doclb.MoveNext()Wend%>通過建立記錄集doclb,從doc表格中篩選出對應(yīng)相同sslm的各個id所對應(yīng)的標(biāo)題，閱覽數(shù)，建立日期等等。課程內(nèi)容點擊課程列表的標(biāo)題，就會跳轉(zhuǎn)到課程內(nèi)容頁面，以供用戶進行瀏覽閱讀，從而學(xué)到所需的javascript編程的知識。如下圖圖5主要代碼：<%DimdocxxDimdocxx_cmdDimdocxx_numRowsSetdocxx_cmd=Server.CreateObject("ADODBmand")docxx_cmd.ActiveConnection=MM_connjx_STRINGdocxx_cmdmandText="SELECT*FROMdocWHEREid=?"docxx_cmd.Prepared=truedocxx_cmd.Parameters.Appenddocxx_cmd.CreateParameter("param1",5,1,-1,docxx__MMColParam)'adDoubledocxx_numRows=0%>該頁面主要是展示課程的內(nèi)容，課程來源，作者，瀏覽數(shù)等，主要是通過從doc表中調(diào)用，另外也可以瀏覽上一篇或者下一篇的課程內(nèi)容，方便用戶的需求。5資源下載資源下載列表列出各種下載資源的標(biāo)題，方便用戶進行瀏覽點擊，制作過程和課程列表類似，不過資源下載列表另外增加了資源簡介。如下圖圖6主要代碼如下：<%While((downlb__numRows<>0)AND(NOTdownlb.EOF))%><tablewidth="670"border="0"cellspacing="0"cellpadding="0"><tr><tdwidth="19"bgcolor="#A2D6ED"><imgsrc="images/downlb.gif"width="16"height="16"/></td><tdwidth="296"bgcolor="#A2D6ED"><ahref="downxx.asp?id=<%=(downlb.Fields.Item("id").Value)%>"><%=(downlb.Fields.Item("downcm").Value)%><%=(downlb.Fields.Item("ver").Value)%></a></td><tdwidth="80"bgcolor="#A2D6ED"><%=(downlb.Fields.Item("SQ").Value)%></td><tdwidth="121"bgcolor="#A2D6ED"><%=(downlb.Fields.Item("addtime").Value)%></td><tdwidth="154"bgcolor="#A2D6ED">下載數(shù):<%=(downlb.Fields.Item("xzs").Value)%></td></tr><tr><tdcolspan="5">    <%=(downlb.Fields.Item("downsm").Value)%></td>主要是從down表調(diào)用資源名稱，資源簡介，資源下載數(shù)。（2）下載內(nèi)容具體介紹要下載的資源，讓用戶能夠了解要下載的資源的類別，大小，等級，下載地址等等。如下圖圖7主要代碼：<%Ifsession("mm_username")=""and(downxx.Fields.Item("vip").Value)="1"Then%> 抱歉!這是VIP資源!請登錄后下載!<%ElseIfsession("mm_username")=""or(downxx.Fields.Item("vip").Value)="0"Then%> <ahref="<%=(downxx.Fields.Item("downwz").Value)%>">普通下載</a><%ElseIf(downxx.Fields.Item("vip").Value)="1"and(downuser.Fields.Item("vip").Value)="1"Then%> <ahref="<%=(downxx.Fields.Item("downwz").Value)%>">VIP下載</a><%ElseIf(downxx.Fields.Item("vip").Value)="0"and(downuser.Fields.Item("vip").Value)="1"Then%> 這是VIP資源,請注冊為--VIP會員后下載!<%EndIf%>上述代碼表示如果MM_USERNAME的值是空的，而且下載資源是vip類的話，那么就需要登錄才能下載。如果MM_USERNAME的值是空的，或者下載資源非vip類的話，那么不需要登錄就可以下載。5在線測試（1）章節(jié)測試該頁面有五個章節(jié)的單項選擇題提供給用戶做測試用，通過在不同章節(jié)進行測試來評估自己對課程內(nèi)容的了解，清楚那些內(nèi)容是還未很好掌握的，方便以后加強。該頁面如下圖8主要代碼：<%Dimii=1While((test__numRows<>0)AND(NOTRecordset2.EOF))%><tr><td><%=i%><%=(Recordset2.Fields.Item("question").Value)%>  <label><br/>  <inputname="<%=(Recordset2.Fields.Item("id").Value)%>"type="radio"value="A">A：<%=(Recordset2.Fields.Item("text1").Value)%><br/>  <inputtype="radio"name="<%=(Recordset2.Fields.Item("id").Value)%>"value="B">B：<%=(Recordset2.Fields.Item("text2").Value)%><br/>  <inputtype="radio"name="<%=(Recordset2.Fields.Item("id").Value)%>"value="C">C：<%=(Recordset2.Fields.Item("text3").Value)%><br/>  <inputtype="radio"name="<%=(Recordset2.Fields.Item("id").Value)%>"value="D">D：<%=(Recordset2.Fields.Item("text4").Value)%></label></td></tr><%test__index=test__index+1test__numRows=test__numRows-1Recordset2.MoveNext()i=i+1Wend%>在表單form1中設(shè)置4個單項按鈕，分別綁定記錄集2的text1，text2,text3,text4到4個選項中，并分別設(shè)置4個選項的值，為后面的判斷分?jǐn)?shù)做準(zhǔn)備。為了顯示選擇題的題號，在該表單中定義變量I，設(shè)置初值為1，即題號從1開始,每顯示一題，I變量自增1，便可實現(xiàn)題號的遞增.設(shè)置表單提交后，實用showresult.asp進行處理。（2）測試結(jié)果在章節(jié)測試提交后，就能得出測試的結(jié)果以及正確的選項。如下圖圖9主要代碼：<%dimi,id,answer,answer1,score i=1score=0%><%While((result__numRows<>0)AND(NOTresult.EOF))%><%id=Trim(result.Fields.Item("id").Value)answer=Trim(Request.Form(id))answer1=(result.Fields.Item("answer").Value)ifanswer=answer1Thenscore=score+2EndIfResponse.Write(i&"、您的答案："&answer&"   正確答案："&answer1&"<br>")%>該段代碼取出記錄集中ID值保存在ID變量中，使用id變量從test.asp頁面的傳遞的參數(shù)中取出用戶選中的選項，保存到變量answer中，從記錄集中取出該題目記錄的answer字段存入變量answer中。然后比較變量answer和answer1是否相同，若相同表明用戶選擇了正確的答案，則給變量score加上2分。(3)查詢成績主要是記錄了測試的用戶，測試的章節(jié)，測試的時間，題目的分?jǐn)?shù)。如下圖圖10主要代碼：<tdalign="center"><%=(chaxun.Fields.Item("hymc").Value)%></td><tdalign="center"><%=(chaxun.Fields.Item("test_subject").Value)%></td><tdalign="center"><%=(chaxun.Fields.Item("test_time").Value)%></td><tdalign="center"><%=(chaxun.Fields.Item("test_score