計算機專業(yè)畢業(yè)論文--啟蒙教育網(wǎng)站

1、<p><b>　　摘 要</b></p><p>　　隨著互聯(lián)網(wǎng)的快速發(fā)展，各式網(wǎng)站大量涌現(xiàn)，網(wǎng)上教育網(wǎng)站也以其便捷性正在被越來越多人接受。我所完成的這個幼兒啟蒙教育網(wǎng)站系統(tǒng)就是一種具有交互功能網(wǎng)上教育網(wǎng)站，它是基于Web的ASP以及Access數(shù)據(jù)庫進行設計開發(fā)的。</p><p>　　本網(wǎng)站是面向幼兒教育的。幼兒可以在家長的引導下在網(wǎng)站上學習認識一些

2、簡單的漢字，學唱一些簡單的兒歌，并且可以做一些互動，比如畫畫、折紙等等，讓幼兒在學習的同時享受到樂趣，家長如果對內容有任何意見，還可在評論板中留言，管理員會及時做出更改。</p><p>　　在后臺管理中，管理人員要進行登錄檢驗才能進入管理界面，在此可以對用戶的信息、欄目的信息、內容的信息等進行管理。本網(wǎng)站充分發(fā)揮了ASP的界面和功能代碼分離優(yōu)點，用戶使用更加容易。本網(wǎng)站還結合了Flash和Photoshop等工

3、具進行設計開發(fā)，讓網(wǎng)頁看上去更加鮮活。</p><p>　　關鍵詞：啟蒙教育，兒童， ASP技術，學習，娛樂</p><p><b>　　目錄</b></p><p><b>　　第一章 緒論1</b></p><p>　　1．1課題來源與背景1</p><p><

4、;b>　　1．2課題意義1</b></p><p>　　1．3國內網(wǎng)站開發(fā)與現(xiàn)狀2</p><p>　　第二章 系統(tǒng)分析3</p><p>　　2．1 可行性分析3</p><p>　　2．2 系統(tǒng)需求分析3</p><p>　　第三章 應用系統(tǒng)開發(fā)及工具簡介5</p>&

5、lt;p>　　3．1開發(fā)環(huán)境搭建5</p><p>　　3．2編程工具的簡單介紹5</p><p>　　3．2．1 Dreamweaver簡介5</p><p>　　3．2．2 IIS簡介5</p><p>　　3．2．3 ASP技術簡介6</p><p>　　3．2．4 VBScript工具介紹7&

6、lt;/p><p>　　3．2．5 Flash和Photoshop的介紹8</p><p>　　3．3 編程語言的介紹8</p><p><b>　　3．4網(wǎng)絡方案9</b></p><p>　　第四章 詳細設計11</p><p>　　4．1 網(wǎng)站框架介紹11</p><

7、;p>　　4．2 功能模塊的設計11</p><p>　　4．3 數(shù)據(jù)庫的設計12</p><p>　　4.3.1數(shù)據(jù)庫簡介12</p><p>　　4.3.2 數(shù)據(jù)庫設計15</p><p>　　4.4 前臺設計18</p><p>　　4．4．1 主頁面的設計18</p><p

8、>　　4．4．2 欄目的設計19</p><p>　　4.5 后臺管理員登錄的設計21</p><p>　　4.6 后臺各功能模塊的設計23</p><p>　　4．6．1用戶信息的管理23</p><p>　　4．6．2欄目管理的設計26</p><p>　　4．6．3 文章管理的設計28</

9、p><p>　　4．6．4評論管理的設計31</p><p>　　4.7 素材文件的設計和管理33</p><p>　　4．7．1 素材文件的設計33</p><p>　　4．7．2 素材文件的管理34</p><p>　　第五章 調試中出現(xiàn)的問題36</p><p>　　第六章 系統(tǒng)的

10、評價及功能37</p><p>　　6．1 系統(tǒng)評價37</p><p>　　6．2 系統(tǒng)測試37</p><p><b>　　第七章 總結37</b></p><p><b>　　致謝38</b></p><p><b>　　參考文獻39</b&

11、gt;</p><p><b>　　外文翻譯：40</b></p><p><b>　　第一章 緒論</b></p><p>　　1．1課題來源與背景</p><p>　　幼兒啟蒙的教育，即是在人的發(fā)展處于幼兒時期，運用科學的手段，對幼兒進行啟發(fā)、傳授的早期教育。人處在幼兒期時，由于年齡特征、性

12、格特點決定，幼兒對啟蒙識字與學習知識活動非常愛好，并在這些活動中，幼兒的學習積極性、注意力和記憶力相對較高，有利于進行啟蒙教育。</p><p>　　網(wǎng)絡背景下的創(chuàng)新性啟蒙教學研究是當今世界課程改革的一種潮流，也是素質教育進一步深化的客觀要求。網(wǎng)絡啟蒙教育一向被視為有效突破時空限制的教學通道。近年來，隨著信息技術的蓬勃發(fā)展，世界發(fā)達國家正如火如荼地致力于Internet在學校教育、社區(qū)教育、社會教育及在職訓練的應

13、用與研究等，由于利用網(wǎng)絡媒體進行兒童啟蒙教學與傳統(tǒng)媒體有極大的差異，因此許多研究單位在網(wǎng)絡教學方面投入相當多的時間與精力，試著設計一套能夠符合網(wǎng)絡媒體特性，并能提升啟蒙教育成果的教學系統(tǒng)。然而，目前這種基于數(shù)字化、交互式、個別化、多媒體的現(xiàn)代遠程教育平臺的新型教學模式，其理論與實踐都不夠豐富。</p><p>　　創(chuàng)新性啟蒙教育是實施素質教育的核心內涵。創(chuàng)新性的教學能激活、啟動兒童自主學習的動力系統(tǒng)，能培養(yǎng)學生的

14、創(chuàng)新意識、創(chuàng)新思維、創(chuàng)新情感和創(chuàng)新能力。它能弘揚兒童的主體意識，促進兒童個性和諧發(fā)展。對孩子進行啟蒙教育，還可以完善教育體系，建立新的幼兒教育理念，促進教育科學飛速發(fā)展。</p><p>　　通過本網(wǎng)站的設計與建設，能夠實現(xiàn)兒童啟蒙教育的初步功能，本網(wǎng)站使用ASP技術與多媒體制作軟件所開發(fā)的課件數(shù)據(jù)庫技術相結合進行開發(fā)，它內容豐富，訪問速度快。</p><p><b>　　1．2

15、課題意義</b></p><p>　　面對現(xiàn)代如此的啟蒙教育的需要，開發(fā)一個比較有個性的兒童啟蒙教育網(wǎng)站很有必要，以適應現(xiàn)代啟蒙教育的需要。</p><p>　　本啟蒙教育網(wǎng)站主要以網(wǎng)上啟蒙教育的方式，讓幼兒在家長的帶領下學習啟蒙教育知識，以便更好的完成兒童啟蒙教育,給兒童一個輕松的學習環(huán)境。本網(wǎng)站是一個比較小型的啟蒙教育學習網(wǎng)站，能夠實現(xiàn)啟蒙教育的初步功能。采用數(shù)據(jù)庫與ASP

16、編程結合的技術，實現(xiàn)資訊快報、啟蒙識字、動畫故事、娛樂空間等諸多功能，最終以實現(xiàn)既能使兒童學到知識的同時，又提高用戶對學習的興趣為目的。在幼兒期間，對幼兒進行啟蒙教育，可有效的促進孩子學語、走路、認字及活動能力的提高，為以后童年，少年期學習生活奠定基礎，并符合終身教育、素質教育的思想，對孩子的心理、生理發(fā)展具有積極的促進作用。對孩子進行啟蒙教育，還可完整教育體系，建立新的幼兒教育理念，促進教育科學飛速發(fā)展。</p><

17、;p>　　1．3國內網(wǎng)站開發(fā)與現(xiàn)狀</p><p>　　從二十世紀八十年代開始，我國各種經濟組織開始實施信息化，信息技術的高度發(fā)展及廣泛應用，使得以互聯(lián)網(wǎng)為基礎的學習網(wǎng)站越來越多。總的來說，網(wǎng)上教育所發(fā)揮的主要作用對學習者還只是一種輔助性的作用，現(xiàn)階段我國網(wǎng)上教育的應用層次還很低，還不能真正滿足大多數(shù)受教育者的需求，即讓任何人、在任何時間、任何地點都能通過網(wǎng)絡獲得學習的優(yōu)越性還遠遠沒有得到發(fā)揮。</p

18、><p>　　本人認為，啟蒙教育網(wǎng)站的設計，包含的內容可以非常多,但大體可分兩個方面，這兩方面相輔相成：</p><p>　　一方面是純網(wǎng)站本身的設計，比如文字排版，圖片制作，平面設計，三維立體設計，動態(tài)特效的設計；另一方面是網(wǎng)站的延伸設計，包括網(wǎng)站的主題定位和瀏覽群的定位，智能交互，形象包裝等等。這符合了新時代終身教育的思想，為終身素質教育奠定基礎。它強調教育貫穿人的一生，不但加強了人們對幼

19、兒教育的認可和重視，而且也對幼兒教育工作者為幼兒的可持續(xù)發(fā)展而進行教育指明方向。在幼兒期采用科學的、合理的教育方式，倡導科學的教育思想，對幼兒的發(fā)展有積極的促進作用。</p><p><b>　　第二章 系統(tǒng)分析</b></p><p><b>　　2．1 可行性分析</b></p><p>　　可行性分析包括兩部分：分

20、析建立幼兒啟蒙教育網(wǎng)站的必要性和可能性，分析建立網(wǎng)站系統(tǒng)的必要性時要注意用戶提出的理由是否充分合理。分析建立信息系統(tǒng)的可能性主要包括經濟可行性、技術可行性和操作可行性。</p><p>　　開發(fā)該系統(tǒng)的必要性，在前面的開發(fā)背景中已經強調，其必要性是顯而易見的。</p><p>　　經濟可行性是對系統(tǒng)建設、運行和維護進行估算，對系統(tǒng)建成后可能取得的經濟效益進行估計。由于目前計算機及網(wǎng)絡硬件的

21、價格已經十分低廉，性能卻有了長足的進步，一般家庭都已擁有電腦。因此，本系統(tǒng)經濟上是完全可行的。</p><p>　　采用的開發(fā)技術是ASP和Access。這兩項技術都是已經成熟的技術，所以技術上也是可行的。</p><p>　　操作可行性是對系統(tǒng)的使用人員的操作能力進行分析。該網(wǎng)站系統(tǒng)是專為兒童設計的，一般兒童都會有家長帶著使用。因此，系統(tǒng)的使用應該沒什么問題。</p>&l

22、t;p>　　2．2 系統(tǒng)需求分析</p><p>　　本網(wǎng)站是一個比較小型的啟蒙教育學習網(wǎng)站，能夠實現(xiàn)啟蒙教育的初步功能。采用數(shù)據(jù)庫與ASP編程結合的技術，實現(xiàn)啟蒙識字、資訊快報以及童話故事、娛樂活動等諸多功能，最終以實現(xiàn)既能使兒童學到知識的同時，又提高用戶的學習興趣為目的。</p><p>　　該網(wǎng)站在結構上主要分為前臺顯示和后臺管理兩個部分：</p><p&g

23、t;<b>　　一、前臺新聞顯示</b></p><p>　　可以根據(jù)網(wǎng)站的需要，顯示欄目導航，某欄目的最新N條新聞，還具有訪客數(shù)量的統(tǒng)計，每天公告顯示等。頁面主要采用兒童比較喜歡的橙色和綠色為主色調，配以一些Flash和滾動圖畫來引起兒童的興趣。</p><p><b>　　二、后臺管理</b></p><p><

24、b>　　主要包括：</b></p><p>　　1．管理者及各用戶的管理及其權限設定；</p><p>　　2．網(wǎng)站欄目的添加、刪除管理；</p><p>　　3．在不同欄目的根目錄下添加新聞文章、支持文本、HTML格式或源代碼顯示、支持圖片、音樂和Flash等的直接上傳，并可以預覽以盡快調整；</p><p>　　4．新聞

25、文章修改：不需要的文章可以刪除，也可以對好的文章設置置頂。</p><p>　　5. 基本項目管理：統(tǒng)計數(shù)據(jù)管理、網(wǎng)站留言信息的管理等。</p><p>　　后臺管理的數(shù)據(jù)流圖為：（如圖2.2）</p><p>　　圖2.2 后臺數(shù)據(jù)流圖</p><p>　　第三章 應用系統(tǒng)開發(fā)及工具簡介</p><p><b&

26、gt;　　3．1開發(fā)環(huán)境搭建</b></p><p>　　一臺接入Internet的PC機這樣硬件環(huán)境就可以。選擇Asp+Access作為開發(fā)環(huán)境，在程序服務器上，安裝了WINDOWSXP，而且在WINDOWS2000下面進行編碼開發(fā)也是可以接受的；數(shù)據(jù)庫選擇了Microsoft的Access,不但操作簡單容易上手，而且是中小型應用的首選；服務器選擇的是IIS5.1,這個版本是目前比較穩(wěn)定的一個WEB

27、環(huán)境。這樣，服務器就配置完成了。</p><p>　　俗話說：“工欲善其事，必先利其器”,開發(fā)網(wǎng)站，工具不可少。經過選擇，最后確定Dreamweaver MX作為頁面編輯工具；Access作為數(shù)據(jù)庫開發(fā)工具；還有其他一些輔助工具，在這里就不一一列舉了。</p><p>　　3．2編程工具的簡單介紹</p><p>　　3．2．1 Dreamweaver簡介</

28、p><p>　　創(chuàng)建網(wǎng)頁的工具有很多，最原始的如記事本，還有微軟公司的Frontpage，等等。在本網(wǎng)站設計過程中，所用到的是Macromedia公司的Dreamweaver。使用Dreamweaver這一網(wǎng)頁編輯器，省去了很多代碼的編寫工作，使得設計者不必編寫HTML代碼，便可以制作出精美的網(wǎng)頁。</p><p>　　Macromedia Dreamweaver是一款優(yōu)秀的“所見即所得”的網(wǎng)

29、頁編輯器，Dreamweaver的可視化特征使用戶可以直接在頁面上添加和編輯元素，而不用寫一行代碼。例如通過鼠標拖曳來添加圖像、表格等元素，在文檔中直接輸入輸入文本，還有直接插入一些常用的符號和對象等等。我們在沒有輸入代碼的情況下完成了這些工作，Dreamweaver自動將結果轉換為HTML源代碼，在代碼視圖中進行修改，這點是為專業(yè)人士考慮的，同時也方便初學者學習掌握HTML語言。</p><p>　　3．2．2

30、 IIS簡介</p><p>　　IIS是Internet Information Server(Internet信息服務器)的縮寫，它是微軟公司主推點服務器，本網(wǎng)站開發(fā)是通過最新點版本——Windows2000下點IIS5調試的。</p><p>　　IIS支持HTTP（Hypertext Transfer Protocol，超文本傳輸協(xié)議），支持與語言無關的腳本編寫和組建，IIS完全支

31、持VBScript、Jscript開發(fā)軟件以及Java等。本網(wǎng)站主要等腳本語言是VBScript。</p><p>　　3．2．3 ASP技術簡介</p><p>　　ASP是服務器端腳本編程環(huán)境。使用ASP可以交互HTML頁、腳本命令和ActiveX組件組合起來，創(chuàng)建動態(tài)的、交互的WEB網(wǎng)頁和基于WEB的功能強大的應用程序。</p><p>　　ASP（activ

32、e Server Pages）是微軟公司推出的一種用以取代CGI（Common Gateway interface）的技術。簡單講，ASP是位于服務器端的腳本運行環(huán)境，通過這種環(huán)境，用戶可以以創(chuàng)建和運行動態(tài)的、交互式的WEB應用程序，如交互式的動態(tài)網(wǎng)頁，包括使用html表單收集和處理信息、上傳與下載文件等。</p><p><b>　　ASP工作原理：</b></p><

33、p>　　ASP內含于IIS3.0和4.0之中。有了ASP，就不必擔心客戶瀏覽器是否能運行你所編寫的代碼，因為所有的程序都將在服務器執(zhí)行，包括所有嵌在普通html中的腳本程序。當程序執(zhí)行完畢后，服務器僅將執(zhí)行的結果返回客戶瀏覽器，這樣就減輕了客戶瀏覽器的負擔，大大提高了信息交互速度。</p><p>　　從字面上說，ASP包含下面3方面的含義：</p><p><b>　　1

34、：active</b></p><p><b>　　2：server</b></p><p><b>　　3：pages</b></p><p>　　作為IIS環(huán)境下開發(fā)WEB應用的一種簡單、方便的編程工具，ASP具有如下特點：</p><p>　　使用VBScript JavaScri

35、pt 等簡單易懂的腳本語言，結合Html代碼，可快速完成網(wǎng)站應用程序的開發(fā)；</p><p>　　容易編寫，無須編譯，可在服務器直接執(zhí)行；</p><p>　　使用普通的文本編輯器，如windows的記事本，即可進行編輯；</p><p>　　與瀏覽器無關，只要客戶端瀏覽器能夠執(zhí)行html代碼，就可以瀏覽ASP設計的網(wǎng)頁內容。ASP所使用的腳本語言均在WEB服務器執(zhí)

36、行，客戶端的瀏覽器不需要能夠執(zhí)行這些腳本語言。</p><p>　　ASP能與任何Activex Scripting語言相兼容，除了可以使用VBScript 或JavaScript腳本語言來設計外，還可以通過plug-in的方式，使用由第三方所提供的其他腳本語言，例如rexx,perl ,tcl等，腳本引擎是自理腳本程序的com組件；</p><p>　　ASP 的源程序不會被傳到客戶瀏覽

37、器，因而可以避免源程序被剽竊，從而提高了程序的安全性；</p><p>　　可使用服務器端的腳本來產生客戶端的腳本；</p><p>　　Activex服務器組件具有無限可擴充性，可以使用VisualBasic, Java, Visual C++, cobol等編程語言來編寫所需的Activex服務器組件。</p><p>　　3．2．4 VBScript工具介紹&

38、lt;/p><p>　　VBScript是Active Server Pages的缺省腳本語言。與一些復雜的編程語言相比，VBScript只是一種腳本語言，語法要相對簡單得多?？梢訦TML文件中直接嵌入VBScript腳本，這樣能擴展HTML的功能，使它可以對用戶的操作作出反應，進行交互，不再僅僅是一種頁面格式語言。當然也可以在ASP網(wǎng)頁中使用其他腳本語言，本課題的開發(fā)過程中ASP程序主要用了VBScript和Jav

39、aScript語言。</p><p>　　用VBScript作為服務器端的編程語言的好處是VBScript不受瀏覽器的限制。VBScript腳本在網(wǎng)頁通過網(wǎng)絡傳送給瀏覽器之前被執(zhí)行。Web瀏覽器接收到的只是標準的HTML文件。</p><p>　　VBScript只有一種稱為Variant的數(shù)據(jù)類型，Variant是一個很特殊的數(shù)據(jù)類型，它可以隨著使用方法的不同而包含不同的信息。因為Var

40、iant是VBScript中唯一的數(shù)據(jù)類型，所以它也是VBScript中所有函數(shù)返回數(shù)據(jù)的唯一類型。</p><p>　　3．2．5 Flash和Photoshop的介紹</p><p>　　Flash是一種交互式矢量多媒體技術，他的前身是Futureplash，早期網(wǎng)上流行的矢量動畫插件。后來由于Macromedia公司收購了Future Splash以后便將其改名為 Flash2，到現(xiàn)

41、在最新的Flash MX 2004?，F(xiàn)在網(wǎng)上已經有成千上萬個Flash站點，著名的如Macromedia專門ShockRave站點，全部采用 了Shockwave Flash 和Director?？梢哉fFlash已經漸漸成為交互式知量的標準，未來網(wǎng)頁的一大主流。</p><p>　　Photoshop是世界頂尖級的圖像設計與制作工具軟件。圖像處理是對已有的位圖圖像進行編輯加工處理以及運用一些特殊效果，其重點在于對

42、圖像的處理加工。在表現(xiàn)圖像中的陰影和色彩的細微變化方面或者進行一些特殊效果處理時，使用位圖形式是最佳的選擇，它在這方面的優(yōu)點是矢量圖無法比擬的。</p><p>　　3．3 編程語言的介紹</p><p>　　ASP是基于WEB的一種編程技術，可以說是CGI的一種. 它可以完成以往CGI程序的所有功能，如計數(shù)器、留言簿、公告板、聊天室等等. ASP可以輕松地實現(xiàn)對頁面內容的動態(tài)控制，根據(jù)不

43、同的瀏覽者，顯示不同的頁面內容. 而瀏覽者一點覺察不出來，就像為他專門制作的頁面一樣。</p><p>　　使用各種各樣的組件，ASP可以完成無比強大的功能。使用FileSystemObject，可以對服務器上的文件進行操作，瀏覽、復制、移動、刪除等等。 </p><p>　　有ADO（Active Database Object，動態(tài)數(shù)據(jù)庫對象）的支持，ASP對數(shù)據(jù)庫的操作非常得心應手.

44、 你甚至可以像使用本地數(shù)據(jù)庫那樣，管理遠程主機上的數(shù)據(jù)庫，對表格、記錄進行各種操作. 使用CDONTS，可以發(fā)送、查看郵件，實現(xiàn)WEBMAIL的功能. 結合WSH（Windows Scripting Host），可以實現(xiàn)對NT主機的管理，如NT用戶管理、IIS虛擬主機設置、EXCHANGE郵箱設置等等，就像管理本地機一樣方便。 </p><p>　　通過 ASP 我們可以結合 HTML 網(wǎng)頁、ASP 指令和 Ac

45、tiveX 元件建立動態(tài)、交互且高效的 WEB 服務器應用程序。 </p><p>　　ASP中所使用的腳本語言有VBScript、JavaScript，其中VBScript使得靈活的Script應用與更廣泛的領域，包括IE中的Web客戶機，ScriptIIS中的Web服務器。VBScript是嵌入ASP網(wǎng)頁中的一種重要腳本程序，JavaScript是寫在網(wǎng)頁文擋中，但可由客戶機的瀏覽器解釋執(zhí)行的腳本程序，由于其

46、不能建立類，所以只能與HTML對象做交互,被大量應用于畫面的增強、界面的交互與前端檢查上。ASP除了基本的Script程序設計能力外，還提供了功能強大的Response, Request, Server, Application, Session, Object Content 等對象Cookies集合，當網(wǎng)頁調用數(shù)據(jù)庫的時候，必須先使用ADO的Connection對象連接數(shù)據(jù)庫，本網(wǎng)站的制作中先建立Connection對象，然后ASP

47、網(wǎng)頁使用RecordSet對象和Commond對象進行存取數(shù)據(jù)源的操作， 制作過程中主要用到了Connection對象的Open方法、Execute方法和Close方法。</p><p>　　在開發(fā)ASP程序之前，需要做一些相應的準備工作。首先，所有的ASP程序都是在服務器端執(zhí)行端，比如WinXP下的IIS5.1；其次為調試開發(fā)的ASP程序，一個好的程序編輯軟件是必不可少的，在本站的開發(fā)中，所有的ASP程序都是用

48、Dreamweaver MX編輯的。</p><p>　　盡管用記事本完全可以開發(fā)ASP程序，但如果想高效地開發(fā)web數(shù)據(jù)庫管理系統(tǒng)，可用Dreamweaver MX來開發(fā)ASP文件。雖然Dreamweaver MX的很多功能都體現(xiàn)在靜態(tài)網(wǎng)頁制作和站點管理上，但用它來編寫ASP文件還是十分便捷的。</p><p>　　ASP是一種動態(tài)生成Web頁面技術，它以擴展名為.asp的純文本形式存在

49、于Web服務器上，可以用任何文本編輯器打開它。在ASP程序中可以包含純文本、HTML標記以及腳本命令。ASP本身并不是一種腳本語言，它只是提供了一種使嵌入在HTML頁面中的腳本程序得以運行的環(huán)境。由于ASP運行于服務器端，因此一定要通過WWW方式瀏覽，即URL應以http://…打頭，而不要以本地文件的形式瀏覽。</p><p>　　ASP腳本是在定界符（Delimiter）“<%”和“%>”范圍內的

50、VBScript或Java Script腳本命令，也是本網(wǎng)站主要用到的兩個腳本語言。默認情況下，主腳本語言VBScript。如果你想在某一頁中將一種腳本語言設定為主腳本語言，那么只要在.asp文件開始處再加上如下的命令就可以了: </p><p>　　<%@LANGUAGE=Scripting Language %></p><p>　　其中，Scripting Languag

51、e代表您想設置的主腳本語言</p><p><b>　　3．4網(wǎng)絡方案</b></p><p><b>　　硬件要求：</b></p><p>　　數(shù)據(jù)庫服務器：最低PIII / 256M / 2G自由空間</p><p>　　客戶端： 最低PIII / 256M / 2G自由空間<

52、/p><p>　　建議PIV / 512M / 4G自由空間或更高配置</p><p><b>　　軟件要求： </b></p><p>　　服務器：操作系統(tǒng)采用Windows XP/2000、數(shù)據(jù)庫采用Access； </p><p>　　客戶端：操作系統(tǒng)采用XP / 2000

53、 </p><p><b>　　第四章 詳細設計</b></p><p>　　4．1 網(wǎng)站框架介紹</p><p>　　本網(wǎng)站是一個比較小型的啟蒙教育學習網(wǎng)站，能夠實現(xiàn)啟蒙教育的初步功能。采用數(shù)據(jù)庫與ASP編程結合的技術，實現(xiàn)啟蒙識字、資訊快報以及童話故事、娛樂活動等諸多功能。</p><p>　　啟蒙教育網(wǎng)站主要提供網(wǎng)

54、上的啟蒙教育平臺，父母可以帶著孩子寓教于樂,該啟蒙教育網(wǎng)站結構為：（如下圖4.1）</p><p>　　4．2 功能模塊的設計</p><p><b>　　如圖4.2：</b></p><p>　　圖4.2 功能模塊圖</p><p>　　4．3 數(shù)據(jù)庫的設計</p><p>　　4.3.1數(shù)據(jù)庫

55、簡介</p><p>　　在20世紀60年代末，數(shù)據(jù)庫技術才開始發(fā)展。數(shù)據(jù)庫系統(tǒng)的概念形成至今不到40年。而如今，數(shù)據(jù)庫技術已經發(fā)展成為一個大家族，數(shù)據(jù)模型、新興技術層出不窮，不斷擴展的應用領域使數(shù)據(jù)庫朝著多維度、多方面迅速發(fā)展。數(shù)據(jù)庫技術在各行各業(yè)已經得到了廣泛的應用，成為存儲、使用和更新信息資源的主要手段，產生了巨大的經濟和社會效益。因此，學習和研究數(shù)據(jù)庫，不斷的推廣數(shù)據(jù)庫，不斷地利用現(xiàn)有數(shù)據(jù)庫技術和開發(fā)數(shù)據(jù)

56、庫新技術為社會和經濟發(fā)展服務，是每個計算機工作者必須要做的工作。</p><p>　　ASP的數(shù)據(jù)庫應用：ADO提供Connection對象，可以使用該對象建立和管理應用程序同ODBC數(shù)據(jù)庫之間的連接。Connection對象具有各種屬性和方法，可以使用他們打開和關閉數(shù)據(jù)庫連接，并且發(fā)出查詢請求來更新信息。下面的腳本創(chuàng)建Connection對象，接著打開數(shù)據(jù)庫連接:</p><p><

57、;b>　　<% </b></p><p>　　set conn=Server.CreateObject(“ADODB.Connection”)//創(chuàng)建一個連接對象</p><p>　　conn.Open "Provider=Microsoft.Jet.OLEDB.4.0;</p><p>　　Data Source='&am

58、p; Server.MapPath('data.mdb') "</p><p>　　//打開一個連接，連接字符串指向DSN</p><p><b>　　%></b></p><p>　　在本網(wǎng)站開發(fā)過程中，為避免在不同電腦上運行要設置ODBC數(shù)據(jù)庫連接的麻煩，采用了以下打開數(shù)據(jù)庫的方式。下面的腳本可以省去設置OD

59、BC而可以直接運行。</p><p><b>　　<%</b></p><p>　　db="data/db1.MDB" //更改數(shù)據(jù)庫名字</p><p>　　set conn=Server.CreateObject(“ADODB.Connection”)//創(chuàng)建一個連接對象</p><p>　

60、　connstr="Provider=Microsoft.Jet.OLEDB.4.0;</p><p>　　Data Source=" & Server.MapPath(db)</p><p>　　conn.Open connstr</p><p>　　function CloseDatabase '//關閉數(shù)據(jù)庫</p

61、><p>　　Conn.close</p><p>　　Set conn = Nothing</p><p>　　End Function</p><p><b>　　%></b></p><p>　　當連接了數(shù)據(jù)庫后，就可以對數(shù)據(jù)庫進行操作，例如查詢、刪除、更新等，這些操作都是通過SQL指令，

62、用Connection對象的Execute方法來完成的。SQL是用于與數(shù)據(jù)庫通信的工業(yè)標準語言，它有許多命令可用來檢索和更新信息。</p><p>　　下面腳本使用Connection對象的Excecute方法執(zhí)行SQL Select命令，該命令將查詢出數(shù)據(jù)庫表db1中“username”字段為“yhy”的數(shù)據(jù)：</p><p>　　<% set rs=conn.execute (s

63、ql)</p><p>　　sql = "Select * From info Where username='yhy' </p><p>　　Set rs=Server.CreateObject(“ADODB.Recordset”)</p><p>　　Rs.open sql,conn,3,1 /*可讀,當前記錄可自由移動<

64、;/p><p><b>　　%></b></p><p>　　其中Rs.open sql,conn,3,1中第三個參數(shù)3指Recordset類型(詳見表4.1.1), 第四個參數(shù)1指鎖定類型 (詳見表4.1.2).</p><p>　　表4.1.1 Recordset</p><p>　　表4.1.2 鎖定類型&

65、lt;/p><p>　　通過以上指令，我們創(chuàng)建了一個結果集（Recordset）對象rs。我們可以想象Recordset像一個電子表格，它有一行行的記錄，在任何時候都有一行是它的當前行，而Recordset的字段是用Recordset的Field集合表示的。我們可以用rs(“字段名”)來引用數(shù)據(jù)庫中的數(shù)據(jù)。本課題中，要從數(shù)據(jù)庫中讀取數(shù)據(jù)時，主要用到了下面的循環(huán)語句：</p><p>　　whi

66、le not（eof and bof） do </p><p><b>　　…………</b></p><p><b>　　loop</b></p><p>　　語句來判斷數(shù)據(jù)庫內容是否到最后一句，如果否，則執(zhí)行中間的語句，從而讀取數(shù)據(jù)庫中的數(shù)據(jù)，達到交互的功能。</p><p>　　4.3.2 數(shù)

67、據(jù)庫設計</p><p>　　打開Microsoft Access2000數(shù)據(jù)庫，然后選擇“空數(shù)據(jù)庫”新建一個數(shù)據(jù)庫文件，把數(shù)據(jù)庫命名為線索NBArticle.mdb并把數(shù)據(jù)庫保存到data文件夾下，然后選擇“使用設計器創(chuàng)建表”分別創(chuàng)建NB_Column、NB_Content、NB_Review、NB_System、T_user_admin等數(shù)據(jù)庫表。各表結構描述如下:</p><p>&

68、lt;b>　　1．欄目信息表：</b></p><p>　　表4-1欄目信息表NB_Column</p><p><b>　　2．內容信息表：</b></p><p>　　表4-2內容信息表NB_Content</p><p><b>　　3．評論信息表：</b></p>

69、;<p>　　表4-3評論信息表NB_Review</p><p><b>　　4．系統(tǒng)信息表：</b></p><p>　　表4-4系統(tǒng)信息表NB_System</p><p><b>　　5．用戶信息表：</b></p><p><b>　　表4-5用戶信息表</b

70、></p><p><b>　　4.4 前臺設計</b></p><p>　　4．4．1 主頁面的設計</p><p>　　在前臺主頁面中,共設計了幾個板塊,包括資訊快遞,動畫故事,童話城堡,啟蒙識字以及娛樂空間等，主頁面中還可以顯示訪客的數(shù)量，訪問的時間日期等。</p><p><b>　　其界面如下：

71、</b></p><p>　　圖4.4.1 前臺主頁面</p><p>　　主頁中可以顯示當前訪問的時間和訪客的人數(shù)，在主頁面中主要使用如下javascript代碼顯示當前的日期及星期，代碼如下:</p><p>　　<script language="javascript"></p><p>　

72、　var week; </p><p>　　if(new Date().getDay()==0) week="星期日"</p><p>　　if(new Date().getDay()==1) week="星期一"</p><p>　　if(new Date().getDay()==2)

73、 week="星期二" </p><p>　　if(new Date().getDay()==3) week="星期三"</p><p>　　if(new Date().getDay()==4) week="星期四"</p><p>　　if(new Dat

74、e().getDay()==5) week="星期五"</p><p>　　if(new Date().getDay()==6) week="星期六"</p><p>　　document.write((new Date( ). getYear ( ))+"年"+(new Date( ).get

75、Month( )+1)+"月"+new Date().getDate()+"日 "+week);</p><p><b>　　</script></b></p><p>　　4．4．2 欄目的設計</p><p>　　本網(wǎng)站主要是針對兒童設計，因此加入了一些Flash和一些動態(tài)的圖片，在各個欄

76、目里也都有體現(xiàn)，以啟蒙識字和娛樂空間為例。</p><p>　　啟蒙識字主要是教兒童認識一些簡單的漢字，因為素材的缺乏，不能添加相應的發(fā)音，只能注以拼音，其中的界面如下：</p><p>　　圖4.4.2-1啟蒙識字頁面</p><p>　　這里面的FLASH是通過后臺文章管理中的內置編輯器直接上傳上來的。與此相似的，在娛樂空間里添加了很多適合兒童初級時玩的小游戲，

77、以激發(fā)兒童學習的興趣，主要設置了學畫畫、學折紙、學唱兒歌、認國旗等，這些內容都是用FLASH、圖片和音頻文件做成的，讓兒童可以直接跟著網(wǎng)頁自己動手做，加強了與兒童之間的互動性。</p><p>　　其中學畫畫欄目的主界面如下圖：</p><p>　　圖4.4.2-2 分欄目學畫畫頁面</p><p>　　每個主題的標題可以設置成紅、藍、綠三種顏色，這是管理員自行設

78、定的，以增強頁面色彩的活躍度，瀏覽的訪客還可以看到每篇文章的訪問量，以選擇自己感興趣的內容進行瀏覽。</p><p>　　下圖是一個畫畫過程中的界面：</p><p>　　圖4.4.2-3 文章內容圖</p><p>　　兒童只要用鼠標點中自己想要的顏色，再點在圖畫中，就可以完成這幅畫了，很好的調動了兒童對顏色的敏感度跟調配能力。在每個項目的下方，還有供家長發(fā)表留

79、言的地方，講講對網(wǎng)站的意見，和對這個內容的評價等，以便網(wǎng)站的管理者跟用戶間有個很好的交流和互動，及時對網(wǎng)站進行整改。這里的留言信息管理員可以在后臺進行管理，及時刪除不必要的留言信息。這在下面介紹后臺的時候會詳細解釋。</p><p>　　4.5 后臺管理員登錄的設計</p><p>　　管理員要進入后臺管理,必須經過身份驗證,身份驗證的頁面設計如下:</p><p>

80、;　　圖4.5 后臺登錄界面</p><p>　　后臺管理頁面的設計,調用backadmin/admin/index.asp程序來完成后臺登錄,在index.asp頁面中,設計了一個函數(shù)function trim(vStr)來檢索字符串輸入是否合法,不合法時,使用{alert("指定字段不允許為空!");給出提示,合法的情況下,使用login.asp進行身份與密碼的判斷,具體代碼如下:<

81、/p><p><b>　　<%</b></p><p><b>　　'初始化數(shù)據(jù)庫</b></p><p>　　set rs=server.CreateObject("adodb.recordset")</p><p>　　userName=SwapStr(reques

82、t("userName"))</p><p>　　userKey=SwapStr(request("userKey"))</p><p>　　if userName<>"" and userKey<>"" then</p><p>　　sql="sele

83、ct * from T_user_admin where username='"&userName&"'"</p><p>　　rs.open sql,conn,3,3</p><p>　　if not rs.eof then</p><p>　　pass=trim(rs("UserKey&qu

84、ot;))</p><p><b>　　end if</b></p><p>　　if rs.eof then</p><p>　　landeorr("用戶不存在!")</p><p><b>　　end if</b></p><p>　　if pass&

85、lt;>userKey then</p><p>　　landeorr("密碼錯誤!")</p><p><b>　　else</b></p><p>　　session.Timeout=180</p><p>　　session("JinbeiAdminLogin")=us

86、erName</p><p>　　session("menuId")=rs("menuId")</p><p>　　session("quanxian")=rs("quanxian")</p><p>　　response.Redirect("../index/index.as

87、p")</p><p><b>　　end if</b></p><p><b>　　rs.close</b></p><p><b>　　end if</b></p><p><b>　　%></b></p><p&g

88、t;　　當用戶通過身份驗證明.則調用response.Redirect("../index/index.asp")頁面,進入后臺管理中.進行相關的管理。</p><p>　　4.6 后臺各功能模塊的設計</p><p>　　在后臺管理中,共設計有：添加用戶、用戶資料管理、欄目信息管理、文章信息管理、評論信息管理以及圖片管理等,下面將做重點描述。</p>&

89、lt;p>　　4．6．1用戶信息的管理</p><p>　　在后臺管理中,管理員可以添加用戶,其設計頁面如下:</p><p>　　圖4.6.1-1 添加用戶界面</p><p>　　管理員可以添加一個新用戶,并設定該添加用戶的管理權限,主要權限有用戶管理,信息發(fā)布,廣告管理以及留言管理等權限.程序調用user/useradd.asp程序來完成,在usera

90、dd.asp 頁面中,同樣使用function check(form1)對輸入內容進行檢索,不合法時給出提示,同時使用代碼</p><p>　　sql="select * from T_user_admin where userName='"&userName&"'"</p><p>　　userName=killSt

91、r(request("userName"))</p><p>　　menuId1=request("menuId1")</p><p>　　userKey=killStr(request("userKey"))</p><p>　　將用戶輸入的用戶名與密碼與數(shù)據(jù)庫中己存的用戶名進行對比,有相同的記錄時給出提

92、示: alert("該用戶名稱已經存在，輸入失敗，請重新輸入！");</p><p>　　添加成功后,使用rs.update更新數(shù)據(jù)庫，并將數(shù)據(jù)寫入數(shù)據(jù)庫表中。</p><p><b>　　這部分的代碼為：</b></p><p><b>　　<%</b></p><p>

93、　　set rs=server.CreateObject("adodb.recordset")</p><p>　　set rs1=server.CreateObject("adodb.recordset")</p><p>　　if request("addSubmit")<>"" then<

94、;/p><p>　　userName=killStr(request("userName"))</p><p>　　menuId1=request("menuId1")</p><p>　　userKey=killStr(request("userKey"))</p><p>　　if

95、menuId1="" then</p><p>　　response.write "<center>請選擇模塊/模塊.</p><p>　　<a href=javascript:history.go(-1)>按此返回</a></acenter>"</p><p>　　respon

96、se.end</p><p><b>　　end if</b></p><p>　　if (userName<>"") then</p><p>　　sql="select * from T_user_admin where userName='"&userName&&

97、quot;'"</p><p>　　rs.open sql,conn,3,3</p><p>　　if not rs.eof then</p><p><b>　　%></b></p><p>　　<script language=javascript></p><

98、p>　　alert("該用戶名稱已經存在，輸入失敗，請重新輸入！");</p><p><b>　　</script></b></p><p><b>　　<%</b></p><p><b>　　else</b></p><p>&

99、lt;b>　　rs.addnew</b></p><p>　　rs("userName")=userName</p><p>　　rs("userKey")=userKey</p><p>　　rs("menuId")=menuId1</p><p>　　rs(&q

100、uot;trueName")=killStr(request("trueName"))</p><p>　　rs("memory")=killstr(request("memo"))</p><p>　　rs("quanxian")=request("lp_id")</p&g

101、t;<p><b>　　rs.update</b></p><p><b>　　%></b></p><p>　　<script language=javascript></p><p>　　alert("添加成功！");</p><p><

102、b>　　</script></b></p><p><b>　　<%</b></p><p><b>　　end if</b></p><p><b>　　rs.close</b></p><p><b>　　end if</

103、b></p><p><b>　　end if</b></p><p><b>　　%></b></p><p>　　在后臺管理中,對于用戶管理,管理員可以添加用戶,也可以刪除用戶,對于用戶的刪除,其設計界面如下:</p><p>　　圖4.6.1-2 刪除用戶界面</p>

104、<p>　　管理員可以刪除用戶,刪除用戶調用代碼user/userlist.asp程序來完成,在userlist.asp頁面中,對于用戶選擇好的準備刪除的記錄,使用代碼</p><p><b>　　<%</b></p><p>　　if request("deleteSubmit")<>"" th

105、en</p><p><b>　　'刪除所選</b></p><p>　　selectDelete=cstr(killStr(request("selectDelete")))</p><p>　　if selectDelete<>"" then</p><p>

106、;　　selectDeleteArr=split(selectDelete,",")</p><p>　　selectDeleteNumber=ubound(selectDeleteArr)</p><p>　　for I=0 to selectDeleteNumber</p><p><b>　　sql=""<

107、;/b></p><p>　　sql="delete from T_user_admin where"</p><p>　　sql=sql+" userName='"&trim(selectDeleteArr(I))&"' </p><p>　　and userName<&

108、gt;'"&session("economyLoginSuccess")&"'"</p><p>　　conn.execute sql</p><p><b>　　next</b></p><p><b>　　end if</b></p

109、><p><b>　　end if</b></p><p><b>　　%></b></p><p>　　進行刪除.刪除后,返回當前頁面,進行管理.</p><p>　　4．6．2欄目管理的設計</p><p>　　在后臺管理中,設計了欄目管理,欄目管理的設計,便于信息的分

110、類,與管理,欄目管理的設計頁面如下:</p><p>　　圖4.6.2-1 欄目添加界面</p><p>　　欄目管理調用頁面Admin_Column.asp來完成,在Admin_Column.asp頁面中,使 'Sql="select id,Title,code,countnum,iif(type=0,null,'[專題]'),iif(istop=0,n

111、ull,'[導航]') from [NB_Column] order by code"列出欄目的分類,接著使用函數(shù)Function MoveColumn(IsUp),完成數(shù)據(jù)的提交,對于欄目的修改,則主要使用如下關鍵代碼完成: </p><p>　　SQL="update [NB_Content] left join [NB_Column] con [NB_Content].c

112、olumnid=c.id set columncode=c.code,columnname=c.title where columncode like '"&ColumnCode&"%'"</p><p>　　conn.execute(sql)</p><p>　　而對于欄目的刪除,則使用函數(shù)Function Del完成，重點代

113、碼如下： </p><p>　　conn.execute("delete from [NB_Column] where ID="&postID)</p><p>　　conn.execute("UPDATE NB_System SET ColumnNum=ColumnNum-1")</p><p>　　各欄目的信息還

114、可以通過后臺顯示出來，對各個欄目可以進行編輯、刪除，對于新添加的欄目可以更新它的文章數(shù)，其顯示界面如下：</p><p>　　圖4.6.2-2 欄目管理界面</p><p>　　4．6．3 文章管理的設計</p><p>　　對于文章管理的設計,管理員主要從后臺添加文章到相對應的欄目中,添加完成后,前臺在相應的板塊下,顯示出相應的添加信息.其設計頁面如下:<

115、/p><p>　　圖4.6.3-1 文章添加界面</p><p>　　對于文章管理的添加,主要使用function checkData()函數(shù),檢索用戶是否選擇了欄目與標題,欄目與標題為必選項,接著調用一個內嵌的文檔編輯器,完成文章內容的編輯,調用代碼如下: </p><p>　　<td align=’’center’’ colspan=”4”>&

116、;nbsp;</p><p>　　<textarea name=”text” style=”display:none”></p><p>　　<%=Server.HTMLEncode(Text)%></p><p>　　</textarea></p><p>　　<iframe ID=”eWebE

117、ditor1” src=”editor/webeditor.asp?id=text</p><p>　　&style=s_coolblue&originalfilename=d_originalfilename </p><p>　　&savefilename=d_savefilename </p><p>　　&savepat

118、hfilename=d_savepathfilename” frameborder=”0” scrolling=”no” width=”550” HEIGHT=”420”></p><p><b>　　</iframe></b></p><p><b>　　</td></b></p><p&g

119、t;　　對于文章的提交即保存,則使用如下代碼完成:</p><p>　　Function Save</p><p><b>　　'rs.close</b></p><p>　　If Not ChkPost Then </p><p>　　ErrMsg="對不起，請不要從外部提交數(shù)據(jù)！"<

120、/p><p>　　Call Error(1)</p><p><b>　　End If</b></p><p>　　Dim Title,Author,Text,KeyWord,ColumnId,ColumnName,ColumnCode,Byter,TColor,IsImg,ImgPath,IsTop,IsDis,OutUrl,IsOut,Auth

121、orId,CutArticle,ViewNum,AddDate,IsPass,Source,SourceUrl,DissId,DissName,Summary,CountryID</p><p>　　Dim PostId,TempStr,LastPostId</p><p>　　If request.form("column")="" Or requ

122、est.form("column")="0" Then </p><p>　　ErrMsg="請選擇文章歸屬的欄目！"</p><p>　　Call Error(1)</p><p><b>　　End If</b></p><p>　　編輯好的欄目內容可以以列

123、表的方式顯示出來，方便管理員對其內容的修改，其界面如下：</p><p>　　圖4.6.3-2 文章管理界面</p><p>　　4．6．4評論管理的設計</p><p>　　對于前臺用戶的評價,在后臺管理中,管理員可以對用戶的評論信息進行管理,其管理頁面如下:</p><p>　　圖4.6.4 評論管理界面</p><